/* snowooball lab v2.7 — shared accent for Mouse Whale */
:root{--lab-accent:#D97843;--lab-accent-dark:#A94E2D;--lab-accent-tint:#F9EAE0}
.sister-copy .dot-accent{color:var(--lab-accent)!important}
.sister-section .section-kicker span{color:var(--lab-accent)!important}
.sister-section .sister-headline{font-size:clamp(18px,1.8vw,24px);line-height:1.55;word-break:keep-all}
.sister-section .sister-copy>p:not(.sister-headline){font-size:clamp(14px,1.1vw,16px);line-height:1.95;color:#60756c}
.sister-section .sister-panel{border-color:#ece9dd}
.sister-section .sister-graphic{background:linear-gradient(160deg,#e9f2f0,#deedf2);position:relative;overflow:hidden}
.sister-section .sister-graphic:after{content:"";position:absolute;inset:auto -10% -24% -10%;height:38%;background:#a4cdd56b;border-radius:48% 52% 0 0;transform:rotate(-2deg)}
.sister-section .sister-app-icon{position:relative;z-index:1;width:min(58%,235px);height:auto;object-fit:contain;filter:drop-shadow(0 13px 15px #427e8c34);border-radius:23%}
.sister-section .sister-link{display:inline-flex;align-items:center;gap:14px;margin-top:18px;border:1px solid #b8cfc4;border-radius:99px;padding:13px 19px;color:#466e60;font-size:13px;font-weight:750;text-decoration:none;transition:background .2s ease,transform .2s ease}
.sister-section .sister-link span{color:var(--lab-accent);font-size:21px;line-height:1}
.sister-section .sister-link:hover{background:#f9eee5;transform:translateY(-2px)}
.sister-section .sister-copy h2{margin-bottom:12px}
/* small accent rhythms in Mouse Whale, avoiding CTAs and large fills */
.hero .eyebrow-dot,.demo-copy .eyebrow-dot{background:var(--lab-accent)!important}
.section-kicker span{color:var(--lab-accent)}
.sister-pill{background:#eaf0e7}
.button:focus-visible,a:focus-visible{outline:3px solid var(--lab-accent);outline-offset:4px}
@media(max-width:600px){.sister-section .sister-graphic{min-height:240px}.sister-section .sister-app-icon{width:165px}.sister-section .sister-headline{font-size:18px}}


/* v2.9 — intentional warm text and a single framed sister-product area. */
.sister-section .sister-panel{border:1px solid #E8BEA5!important}
.sister-section .sister-headline{color:#9E552E!important}
.sister-section .sister-link{border-color:#DEA984!important;background:#FFF8F3;color:#865037!important}
.sister-section .sister-link:hover{background:#FAEAE0!important}
/* A single strong phrase, not extra punctuation or icons. */
.download-text h2{color:#A45D38!important}


/* v3.0 — keep sister headline within the true burnt-orange family. */
.sister-section .sister-headline{color:#D97843!important}

/* v3.1 — Burnt orange through purposeful text and calm frames. */
:root{--lab-warm:#D97843;--lab-warm-ink:#BC6134;--lab-warm-line:#E8BEA5}
.manifesto .mw-copy-accent{color:var(--lab-warm-ink)!important}
.everyday-head h2 em{color:var(--lab-warm-ink)!important}
.download-text h2,.download-text h2 em{color:var(--lab-warm)!important}
.sister-section .sister-headline{color:var(--lab-warm)!important}
.step-card:nth-child(2){border-color:var(--lab-warm-line)!important;background:linear-gradient(150deg,#FFF9F4,#FFFEFA)!important}
.feature-card:nth-child(2){border:1px solid var(--lab-warm-line)!important;background:#FFF9F5!important}
.gentle-banner{border:1px solid #E8C6AF!important}
.contact-card{border:1px solid #E9C9B3!important}
.sister-section .sister-panel{border-color:var(--lab-warm-line)!important}
.sister-section .sister-link{border-color:#DEA984!important}
.sister-section .sister-link:hover{border-color:var(--lab-warm)!important}
/* On the deep teal panel, a lighter warm orange preserves readability. */
.demo-copy h2 em{color:#F1B990!important}

/* v3.4 — Mouse Whale detail page: one consistent burnt-orange for headings.
   Whale-blue hero and animated artwork remain unchanged. */
:root { --lab-warm:#D97843; --lab-warm-ink:#D97843; }
#features .mw-copy-headline .mw-copy-accent,
.everyday-head h2 em,
.download-text h2,
.download-text h2 em,
.sister-section .sister-headline {
  color:#D97843!important;
}
/* Subtle framed regions keep orange grounded rather than dotty. */
.step-card:nth-child(2),.feature-card:nth-child(2),
.sister-section .sister-panel { border-color:#E8BEA5!important; }
.sister-section .sister-link { border-color:#D97843!important; }
.sister-section .sister-link:hover { background:#FCEEE5!important; }
/* The dark demonstration panel uses a softer orange for contrast. */
.demo-copy h2 em { color:#F1B990!important; }

/* v3.5 — verified against actual HTML classes and loaded from correct paths. */
#features .mw-copy-headline .mw-copy-accent,
#everyday .everyday-head h2 em,
#sister-app .sister-headline,
.download-section .download-text h2,
.download-section .download-text h2 em {
 color:#D97843!important;
}

/* v3.6 — apply the standard burnt orange to “명령이 되는 순간” too. */
.demo-copy h2 em { color:#D97843!important; }

/* v3.7 Responsive alignment: same accent system on phone and desktop. */
@media (max-width: 950px) {
  #features .mw-copy-headline .mw-copy-accent,
  #everyday .everyday-head h2 em,
  .download-section .download-text h2,
  .download-section .download-text h2 em,
  #sister-app .sister-headline,
  .demo-copy h2 em { color:#D97843!important; }
  #sister-app .sister-panel,
  .step-card:nth-child(2),
  .feature-card:nth-child(2) { border-color:#E8BEA5!important; }
}