.sns-portfolio .sns-sync-state{border-radius:16px}.sns-portfolio .sns-sync-state small{display:block;color:var(--color-muted);font-size:10px}.sns-portfolio .sns-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sns-portfolio .sns-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sns-portfolio .sns-metric-card strong{font-size:clamp(24px,3vw,42px);line-height:1.2}.sns-portfolio .sns-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sns-portfolio .sns-panel{min-height:0}.sns-portfolio .reaction-summary dd{white-space:normal;overflow-wrap:anywhere;line-height:1.7}.sns-portfolio .connection-badge{color:inherit}.sns-portfolio .connection-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#a9d8f3}.sns-portfolio .sns-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sns-portfolio .sns-guide-grid strong{margin-top:26px}.sns-portfolio .sns-panel p{margin-top:16px;color:var(--color-muted);font-size:14px;line-height:1.8;white-space:pre-line}.sns-portfolio table{width:100%;border-collapse:collapse;margin-top:24px;font-size:12px}.sns-portfolio th,.sns-portfolio td{padding:14px 10px;text-align:left;border-bottom:1px solid var(--color-line);overflow-wrap:anywhere}.sns-portfolio th{color:var(--color-muted)}.sns-table-scroll{overflow-x:auto}.sns-proof{margin-top:24px}.sns-proof img{width:100%;max-height:420px;object-fit:contain;background:#f6f8fa;border-radius:12px}.sns-proof figcaption{margin-top:10px;color:var(--color-muted);font-size:11px}.sns-record-note{color:var(--color-muted);font-size:12px;line-height:1.8;margin-top:18px}.sns-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.sns-toolbar button,.sns-editor button{padding:12px 18px;border:1px solid var(--color-line);border-radius:12px;background:#fff;cursor:pointer;font:inherit;font-size:12px;font-weight:700}.sns-toolbar button:first-child,.sns-editor button[type=submit]{background:var(--color-ink);color:#fff}.sns-editor{padding:26px;background:#f6f8fa;border:1px solid var(--color-line);border-radius:20px;margin-top:24px}.sns-editor[hidden]{display:none}.sns-editor fieldset{border:0;margin:24px 0;padding:0}.sns-editor legend{font-weight:800;font-size:20px;margin-bottom:18px}.sns-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sns-editor label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}.sns-editor input,.sns-editor textarea,.sns-editor select{width:100%;padding:12px;border:1px solid #bbc5cd;border-radius:8px;background:#fff;color:#151515;font:inherit;font-weight:400}.sns-editor textarea{min-height:90px;resize:vertical}.sns-editor .sns-full{grid-column:1/-1}.sns-status{margin-top:14px;font-size:13px;line-height:1.7}.sns-references{margin-top:32px;font-size:12px;line-height:1.9}.sns-references a{text-decoration:underline;text-underline-offset:3px}.sns-portfolio .sns-jump-nav a:last-child{color:var(--color-ink);background:#fff;border-color:var(--color-line)}@media(max-width:800px){.sns-portfolio .sns-channel-grid,.sns-portfolio .sns-analysis-grid{grid-template-columns:1fr}.sns-portfolio .sns-metric-grid,.sns-portfolio .sns-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sns-portfolio .sns-title-row{grid-template-columns:1fr}.sns-portfolio .sns-sync-state{justify-self:start}}@media(max-width:520px){.sns-form-grid,.sns-portfolio .sns-guide-grid{grid-template-columns:1fr}.sns-portfolio .sns-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sns-portfolio .sns-metric-card{padding:18px;min-height:160px}.sns-editor{padding:18px}.sns-portfolio .sns-panel-head{flex-direction:column}}
.sns-portfolio .sns-jump-nav{flex-wrap:wrap}
.sns-external-channels{margin-top:24px;padding:22px;border:1px solid var(--color-line);border-radius:20px;background:#fff}
.sns-external-label{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:13px;font-weight:800}
.sns-external-label span{color:var(--color-muted);font-size:11px;font-weight:400}
.sns-external-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.sns-external-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;border:1px solid var(--color-line);border-radius:999px;background:#f6f8fa;color:var(--color-ink);font-size:13px;font-weight:800;transition:background .15s,border-color .15s}
.sns-external-button:hover{background:var(--color-accent,#a9d8f3);border-color:var(--color-ink)}
.sns-external-button:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}
@media(max-width:520px){.sns-external-channels{padding:18px}.sns-external-links{flex-direction:column}.sns-external-button{width:100%}}
.sns-channel-card--facebook { --channel-brand: #0866ff; --channel-dot: #fff; color: #fff; background: #0866ff; border-color: #0866ff; }
.sns-channel-card--blog { --channel-brand: #03c75a; --channel-dot: #03c75a; color: #173d2b; background: #fff; border-color: #03c75a; }
.sns-channel-card--x { --channel-brand: #000; --channel-dot: #fff; color: #fff; background: #000; border-color: #000; }
.sns-channel-card--facebook .platform-icon { background: #fff; color: #0866ff; border-color: #fff; }
.sns-channel-card--blog .platform-icon { background: #03c75a; color: #fff; border-color: #03c75a; }
.sns-channel-card--x .platform-icon { background: #fff; color: #000; border-color: #fff; }
.sns-channel-card--facebook .platform-kicker,
.sns-channel-card--x .platform-kicker { color: #fff; }
.sns-channel-card--blog .platform-kicker { color: #087a3c; }
.sns-channel-card--facebook > p,
.sns-channel-card--x > p { color: rgba(255,255,255,.85); }
.sns-channel-card--blog > p { color: #456453; }
.sns-channel-card--facebook .channel-link,
.sns-channel-card--x .channel-link { border-color: rgba(255,255,255,.65); }
.sns-channel-card--blog .channel-link { color: #087a3c; border-color: #087a3c; }
.sns-portfolio .sns-channel-card--facebook .connection-badge:before,
.sns-portfolio .sns-channel-card--blog .connection-badge:before,
.sns-portfolio .sns-channel-card--x .connection-badge:before { background: var(--channel-dot); }
.sns-portfolio .instagram-section {
  position: relative;
  background: linear-gradient(145deg, #fcf9ff 0%, #fff 48%, #fff8f3 100%);
  border-top: 5px solid transparent;
  border-image: linear-gradient(100deg, #6639c7, #c52e91, #e44757, #f6ab52) 1;
}
.sns-portfolio .instagram-section > .container > .section-head .platform-kicker {
  display: inline-flex;
  align-items: center;
  padding: 9px 15px;
  margin-bottom: 20px;
  border: 1px solid #ead8ee;
  border-radius: 999px;
  background: #fff;
  color: #963276;
  letter-spacing: .09em;
}
.sns-portfolio .instagram-section > .container > .section-head .section-title {
  font-family: "Malgun Gothic", "Apple SD Gothic Neo", var(--font-sans);
  font-size: clamp(38px, 5.5vw, 72px);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.025em;
}
.instagram-heading-accent {
  color: #ad287e;
  background: linear-gradient(100deg, #7336bc, #ba287f 55%, #c64b32);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sns-portfolio .instagram-section .sns-metric-card {
  background: #fff;
  border-color: #eadde9;
  box-shadow: 0 8px 28px rgba(105, 41, 107, .04);
}
.sns-portfolio .instagram-section .sns-metric-card--accent {
  background: linear-gradient(130deg, #f2eafa, #fcebf2 65%, #fff1e5);
  border-color: #eed6e8;
}
.sns-portfolio .instagram-section .sns-metric-card--dark {
  background: linear-gradient(135deg, #6735ac, #a82d82 65%, #b43c61);
  border-color: transparent;
  color: #fff;
}
.sns-portfolio .instagram-section .sns-metric-card--dark :is(span, strong, small) { color: #fff; }
.sns-portfolio .instagram-section .panel-kicker { color: #983476; }
.sns-portfolio .instagram-section .sns-panel { border-color: #eadde9; }
.sns-portfolio .instagram-section .section-description { color: #77516f; }
.instagram-insight-chart { margin: 28px 0; padding: clamp(18px, 3vw, 36px); overflow: hidden; border: 1px solid #eadde9; border-radius: var(--radius-md); background: #fff; }
.instagram-insight-chart figcaption { margin-bottom: 16px; }
.instagram-insight-chart h3 { margin-top: 8px; color: var(--color-ink); font-size: 22px; font-weight: 800; }
.instagram-insight-chart img { display: block; width: 100%; height: auto; }
.sns-portfolio .youtube-section > .container > .section-head .section-title { font-family: "Malgun Gothic", "Apple SD Gothic Neo", var(--font-sans); font-size: clamp(38px, 5.5vw, 72px); font-weight: 800; line-height: 1.25; letter-spacing: -.025em; }
/* YouTube performance: black, red and white. */
.sns-portfolio .youtube-section {
  --color-ink: #171717;
  --color-muted: #666;
  --color-line: #e5e5e5;
  --color-support: #c71922;
  background: #fafafa;
  color: #171717;
  border-top: 5px solid #ef1725;
}
.sns-portfolio .youtube-section > .container > .section-head .platform-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding: 10px 15px;
  border-radius: 999px;
  background: #171717;
  color: #fff;
  letter-spacing: .09em;
}
.sns-portfolio .youtube-section > .container > .section-head .platform-kicker::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #ff3441;
}
.sns-portfolio .youtube-section > .container > .section-head .section-title { color: #171717; }
.sns-portfolio .youtube-section .sns-metric-card {
  background: #fff;
  border-color: #e3e3e3;
  box-shadow: 0 6px 22px rgba(0,0,0,.025);
}
.sns-portfolio .youtube-section .sns-metric-card:first-child {
  border-top: 4px solid #ec1725;
}
.sns-portfolio .youtube-section .sns-metric-card--accent {
  background: #c91825;
  border-color: #c91825;
  color: #fff;
}
.sns-portfolio .youtube-section .sns-metric-card--dark {
  background: #171717;
  border-color: #171717;
  color: #fff;
}
.sns-portfolio .youtube-section :is(.sns-metric-card--accent, .sns-metric-card--dark) :is(span, strong, small) { color: #fff; }
.sns-portfolio .youtube-section .sns-panel { background: #fff; border-color: #e3e3e3; }
.sns-portfolio .youtube-section :is(.panel-kicker, .content-performance-head .platform-kicker) { color: #bc1622; }
.sns-portfolio .youtube-section .reaction-summary { border-top-color: #222; }
.sns-portfolio .youtube-section .reaction-summary a { text-decoration: underline; text-decoration-color: #e22631; text-underline-offset: 4px; }
.sns-portfolio .youtube-section .reaction-summary a:focus-visible { outline: 2px solid #c91825; outline-offset: 4px; }
.sns-portfolio .youtube-section thead th { color: #fff; background: #202020; border-bottom: 0; }
.sns-portfolio .youtube-section tbody tr:nth-child(even) { background: #f7f7f7; }
.sns-portfolio .youtube-section tbody tr:first-child { background: #fff0f1; }
.sns-portfolio .youtube-section tbody tr:first-child :is(th, td) { color: #b71622; font-weight: 800; }
.sns-portfolio .sns-channel-card--instagram .platform-icon {
  color: #fff;
  background: linear-gradient(135deg, #833ab4 0%, #c13584 36%, #e1306c 56%, #f56040 76%, #fcaf45 100%);
  border-color: transparent;
}