/* sobaek-hi v1.0.0 - design.md SSOT. L1 avcd-measured. */
:root{
--sb-evergreen:#082215;--sb-ivory:#FFFCF3;--sb-mint:#F2FCF0;--sb-lemon:#FFF71D;--sb-ink:#171717;
--sb-tangerine:#FD5D0D;--sb-raspberry:#EC234C;--sb-ink-70:rgba(23,23,23,.7);--sb-ink-45:rgba(23,23,23,.45);--sb-ink-12:rgba(23,23,23,.12);
--sb-ivory-70:rgba(255,252,243,.7);--sb-ivory-45:rgba(255,252,243,.45);--sb-ivory-16:rgba(255,252,243,.16);
--sb-raised:rgba(255,255,255,.06);--r-sm:6px;--r-md:14px;--r-pill:999px;
--sec-pad:clamp(80px,12vh,140px);--wrap:1180px;--wrap-pad:clamp(24px,4vw,40px);--prose:680px;}
*,*::before,*::after{box-sizing:border-box;box-shadow:none!important}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--sb-ivory);color:var(--sb-ink);
font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;
font-size:18px;line-height:1.7;letter-spacing:-.03em;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--wrap-pad)}
.sec{padding:var(--sec-pad) 0}
.sec--ever{background:var(--sb-evergreen);color:var(--sb-ivory)}
.sec--mint{background:var(--sb-mint)}
.sec--ivory{background:var(--sb-ivory)}
.sec--ever :is(h1,h2,h3,p,li){color:var(--sb-ivory)}
.sec--ever .muted{color:var(--sb-ivory-70)}
.muted{color:var(--sb-ink-70)}
.kicker{font-family:Jost,'Pretendard Variable',sans-serif;font-size:12px;font-weight:500;
letter-spacing:.15em;text-transform:uppercase;color:var(--sb-ink-45);margin:0 0 14px}
.sec--ever .kicker{color:var(--sb-ivory-45)}
h1,h2,h3{margin:0 0 24px;font-weight:700}
.h-display{font-size:clamp(40px,6vw,72px);line-height:1.05;letter-spacing:-.04em}
h2,.h-sec{font-size:clamp(30px,3.6vw,44px);line-height:1.34;letter-spacing:-.04em}
h3{font-size:23px;line-height:1.4;letter-spacing:-.02em}
.lede{font-size:20px;line-height:1.7;max-width:var(--prose);color:var(--sb-ink-70)}
.sec--ever .lede{color:var(--sb-ivory-70)}
mark{background:var(--sb-lemon);color:var(--sb-evergreen);padding:.04em .16em}
.num{font-family:Jost,sans-serif;font-variant-numeric:tabular-nums}
/* buttons - avcd 4 variants, 54px pill, hover invert only */
.btn{display:inline-flex;align-items:center;gap:8px;min-height:54px;padding:0 28px;
border-radius:var(--r-pill);font-size:18px;font-weight:600;letter-spacing:.01em;
text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .12s,color .12s,border-color .12s}
.btn--lemon{background:var(--sb-lemon);color:var(--sb-evergreen);border-color:var(--sb-lemon)}
.btn--ever{background:var(--sb-evergreen);color:var(--sb-lemon);border-color:var(--sb-evergreen)}
.btn--outline{background:transparent;border-color:var(--sb-ink-12)}
.sec--ever .btn--outline{border-color:var(--sb-ivory-16);color:var(--sb-ivory)}
@media(hover:hover){
.btn--lemon:hover{background:var(--sb-evergreen);color:var(--sb-lemon);border-color:var(--sb-evergreen)}
.btn--ever:hover{background:var(--sb-lemon);color:var(--sb-evergreen);border-color:var(--sb-lemon)}
.btn--outline:hover{background:var(--sb-ink);color:var(--sb-ivory);border-color:var(--sb-ink)}
.sec--ever .btn--outline:hover{background:var(--sb-ivory);color:var(--sb-evergreen)}}
.chip{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:var(--r-pill);
background:var(--sb-mint);font-size:14px;font-weight:500}
/* header 72px sticky, smart theme swap via .hdr--dark */
.hdr{position:sticky;top:0;z-index:90;height:72px;display:flex;align-items:center;
background:var(--sb-ivory);border-bottom:1px solid var(--sb-ink-12);transition:background .2s,border-color .2s}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;width:100%}
.hdr__brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:17px}
.hdr__brand img{height:30px;width:auto;mix-blend-mode:normal}
.hdr__nav{display:flex;gap:2px}
.hdr__nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;
font-size:15px;font-weight:500;letter-spacing:-.01em;text-decoration:none;border-radius:var(--r-sm)}
.hdr__tel{font-family:Jost,sans-serif;font-weight:600;font-size:17px;text-decoration:none;font-variant-numeric:tabular-nums}
.hdr--dark{background:var(--sb-evergreen);border-color:var(--sb-ivory-16);color:var(--sb-ivory)}
.hdr--dark a{color:var(--sb-ivory)}
.hdr--dark .hdr__brand img{filter:brightness(0) invert(1)}
.hdr__burger{display:none;width:44px;height:44px;background:none;border:0;cursor:pointer;padding:10px}
.hdr__burger span{display:block;height:1.5px;background:currentColor;margin:6px 0;transition:transform .2s,opacity .2s}
/* fullscreen mobile menu */
.fsmenu{position:fixed;inset:0;z-index:100;background:var(--sb-evergreen);color:var(--sb-ivory);
display:none;flex-direction:column;padding:24px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.fsmenu.open{display:flex}
.fsmenu__top{display:flex;justify-content:space-between;align-items:center;height:48px}
.fsmenu__close{width:44px;height:44px;background:none;border:0;color:var(--sb-ivory);font-size:26px;cursor:pointer}
.fsmenu nav{display:flex;flex-direction:column;gap:4px;margin-top:40px}
.fsmenu nav a{color:var(--sb-ivory);text-decoration:none;font-size:28px;font-weight:700;
letter-spacing:-.03em;padding:10px 0;border-bottom:1px solid var(--sb-ivory-16)}
.fsmenu__cta{margin-top:auto;display:flex;flex-direction:column;gap:10px}
/* cards - 1px hairline, r-md, no shadow */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.card{border:1px solid var(--sb-ink-12);border-radius:var(--r-md);padding:32px;background:var(--sb-ivory)}
.sec--ever .card{border-color:var(--sb-ivory-16);background:var(--sb-raised)}
.card ul{margin:0;padding:0;list-style:none}
.card li{padding:6px 0;font-size:15px;line-height:1.55;color:var(--sb-ink-70)}
.sec--ever .card li{color:var(--sb-ivory-70)}
/* floating CTA - contract clause 4: keep 3, tidy */
.fab{position:fixed;right:20px;bottom:20px;z-index:80;display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.fab .btn{min-height:48px;padding:0 20px;font-size:16px}
/* mobile sticky bar - CRO: 64px, phone 50% */
.mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:85;height:64px;
background:var(--sb-evergreen);border-top:1px solid var(--sb-ivory-16)}
.mbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;
font-size:17px;font-weight:600;text-decoration:none;color:var(--sb-ivory)}
.mbar a.mbar__tel{flex:1.1;background:var(--sb-lemon);color:var(--sb-evergreen)}
/* reveal L2: 14px 700ms once */
html.js .rv{opacity:0;transform:translateY(14px);transition:opacity .7s ease-out,transform .7s ease-out}
html.js .rv.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}
/* marquee */
.mq{overflow:hidden;white-space:nowrap;border-block:1px solid var(--sb-ink-12);padding:14px 0}
.mq__in{display:inline-block;animation:mq 84s linear infinite;font-family:Jost,sans-serif;
font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--sb-ink-45)}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* prose */
.prose{max-width:var(--prose);margin:0 auto}
.prose p{margin:0 0 1.5em}
.prose h2{font-size:28px;margin:2em 0 .8em}
.prose h3{font-size:22px;margin:1.6em 0 .6em}
/* progress bar - column pages */
.rprog{position:fixed;top:0;left:0;height:2px;background:var(--sb-lemon);z-index:95;width:0}
/* drawer */
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,92vw);z-index:110;
background:var(--sb-ivory);border-left:1px solid var(--sb-ink-12);transform:translateX(100%);
transition:transform .3s ease-out;overflow-y:auto;padding:32px}
.drawer.open{transform:none}
.drawer__bg{position:fixed;inset:0;z-index:105;background:rgba(8,34,21,.4);display:none}
.drawer__bg.open{display:block}
/* footer */
.ft{background:var(--sb-evergreen);color:var(--sb-ivory);padding:72px 0 96px}
.ft a{color:var(--sb-ivory-70);text-decoration:none}
.ft .num{font-size:clamp(28px,4vw,44px);font-weight:600}
.ft__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}
.ft small{color:var(--sb-ivory-45);font-size:13px}
@media(max-width:920px){
.hdr__nav{display:none}.hdr__tel{display:none}.hdr__burger{display:block}
.grid3,.grid2{grid-template-columns:1fr}
.ft__grid{grid-template-columns:1fr 1fr;gap:32px 20px}
.ft__grid>:first-child{grid-column:1/-1}
.mbar{display:flex}.fab{display:none}
body{padding-bottom:64px}
.card{padding:24px}}

.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--sb-lemon);color:var(--sb-evergreen);padding:12px 20px;font-weight:600}
.skip:focus{left:0}
a:focus-visible,button:focus-visible{outline:2px solid var(--sb-evergreen);outline-offset:2px}
.sec--ever a:focus-visible,.hdr--dark a:focus-visible,.fsmenu a:focus-visible{outline-color:var(--sb-lemon)}
.mbar{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:920px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}


/* av-compat: pages authored under old theme use av-* classes */
.av-sec{padding:var(--sec-pad) 0}
.av-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--wrap-pad)}
.av-ivory{background:var(--sb-ivory)}
.av-mint{background:var(--sb-mint)}
.av-ever{background:var(--sb-evergreen);color:var(--sb-ivory)}
.av-ever :is(h1,h2,h3,p,li){color:var(--sb-ivory)}
.av-eb{font-family:Jost,sans-serif;font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--sb-ink-45);margin:0 0 14px}
.av-ever .av-eb{color:var(--sb-ivory-45)}
.av-h1{font-size:clamp(40px,6vw,72px);font-weight:700;letter-spacing:-.04em;line-height:1.05;margin:0 0 28px}
.av-h2{font-size:clamp(30px,3.6vw,44px);font-weight:700;letter-spacing:-.04em;line-height:1.34;margin:0 0 24px}
.av-lede{font-size:19px;line-height:1.7;letter-spacing:-.03em;color:var(--sb-ink-70);max-width:660px;margin:0 0 32px}
.av-ever .av-lede{color:var(--sb-ivory-70)}
.av-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.av-card{border:1px solid var(--sb-ink-12);border-radius:var(--r-md);padding:32px;background:var(--sb-ivory)}
.av-ever .av-card{border-color:var(--sb-ivory-16);background:var(--sb-raised)}
.av-card h3{font-size:23px;font-weight:700;margin:0 0 16px}
.av-card ul{margin:0;padding:0;list-style:none}
.av-card li{font-size:15px;line-height:1.55;color:var(--sb-ink-70);padding:6px 0}
.av-ever .av-card li{color:var(--sb-ivory-70)}
.av-mark{background:var(--sb-lemon);color:var(--sb-evergreen);padding:.04em .16em}
.av-cta{display:inline-flex;align-items:center;gap:8px;min-height:54px;padding:0 28px;background:var(--sb-lemon);color:var(--sb-evergreen);font-size:18px;font-weight:600;border-radius:var(--r-pill);text-decoration:none;border:1.5px solid var(--sb-lemon)}
.av-ghost{display:inline-flex;align-items:center;gap:8px;min-height:54px;padding:0 28px;background:transparent;font-size:18px;font-weight:600;border-radius:var(--r-pill);text-decoration:none;border:1.5px solid var(--sb-ivory-16);color:var(--sb-ivory);margin-left:12px}
@media(hover:hover){.av-cta:hover{background:var(--sb-evergreen);color:var(--sb-lemon);border-color:var(--sb-evergreen)}}
@media(max-width:900px){.av-g3{grid-template-columns:1fr}.av-ghost{margin-left:0;margin-top:12px}}
/* legacy sbk-* used on some pages */
.sbk-kicker{font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--sb-ink-45)}


/* fix-r2: dropdown nav, fab unify, rhythm, kicker legibility */
.hdr__dd{position:relative}
.hdr__panel{position:absolute;top:calc(100% + 6px);left:0;display:none;grid-template-columns:1fr 1fr;gap:2px 14px;
min-width:430px;padding:18px;background:var(--sb-ivory);border:1px solid var(--sb-ink-12);border-radius:var(--r-md);z-index:95}
.hdr__dd:hover .hdr__panel,.hdr__dd:focus-within .hdr__panel{display:grid}
.hdr__panel a{min-height:40px!important;font-size:15px!important;color:var(--sb-ink)!important}
.hdr__panel a:hover{background:var(--sb-mint);border-radius:var(--r-sm)}
.hdr__all{grid-column:1/-1;border-top:1px solid var(--sb-ink-12);margin-top:8px;padding-top:10px!important;font-weight:600!important}
.hdr--dark .hdr__panel{background:var(--sb-evergreen);border-color:var(--sb-ivory-16)}
.hdr--dark .hdr__panel a{color:var(--sb-ivory)!important}
.hdr--dark .hdr__panel a:hover{background:var(--sb-raised)}
/* fab: equal width right-aligned column */
.fab{align-items:stretch}
.fab .btn{width:176px;justify-content:center;min-height:48px;padding:0 16px;font-size:16px}
.fab .btn--outline{background:var(--sb-ivory);color:var(--sb-evergreen);border-color:var(--sb-evergreen)}
.fab .btn--outline:hover{background:var(--sb-evergreen);color:var(--sb-ivory);border-color:var(--sb-evergreen)}
/* rhythm: tighten section padding slightly */
:root{--sec-pad:clamp(72px,10vh,116px)}
/* kicker legibility on dark for 40-70yo */
.av-ever .av-eb,.sec--ever .kicker{color:var(--sb-ivory-70)!important;font-size:13px!important}
.av-eb,.kicker{font-size:13px}
/* mark size cap: display-scale marks get reduced padding so area stays sane */
.av-h1 .av-mark,h1 mark{padding:0 .1em}

.fsmenu__sub{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:6px 0 10px}
.fsmenu__sub a{font-size:17px!important;font-weight:500!important;border-bottom:none!important;padding:8px 0!important;color:var(--sb-ivory-70)!important}

/* logo-r3 */
.hdr__brand img{height:38px!important}

/* fix-r4: sbk-team compat + logo variant */
.sbk-team{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.sbk-mem img,main .sbk-team img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:14px}
.sbk-mem{border:1px solid var(--sb-ink-12);border-radius:14px;padding:24px;background:var(--sb-ivory)}
@media(max-width:900px){.sbk-team{grid-template-columns:1fr}}
/* light header: force ink logo (asset wordmark is light) */
.hdr .hdr__brand img{filter:brightness(0)}
.hdr--dark .hdr__brand img{filter:brightness(0) invert(1)!important}

/* content-tables: SSOT for entry content tables (replaces old per-page style blocks) */
main table{width:100%;border-collapse:collapse;margin:24px 0;font-size:16px}
main th,main td{border:1px solid var(--sb-ink-12);padding:12px 16px;text-align:left;vertical-align:top;line-height:1.6}
main th{background:var(--sb-mint);font-weight:700}
main figure.wp-block-table{margin:24px 0;overflow-x:auto}
main .wp-block-button__link{background:var(--sb-evergreen);color:var(--sb-lemon);min-height:50px;padding:0 24px;border-radius:999px;font-weight:600;display:inline-flex;align-items:center}

.hdr__brand-t{font-weight:700;font-size:17px;letter-spacing:-.02em;white-space:nowrap}
@media(max-width:430px){.hdr__brand-t{font-size:15px}}

/* avcd-r7: pill kickers, color cards, faq, blog color cards */
.pillk{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 16px;border-radius:999px;
font-family:Jost,sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px}
.pillk--ever{background:var(--sb-evergreen);color:var(--sb-ivory)}
.pillk--tang{background:var(--sb-evergreen);color:var(--sb-ivory)}
.pillk--rasp{background:var(--sb-evergreen);color:var(--sb-ivory)}
.pillk--lemon{background:var(--sb-lemon);color:var(--sb-evergreen)}
/* color stat/process cards */
.ccard{border-radius:14px;padding:36px 32px;border:0}
.ccard h3{font-size:30px;letter-spacing:-.03em;margin:14px 0 14px}
.ccard .ck{font-family:Jost,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.ccard p{margin:0;font-size:15px;line-height:1.65}
.ccard--ever{background:var(--sb-evergreen);color:var(--sb-ivory)}
.ccard--ever h3{color:var(--sb-lemon)}
.ccard--tang{background:var(--sb-evergreen);color:var(--sb-ivory)}
.ccard--tang h3{color:var(--sb-lemon)}
.ccard--lemon{background:var(--sb-evergreen);color:var(--sb-ivory)}
.ccard--rasp{background:var(--sb-evergreen);color:var(--sb-ivory)}
.ccard--rasp h3{color:var(--sb-lemon)}
/* FAQ accordion avcd style */
.faq{border-top:1px solid var(--sb-ink-12)}
.faq details{border-bottom:1px solid var(--sb-ink-12)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;
padding:22px 4px;font-size:19px;font-weight:700;letter-spacing:-.02em;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:0 0 36px;height:36px;display:flex;align-items:center;justify-content:center;
border-radius:999px;background:transparent;font-size:22px;font-weight:400;transition:background .12s}
.faq details[open] summary::after{content:"\00d7";background:var(--sb-lemon);color:var(--sb-evergreen)}
.faq .fa-body{padding:0 44px 24px 4px;color:var(--sb-ink-70);font-size:16px;line-height:1.75;max-width:760px}

/* founder layout: smaller photo col */
.founder{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:40px;align-items:start}
.founder__panel{background:var(--sb-evergreen);color:var(--sb-ivory);border-radius:14px;padding:44px}
.founder__panel .fp-k{color:var(--sb-lemon);font-family:Jost,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.founder__panel ul{margin:0;padding:0;list-style:none}
.founder__panel li{border-bottom:1px solid var(--sb-ivory-16);padding:9px 0;font-size:15.5px;color:var(--sb-ivory-70)}
@media(max-width:900px){.founder{grid-template-columns:1fr}}

/* logo-blue-r8: natural blue mark (crop wordmark), keep white on dark */
.hdr .hdr__brand img{filter:none!important;width:38px;height:38px;object-fit:cover;object-position:left center;max-width:none}
.hdr--dark .hdr__brand img{filter:brightness(0) invert(1)!important}
.fsmenu .hdr__brand img{filter:brightness(0) invert(1)}
/* dropdown hover gap fix: bridge with padding instead of floating offset */
.hdr__panel{top:100%;margin-top:0;padding-top:18px;background:transparent;border:0;border-radius:0}
.hdr__panel::before{content:"";position:absolute;inset:12px 0 0 0;background:var(--sb-ivory);border:1px solid var(--sb-ink-12);border-radius:14px;z-index:-1}
.hdr--dark .hdr__panel::before{background:var(--sb-evergreen);border-color:var(--sb-ivory-16)}
.hdr__panel a{position:relative}
/* footer link hover */
.ft a:hover{color:var(--sb-lemon)}

/* dark-hdr-r9: unified evergreen header on all pages, uncropped white logo */
html body .hdr{background:var(--sb-evergreen);border-bottom:1px solid var(--sb-ivory-16);color:var(--sb-ivory)}
html body .hdr a{color:var(--sb-ivory)}
html body .hdr .hdr__brand img{width:auto;height:30px;max-width:none;object-fit:contain;object-position:center;
filter:brightness(0) invert(1)!important}
html body .hdr__brand-t{color:var(--sb-ivory)}
html body .hdr__panel::before{background:var(--sb-evergreen);border-color:var(--sb-ivory-16)}
html body .hdr__panel a{color:var(--sb-ivory)!important}
html body .hdr__panel a:hover{background:var(--sb-raised);border-radius:var(--r-sm)}
html body .hdr__all{border-top-color:var(--sb-ivory-16)!important}
html body .hdr__nav a:hover{color:var(--sb-lemon)}
html body .hdr__tel{color:var(--sb-ivory)}
/* home hero: pull up under header seamlessly (continuous evergreen) */
.home .sec--ever:first-of-type{border-top:0}

/* hero-dslr-r10: full-color video, neutral scrim, dslr grade */
.home main > .sec--ever:first-of-type{background:#0a0f0c}
.home main > .sec--ever:first-of-type video{opacity:1!important;
filter:contrast(1.08) saturate(1.18) brightness(.94)}
.home main > .sec--ever:first-of-type::before{content:"";position:absolute;inset:0;z-index:1;
background:linear-gradient(90deg,rgba(6,10,8,.72) 0%,rgba(6,10,8,.45) 44%,rgba(6,10,8,.12) 100%),
linear-gradient(180deg,rgba(6,10,8,.55) 0%,rgba(6,10,8,0) 30%,rgba(6,10,8,.35) 100%)}
.home main > .sec--ever:first-of-type .wrap{position:relative;z-index:2}

/* blue-chip-r11: transparent header over hero, blue logo on ivory chip */
html body .hdr .hdr__brand img{filter:none!important;height:40px;width:auto;max-width:none;object-fit:contain;
background:var(--sb-ivory);border-radius:10px;padding:6px 10px;box-sizing:border-box}
.home .hdr{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom:0}
.home main > .sec--ever:first-of-type .wrap{padding-top:calc(96px + 72px)}
/* inner pages keep evergreen header (background covers the line) */
@media(max-width:920px){html body .hdr .hdr__brand img{height:34px;padding:5px 8px}}

/* chip-fit-r12 */
html body .hdr .hdr__brand img{width:auto!important;max-width:170px!important;height:40px!important;object-fit:contain!important;object-position:center!important}

/* logo-natural-r13: kill chip, natural blue mark + white wordmark on dark */
html body .hdr .hdr__brand img{background:transparent!important;padding:0!important;border-radius:0!important;
filter:none!important;height:32px!important;width:auto!important;max-width:none!important;object-fit:contain!important}

/* brand-join-r14 */
.hdr__brand{gap:7px!important}
.hdr__brand-t{color:var(--sb-ivory)!important;font-weight:700;font-size:18px;letter-spacing:-.02em;line-height:1;transform:translateY(1px)}

/* fix-r15: ccard text contrast wins over dark-section rule */
html body .sec--ever .ccard--lemon,html body .sec--ever .ccard--lemon :is(h3,p,span){color:var(--sb-evergreen)!important}
html body .sec--ever .ccard--tang,html body .sec--ever .ccard--tang :is(h3,p,span){color:#fff!important}
html body .sec--ever .ccard--rasp,html body .sec--ever .ccard--rasp :is(h3,p,span){color:#fff!important}
html body .ccard--lemon .ck{color:rgba(8,34,21,.6)!important}
/* nav: CTA pill next to phone */
.hdr__cta{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:999px;
background:var(--sb-lemon);color:var(--sb-evergreen)!important;font-size:15px;font-weight:700;text-decoration:none;margin-left:14px}
@media(hover:hover){.hdr__cta:hover{background:var(--sb-ivory)}}
@media(max-width:920px){.hdr__cta{display:none}}

/* avcd-r16: header right group, avcd blog thumb cards */
.hdr__right{display:flex;align-items:center;gap:12px;margin-left:auto}
.hdr__right .hdr__cta{margin-left:0}
/* avcd blog card: colored thumb + title below on page bg */
a.bcard{display:block;text-decoration:none;color:inherit;border:0;background:transparent!important;padding:0}
.bcard__thumb{aspect-ratio:16/10;border-radius:14px;display:flex;align-items:center;justify-content:center;
padding:24px;text-align:center;font-weight:700;letter-spacing:-.03em;font-size:19px;line-height:1.45}
.bcard:nth-child(4n+1) .bcard__thumb{background:var(--sb-evergreen);color:var(--sb-ivory)}
.bcard:nth-child(4n+2) .bcard__thumb{background:var(--sb-mint);color:var(--sb-ink)}
.bcard:nth-child(4n+3) .bcard__thumb{background:var(--sb-evergreen);color:var(--sb-ivory)}
.bcard:nth-child(4n+4) .bcard__thumb{background:var(--sb-mint);color:var(--sb-ink)}
.bcard__thumb .bmark{font-family:Jost,sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
opacity:.7;display:block;margin-bottom:10px}
.bcard h3{font-size:19px;line-height:1.5;letter-spacing:-.02em;margin:16px 0 8px;color:var(--sb-ink)}
.bcard__meta{font-size:13.5px;color:var(--sb-ink-45);display:flex;gap:8px;align-items:center}
.bcard__meta .bchip{border:1px solid var(--sb-ink-12);border-radius:999px;padding:3px 10px;font-size:12px;color:var(--sb-ink-70)}
@media(hover:hover){.bcard:hover h3{text-decoration:underline;text-underline-offset:3px}}

/* typo-r17: korean keep-all everywhere, editorial display, page avcd color layer */
h1,h2,h3,h4,h5,p,li,dt,dd,figcaption,blockquote{word-break:keep-all;overflow-wrap:break-word}
/* display: heavier, tighter — editorial not-generic */
.h-display,.av-h1{font-weight:800!important;letter-spacing:-0.045em!important;line-height:1.08!important}
h2,.h-sec,.av-h2{font-weight:800!important;letter-spacing:-0.04em!important}
.h-display mark,.av-h1 .av-mark{font-weight:800}
/* content pages (질환 12 등): avcd color layer without touching content */
.page main .wrap > h2, .page main .entry-content h2, body.page main h2:not(.av-h2):not(.h-sec){
color:var(--sb-evergreen);font-size:clamp(24px,2.6vw,32px);margin-top:72px;padding-top:28px;
border-top:1px solid var(--sb-ink-12)}
body.page main h2:not(.av-h2):first-of-type{border-top:0;margin-top:24px;padding-top:0}
body.page main h3:not(.av-card h3){color:var(--sb-ink);font-size:20px}
body.page main ul li::marker{color:var(--sb-tangerine)}
body.page main blockquote{background:var(--sb-mint);border:0;border-radius:14px;padding:24px 28px;margin:28px 0;font-size:16.5px}
body.page main strong{background:linear-gradient(transparent 62%,var(--sb-lemon) 62%)}
body.page main table th{background:var(--sb-mint)}
/* hero line breaks: avoid orphan particles */
.h-display br{content:""}
@media(min-width:640px){.h-display br{content:normal}}

/* giant-r18: avcd-scale drama */
.h-display{font-size:clamp(44px,7.2vw,100px)!important}
.gband{overflow:hidden;padding:96px 0 84px}
.gband__word{font-family:Jost,'Pretendard Variable',sans-serif;font-weight:800;line-height:.95;
letter-spacing:-.04em;font-size:clamp(80px,15vw,214px);color:var(--sb-ivory);margin:0;white-space:nowrap}
.gband__word .gmark{color:var(--sb-lemon)}
.gband__sub{display:flex;gap:24px;align-items:baseline;flex-wrap:wrap;margin-top:28px}
.gband__tel{font-family:Jost,sans-serif;font-weight:700;font-variant-numeric:tabular-nums;
font-size:clamp(28px,4vw,54px);color:var(--sb-ivory);text-decoration:none;letter-spacing:-.01em}
.gband__cap{font-size:16px;color:var(--sb-ivory-70)}
@media(hover:hover){.gband__tel:hover{color:var(--sb-lemon)}}

/* giant-fix-r19 */
html body main .gband__word{font-size:clamp(80px,15vw,214px)!important;color:var(--sb-ivory)!important;line-height:.95!important;margin:10px 0 0!important}
html body main .gband__word .gmark{color:var(--sb-lemon)!important}

/* rollback-r20: hero back to 72, giant band retired */
html body .h-display{font-size:clamp(40px,6vw,72px)!important}

/* nav-r21: avcd dropdown (cream panel + lemon hover pill) + centered nav */
html body .hdr__nav{margin:0 auto}
html body .hdr__panel{padding-top:14px}
html body .hdr__panel::before{inset:8px 0 0 0;background:var(--sb-ivory);border:1px solid var(--sb-ink-12);border-radius:16px}
html body .hdr__panel a{color:var(--sb-ink)!important;font-weight:600!important;min-height:42px!important;
padding:0 16px!important;border-radius:10px;margin:1px 6px}
html body .hdr__panel a:hover{background:var(--sb-lemon)!important;color:var(--sb-evergreen)!important}
html body .hdr--dark .hdr__panel::before,html body .hdr .hdr__panel::before{background:var(--sb-ivory);border-color:var(--sb-ink-12)}
html body .hdr__all{border-top:1px solid var(--sb-ink-12)!important;margin-top:6px;color:var(--sb-ink)!important}
html body .hdr__panel{min-width:250px}
html body .hdr__dd:nth-child(2) .hdr__panel{min-width:460px}

/* panel-fix-r22: dark-state dropdown must stay ink-on-ivory */
html body .hdr--dark .hdr__panel a,html body .hdr .hdr__panel a{color:var(--sb-ink)!important}
html body .hdr--dark .hdr__panel a:hover,html body .hdr .hdr__panel a:hover{background:var(--sb-lemon)!important;color:var(--sb-evergreen)!important}
html body .hdr--dark .hdr__all,html body .hdr .hdr__all{color:var(--sb-ink)!important;border-top-color:var(--sb-ink-12)!important}

/* panel-r23: dark panel attached to header line (video-hero coherent) */
html body .hdr__dd{display:flex;align-items:stretch;height:72px}
html body .hdr__dd > a{display:inline-flex;align-items:center}
html body .hdr__panel{top:100%;padding:14px 10px!important;margin:0;
background:var(--sb-evergreen)!important;border:1px solid var(--sb-ivory-16);border-top:0;
border-radius:0 0 16px 16px;min-width:250px}
html body .hdr__panel::before{display:none}
html body .hdr--dark .hdr__panel a,html body .hdr .hdr__panel a{color:var(--sb-ivory)!important;font-weight:600!important}
html body .hdr--dark .hdr__panel a:hover,html body .hdr .hdr__panel a:hover{
background:var(--sb-raised)!important;color:var(--sb-lemon)!important}
html body .hdr--dark .hdr__all,html body .hdr .hdr__all{color:var(--sb-ivory)!important;
border-top:1px solid var(--sb-ivory-16)!important}
html body .hdr__dd:nth-child(2) .hdr__panel{min-width:470px}

/* ever-h2-r24: dark sections always ivory headings (page-class leak fix) */
html body .sec--ever :is(h1,h2,h3,h4){color:var(--sb-ivory)!important}
html body .sec--ever mark{color:var(--sb-evergreen)!important}
html body .av-ever :is(h1,h2,h3,h4){color:var(--sb-ivory)!important}

/* mobile-a11y-r25: functional bugfixes only (design frozen) */
@media (max-width:720px){
  html body .sbk-founder-g{grid-template-columns:1fr!important}
  html body .sbk-founder-g > div:first-child{max-width:320px;margin:0 auto}
  html body .ftr a,html body .pagination a,html body .page-numbers{
    display:inline-flex;align-items:center;min-height:44px}
  html body .fluentform input[type=text],html body .fluentform input[type=tel],
  html body .fluentform input[type=email],html body .fluentform textarea{min-height:48px}
  html body .ff-btn-submit,html body button[type=submit]{min-height:48px}
}
html body .idx-h1{font-size:clamp(30px,4.5vw,44px);font-weight:800;letter-spacing:-.5px;color:var(--sb-evergreen);margin:0}

/* frontline-r26: transition system + sticky home hdr + hover craft + hairline + marquee */
:root{--dur:.2s;--ease-sp:cubic-bezier(.16,1,.3,1)}
html body.home .hdr{position:fixed;top:0;left:0;right:0;transition:background .25s,border-color .25s}
html body.home .hdr.is-scrolled{background:rgba(8,34,21,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--sb-ivory-16)}
html body .sec--ivory + .sec--ivory{border-top:1px solid var(--sb-ink-12)}
html body .card,html body .pcard{transition:opacity .7s ease-out,transform .7s ease-out,border-color var(--dur) var(--ease-sp),box-shadow var(--dur) var(--ease-sp)}
html body .card:hover,html body .pcard:hover{border-color:rgba(23,23,23,.28);box-shadow:0 14px 34px rgba(8,34,21,.10)}
html body .btn{transition:background var(--dur),color var(--dur),border-color var(--dur),transform var(--dur) var(--ease-sp),box-shadow var(--dur) var(--ease-sp)}
html body .btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(8,34,21,.14)}
html body .grid3 a img,html body .card img{transition:transform .5s var(--ease-sp)}
html body .grid3 a:hover img,html body .card:hover img{transform:scale(1.03)}
/* credential marquee */
html body .mq{background:var(--sb-evergreen);border-top:1px solid var(--sb-ivory-16);border-bottom:1px solid var(--sb-ink-12);overflow:hidden;padding:14px 0;white-space:nowrap}
html body .mq__in{display:inline-block;animation:mqx 36s linear infinite}
html body .mq__t{display:inline-block;color:var(--sb-ivory);opacity:.85;font-size:14.5px;font-weight:600;letter-spacing:.4px;padding-right:60px}
html body .mq__t mark{background:none;color:var(--sb-lemon)}
@keyframes mqx{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){html body .mq__in{animation:none}}

/* shadow-r27: beat global box-shadow:none!important reset */
html body .card:hover,html body .pcard:hover{box-shadow:0 14px 34px rgba(8,34,21,.10)!important}
html body .btn:hover{box-shadow:0 8px 20px rgba(8,34,21,.14)!important}


/* selfcheck-r29 + 한글 타이포 하드닝 */
html body{word-break:keep-all;overflow-wrap:break-word}
html body .selfcheck{background:var(--sb-ivory);border:1.5px solid var(--sb-ink);border-radius:16px;padding:36px;margin:56px 0 8px}
html body .selfcheck h2{font-size:24px;margin-bottom:18px}
html body .selfcheck ul{list-style:none;padding:0;margin:0 0 16px}
html body .selfcheck li{padding:9px 0 9px 34px;position:relative;font-size:16.5px;border-bottom:1px dashed rgba(23,23,23,.14)}
html body .selfcheck li::before{content:"✓";position:absolute;left:4px;top:8px;font-weight:800;color:var(--sb-evergreen);background:var(--sb-lemon);width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px}
html body .selfcheck__note{font-size:14.5px;color:rgba(23,23,23,.66);margin-bottom:20px}
html body .selfcheck__cta{display:flex;gap:12px;flex-wrap:wrap}
html body .ft__trust{font-size:13px;opacity:.72;padding:14px 0;border-top:1px solid rgba(255,252,243,.14);margin-top:8px}

/* avcd: card headings on evergreen must be lemon (beats body.page main h3) */
body.page main .ccard.ccard h3,body.page main .ccard.ccard .ck{color:var(--sb-lemon)}


/* crawlfix-r31: 모바일 크롤 결함 수리 (D-01 탭타겟, D-04 패널 차단) */
@media (max-width:720px){
html body main a{min-height:40px;display:inline-flex;align-items:center}
html body .hdr__panel{display:none!important}
html body .selfcheck li::before{display:inline-flex}
}

/* avcd-rhythm-r32: avcd 정본 리듬 복원 (사용자 지시 avcd 100%) */
html body .sec--ever details{background:rgba(255,255,255,.06);border:1px solid rgba(255,252,243,.16);border-radius:14px;color:var(--sb-ivory)}
html body .sec--ever details summary{color:var(--sb-ivory)}
html body .sec--ever details p,html body .sec--ever details li{color:rgba(255,252,243,.8)}
html body .sec--ever details[open]{background:rgba(255,255,255,.09)}
html body .sec--ever .card,html body .sec--ever .fcard{background:rgba(255,255,255,.06);border-color:rgba(255,252,243,.16)}
html body .sec--ever .card h3,html body .sec--ever .fcard h3{color:var(--sb-lemon)}
html body .sec--ever .card p,html body .sec--ever .card .muted{color:rgba(255,252,243,.75)!important}
html body .sec--ever .pillk{border-color:rgba(255,252,243,.3);color:var(--sb-ivory)}
html body .sec--ever a:not(.btn){color:var(--sb-ivory)}
html body .sec--ever .kicker{color:rgba(255,252,243,.55)}
html body .sec--ever mark{background:var(--sb-lemon);color:var(--sb-evergreen)}
html body .sec--ever + .sec--ever{border-top:1px solid rgba(255,252,243,.12)}

/* avcd-purge-r33: 비avcd 요소 전량 avcd화 (GLM·DS 레드팀 채택분) */
/* 1. sobaek-eeat 청회색 유산 → avcd 토큰 (인라인 하드코딩 제압) */
html body .sobaek-eeat{background:#F2FCF0!important;border:1px solid rgba(23,23,23,.12)!important;border-left:3px solid var(--sb-evergreen)!important;border-radius:14px!important;color:var(--sb-ink)!important;font-family:inherit!important}
html body .sobaek-eeat *{color:var(--sb-ink)!important;font-family:inherit!important}
html body .sobaek-eeat a{color:var(--sb-evergreen)!important;font-weight:600}
html body .sobaek-eeat b,html body .sobaek-eeat strong{color:var(--sb-evergreen)!important}
/* 2. Fluent Forms → avcd */
html body .fluentform input[type=text],html body .fluentform input[type=tel],html body .fluentform input[type=email],html body .fluentform textarea{background:#fff!important;border:1px solid rgba(23,23,23,.2)!important;border-radius:12px!important;color:var(--sb-ink)!important;font-family:inherit!important}
html body .fluentform input:focus,html body .fluentform textarea:focus{border-color:var(--sb-evergreen)!important;box-shadow:0 0 0 3px rgba(8,34,21,.18)!important;outline:none}
html body .fluentform label{color:var(--sb-ink)!important;font-weight:600}
html body .ff-btn-submit{background:var(--sb-lemon)!important;color:var(--sb-evergreen)!important;border:none!important;border-radius:999px!important;font-weight:800!important}
/* 3. 관련글 박스 avcd화 */
html body #sobaek-phase29b-related-posts{background:var(--sb-ivory);border:1px solid rgba(23,23,23,.12);border-radius:14px;padding:20px 24px;font-family:inherit}
html body #sobaek-phase29b-related-posts a{color:var(--sb-evergreen)}
/* 4. 다크 섹션 디테일 (DS 점검 5·6·8) */
html body .sec--ever summary::marker{color:var(--sb-lemon)}
html body .sec--ever li::marker{color:rgba(255,252,243,.5)}
html body .sec--ever hr{border-color:rgba(255,252,243,.14)}
/* 5. charcoal 스케일 토큰 (terra 채택) */
:root{--sb-ink-45:rgba(23,23,23,.45);--sb-ink-20:rgba(23,23,23,.2);--sb-raised-b:rgba(255,255,255,.15)}
/* 6. 섹션 h2 스케일 avcd 근접 (terra 채택, 32→클램프40) */
html body .sec h2,html body .sec--ever h2{font-size:clamp(28px,3.1vw,40px)}



/* craft-r35: 히어로 사진 그리드 + FAQ 아코디언 avcd화 + 표 + 크래프트 (5레인 채택분) */
/* 1. 질환 히어로 2열 그리드 (사진 우측, 22px 라디우스) */
html body .av-ever .av-wrap:has(.avh-img){display:grid;grid-template-columns:1.15fr .85fr;column-gap:48px;align-items:center}
html body .av-ever .av-wrap:has(.avh-img) .av-eb,html body .av-ever .av-wrap:has(.avh-img) h1,html body .av-ever .av-wrap:has(.avh-img) .av-lede{grid-column:1}
html body .avh-img{grid-column:2;grid-row:1/span 3;width:100%;height:100%;min-height:230px;max-height:330px;object-fit:cover;border-radius:22px;border:1px solid rgba(255,252,243,.16)}
@media (max-width:760px){html body .av-ever .av-wrap:has(.avh-img){display:block}html body .avh-img{margin-top:22px;min-height:0;height:190px}}
/* 2. FAQ 아코디언 — 밝은 배경 avcd 카드형 (기본 ▶ 마커 제거) */
html body main details{background:#fff;border:1px solid rgba(23,23,23,.14);border-radius:14px;margin:10px 0;transition:border-color .2s,box-shadow .2s}
html body main details summary{list-style:none;cursor:pointer;padding:16px 48px 16px 20px;font-weight:700;font-size:16.5px;position:relative;user-select:none}
html body main details summary::-webkit-details-marker{display:none}
html body main details summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:600;color:var(--sb-evergreen);transition:transform .25s}
html body main details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
html body main details > p,html body main details > div,html body main details > ul{padding:0 20px 16px;margin:0}
html body main details:hover{border-color:rgba(23,23,23,.3)}
html body main details[open]{border-color:var(--sb-evergreen);box-shadow:0 8px 24px rgba(8,34,21,.07)!important}
/* 다크 섹션 아코디언은 r32 유지 + 마커만 통일 */
html body .sec--ever details{background:rgba(255,255,255,.06)}
html body .sec--ever details summary::after{color:var(--sb-lemon)}
/* 3. 표 — avcd 헤어라인 + 모바일 스크롤 */
html body main table{border-collapse:separate;border-spacing:0;width:100%;max-width:100%;border:1px solid rgba(23,23,23,.14);border-radius:12px;overflow:hidden}
html body main table th{background:#F2FCF0;color:var(--sb-ink);font-weight:700;padding:11px 14px;text-align:left;border-bottom:1.5px solid rgba(23,23,23,.18)}
html body main table td{padding:10px 14px;border-bottom:1px solid rgba(23,23,23,.1)}
html body main table tr:last-child td{border-bottom:0}
@media (max-width:760px){html body main table{display:block;overflow-x:auto;white-space:nowrap}}
/* 4. 단일 글 h2 스케일 교정 (h1과 동급이던 것) */
html body.single main article h2{font-size:clamp(22px,2.5vw,28px)!important}
html body.single main article h3{font-size:clamp(18px,2vw,22px)!important}
/* 5. 관리바 숨김 + 저자표기 카드화 */
html body #wpadminbar{display:none}html body{margin-top:0!important}
/* 6. 블로그 카드 크래프트 */
html body .grid3 > a,html body .grid3 article{border-radius:16px;overflow:hidden;transition:transform .25s var(--ease-sp,ease),box-shadow .25s}
html body .grid3 > a:hover,html body .grid3 article:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(8,34,21,.10)!important}

/* avcd-final-r36: 사용자 스샷 확정 — avcd 색감 전면 복원 + 히어로 활자 B2B 축소 */
html body .h-display{font-size:clamp(32px,4.4vw,54px)!important;letter-spacing:-1.2px;line-height:1.22}
html body .hero .lede,html body .sec--ever .lede{font-size:clamp(16px,1.5vw,19px)}

/* herogap-r37: 다크 히어로 페이지의 상단 데드스페이스 축소 */
html body.page main > section.sec:first-child:has(.av-ever){padding-top:28px}

/* colorpop-r38: avcd 다색 시스템 이식 (사용자 8스샷 — 탠저린·라즈베리는 구조색) */
:root{--sb-tang:#FD5D0D;--sb-rasp:#EC234C;--sb-mintL:#F2FCF0}
html body .pillk{display:inline-block;padding:5px 14px;border-radius:999px;font-size:13px;font-weight:800;border:none!important}
html body .grid3 > .card:nth-child(3n+1) .pillk{background:var(--sb-evergreen)!important;color:var(--sb-ivory)!important}
html body .grid3 > .card:nth-child(3n+2) .pillk{background:var(--sb-tang)!important;color:#fff!important}
html body .grid3 > .card:nth-child(3n+3) .pillk{background:var(--sb-rasp)!important;color:#fff!important}
html body .kicker{color:var(--sb-tang)!important;font-weight:700;letter-spacing:.14em}
html body .sec--ever .kicker{color:var(--sb-lemon)!important}
html body main details{background:var(--sb-mintL)}
html body main details[open]{background:#fff}
html body .em-tang{color:var(--sb-tang);font-weight:800}

/* colorpop-r39: 커버 로테이션 정조준(.bcard__thumb) + 뱃지 14px bold (Fable 보정) */
html body .bcard:nth-child(4n+1) .bcard__thumb{background:var(--sb-evergreen)!important;color:var(--sb-lemon)!important}
html body .bcard:nth-child(4n+2) .bcard__thumb{background:#FFF04A!important;color:var(--sb-ink)!important}
html body .bcard:nth-child(4n+3) .bcard__thumb{background:var(--sb-rasp)!important;color:#fff!important}
html body .bcard:nth-child(4n+4) .bcard__thumb{background:var(--sb-mintL)!important;color:var(--sb-ink)!important}
html body .bcard .bcard__thumb .bmark{color:inherit;opacity:.65}
html body .pillk{font-size:14px!important;font-weight:800!important}
/* 상황 카드 상단 컬러 필 (콘텐츠 주입용) */
html body .sit-pill{display:inline-block;padding:5px 14px;border-radius:999px;font-size:14px;font-weight:800;margin-bottom:12px}
html body .sit-pill--ever{background:var(--sb-evergreen);color:var(--sb-ivory)}
html body .sit-pill--tang{background:var(--sb-tang);color:#fff}
html body .sit-pill--rasp{background:var(--sb-rasp);color:#fff}
/* STEP 뱃지 3색 (프로세스 다크 카드의 STEP 텍스트) */
html body .step-b{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:50%;font-weight:800;color:#fff;font-size:15px;margin-bottom:10px}
html body .step-b--1{background:#1b4332}html body .step-b--2{background:var(--sb-tang)}html body .step-b--3{background:var(--sb-rasp)}

/* faqdark-r40: 다크 FAQ 아코디언 avcd 컬러블록 재설계 (사용자 스샷 지시) */
html body .sec--ever details{background:rgba(255,255,255,.045);border:1px solid rgba(255,252,243,.22);border-radius:16px;margin:14px 0;overflow:hidden;transition:background .25s,border-color .25s}
html body .sec--ever details summary{padding:18px 52px 18px 22px;font-size:17px}
html body .sec--ever details summary::before{content:"Q.";color:var(--sb-lemon);font-weight:800;margin-right:10px}
html body .sec--ever details summary::after{color:var(--sb-lemon);font-size:24px;right:20px}
html body .sec--ever details:hover{border-color:rgba(255,252,243,.4)}
/* 열린 카드 = 연민트 컬러블록 반전 (avcd 성과카드 문법) */
html body .sec--ever details[open]{background:var(--sb-mintL)!important;border-color:var(--sb-mintL)!important}
html body .sec--ever details[open] summary{color:var(--sb-ink)!important}
html body .sec--ever details[open] summary::before{color:var(--sb-tang)}
html body .sec--ever details[open] summary::after{color:var(--sb-ink);transform:translateY(-50%) rotate(45deg)}
html body .sec--ever details[open] p,html body .sec--ever details[open] li,html body .sec--ever details[open] div{color:rgba(23,23,23,.85)!important}
/* 섹션 제목 형광 하이라이트 지원 */
html body .sec--ever h2 mark{background:var(--sb-lemon);color:var(--sb-evergreen);padding:0 8px}

/* fix-r41: FAQ 정렬 기형 + 프로세스 컬러블록 + 히어로 여백 */
html body main details summary{display:flex!important;justify-content:flex-start!important;align-items:center;gap:10px}
html body main details summary::before{flex:0 0 auto;margin-right:0}
html body .ccard{border-radius:18px;padding:30px 28px}
html body .ccard--ever{background:var(--sb-evergreen)!important}
html body .ccard--ever .ck{color:rgba(255,252,243,.6)!important}
html body .ccard--ever h3{color:var(--sb-lemon)!important}
html body .ccard--ever p{color:rgba(255,252,243,.82)!important}
html body .ccard--tang{background:var(--sb-tang)!important}
html body .ccard--tang .ck{color:rgba(255,255,255,.72)!important}
html body .ccard--tang h3{color:#fff!important}
html body .ccard--tang p{color:rgba(255,255,255,.92)!important}
html body .ccard--lemon{background:#FFF04A!important}
html body .ccard--lemon .ck{color:rgba(23,23,23,.6)!important}
html body .ccard--lemon h3{color:var(--sb-ink)!important}
html body .ccard--lemon p{color:rgba(23,23,23,.82)!important}
html body .av-ever{padding-top:48px!important;padding-bottom:44px!important}
html body .av-ever .av-h1{margin:6px 0 10px}

/* mobile-dna-r42: 1.8.0 DNA 모바일 정합 (데스크톱 불변 — 720px 이하에만 적용) */
@media (max-width:720px){
  /* 1. 노안 가독성 — 다크 배경 본문 17px + 아이보리 계열 (Kimi 채택: 명암역전 시 지각크기 축소) */
  html body .sec--ever p,html body .sec--ever li{font-size:17px;line-height:1.75;color:rgba(255,252,243,.88)}
  html body .av-ever .av-lede{font-size:17px;line-height:1.7}
  html body main p,html body main li{font-size:16.5px}
  html body .muted,html body .lede{font-size:16px!important}
  /* 2. 탭타겟 44px — 푸터·드롭다운·질환 nav 포함 (r31은 main a만 커버했음) */
  html body .ft a,html body .fsmenu a,html body nav a,html body .bchip{
    min-height:44px;display:inline-flex;align-items:center}
  html body .hdr__brand{min-height:44px}
  /* 3. 컬러블록 세로 스택 순서 — 딥그린→레몬→탠저린 (탠저린↔레몬 인접 충돌 회피, Kimi 채택) */
  html body .grid3:has(.ccard){display:flex;flex-direction:column;gap:14px}
  html body .ccard--ever{order:1}html body .ccard--lemon{order:2}html body .ccard--tang{order:3}
  html body .ccard{padding:24px 22px}
  /* 4. 자가진단 블록 민트 — 아이보리 연속 해소 (terra 채택) */
  html body .selfcheck{background:var(--sb-mintL)!important;padding:28px 22px}
  html body .selfcheck h2{font-size:21px}
  html body .selfcheck li{font-size:16.5px;padding-left:32px}
  /* 5. FAQ 모바일 밀도 */
  html body .sec--ever details summary{font-size:16.5px;padding:16px 46px 16px 18px}
  html body main details{margin:12px 0}
  /* 6. 필 뱃지 유지 (Kimi: 액센트 리듬으로 존치) — 크기만 정돈 */
  html body .sit-pill,html body .pillk{font-size:13.5px!important;padding:6px 14px}
}

/* post-typo-r44: 칼럼 62편 본문 인라인 CSS를 테마로 이관 (AEO — 첫 300자 오염 제거) */

.entry-content.entry-content h1{font-size:34px !important;font-weight:700 !important;line-height:1.25 !important;letter-spacing:-1.32px !important;color:#082215 !important;margin-bottom:16px !important}
.entry-content.entry-content h2{font-size:30px !important;font-weight:700 !important;line-height:1.30 !important;color:#171717 !important;margin-top:110px !important;margin-bottom:20px !important}
.entry-content.entry-content h2:first-child{margin-top:0 !important}
.entry-content.entry-content h3{font-size:23px !important;font-weight:600 !important;line-height:1.35 !important;letter-spacing:-0.16px !important;color:#171717 !important;margin-top:36px !important;margin-bottom:10px !important}
.entry-content.entry-content h4{font-size:19px !important;font-weight:600 !important;line-height:1.35 !important;color:#171717 !important;margin-top:24px !important;margin-bottom:8px !important}
.entry-content.entry-content p{font-size:17px !important;font-weight:400 !important;line-height:1.75 !important;letter-spacing:-0.48px !important;color:#171717 !important;margin-bottom:20px !important}
.entry-content.entry-content li{font-size:17px !important;font-weight:400 !important;line-height:1.75 !important;letter-spacing:-0.48px !important;color:#171717 !important}
.entry-content.entry-content blockquote{font-size:17px !important;line-height:1.75 !important;color:rgba(23,23,23,0.6) !important}
.entry-content.entry-content a{font-weight:600 !important;color:#171717 !important;text-decoration:underline !important;text-decoration-color:#F7F02D !important;text-decoration-thickness:2px !important;text-underline-offset:3px !important}
.entry-content.entry-content strong{font-weight:700 !important;color:#171717 !important}
.entry-content.entry-content th{font-size:15px !important;font-weight:700 !important;color:#171717 !important;background:#DED9CD !important;padding:12px 14px !important;text-align:left !important;border:1px solid #D4CFC3 !important}
.entry-content.entry-content td{font-size:15px !important;color:rgba(23,23,23,0.82) !important;padding:12px 14px !important;border:1px solid #D4CFC3 !important}
.entry-content.entry-content table{font-size:16px !important;line-height:1.60 !important;border-collapse:collapse !important}
.entry-content.entry-content mark{background:#F7F02D !important;color:#082215 !important}
.entry-content.entry-content code{font-family:Consolas,SFMono-Regular,Menlo,monospace !important;font-size:15px !important;font-weight:400 !important;color:#171717 !important;background:#DED9CD !important;padding:2px 6px !important;border-radius:4px !important}
.entry-content.entry-content details{border-bottom:1px solid #D4CFC3 !important}
.entry-content.entry-content summary{font-size:17px !important;font-weight:500 !important;color:#171717 !important;padding:16px 0 !important;cursor:pointer !important;list-style:none !important}
.entry-content.entry-content summary::-webkit-details-marker{display:none !important}
.entry-content.entry-content .sb-callout{background:#FFFCF3 !important;border:1px solid #D4CFC3 !important;border-radius:12px !important;padding:24px !important;margin:24px 0 !important}


/* catnav-r46: 칼럼 분류 칩 (카테고리 24개 고아화 해소) */
html body .sbk-cat-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;background:var(--sb-mintL);border:1px solid rgba(23,23,23,.14);color:var(--sb-ink);font-size:14.5px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s}
html body .sbk-cat-chip:hover{background:var(--sb-lemon);border-color:var(--sb-evergreen)}
html body .sbk-cat-chip span{font-size:12.5px;color:rgba(23,23,23,.5);font-weight:700}
@media(max-width:720px){html body .sbk-cat-chip{min-height:44px;font-size:14px}}

/* tldr-r47: AEO 답변 블록 + 관련글 (avcd 문법) */
html body .sbk-tldr{background:var(--sb-mintL);border-left:4px solid var(--sb-evergreen);border-radius:0 14px 14px 0;padding:22px 26px;margin:0 0 34px}
html body .sbk-tldr__q{margin:0 0 10px;font-weight:800;font-size:17px;color:var(--sb-evergreen);line-height:1.45}
html body .sbk-tldr__a{margin:0;font-size:16px;line-height:1.75;color:rgba(23,23,23,.82)}
html body .sbk-rel{margin:48px 0 0;padding:26px 28px;background:var(--sb-ivory);border:1px solid rgba(23,23,23,.14);border-radius:16px}
html body .sbk-rel__t{margin:0 0 12px;font-weight:800;font-size:16px;color:var(--sb-tang);letter-spacing:.02em}
html body .sbk-rel ul{margin:0;padding:0;list-style:none}
html body .sbk-rel li{border-top:1px solid rgba(23,23,23,.1)}
html body .sbk-rel li:first-child{border-top:0}
html body .sbk-rel a{display:block;padding:12px 0;min-height:44px;color:var(--sb-ink);text-decoration:none;font-size:16px;font-weight:600;line-height:1.5}
html body .sbk-rel a:hover{color:var(--sb-evergreen);text-decoration:underline}
@media(max-width:720px){html body .sbk-tldr{padding:18px 20px}html body .sbk-rel{padding:22px 20px}}

/* casecard-css-r49: 승인사례 카드 (avcd 다색 문법) */
html body .sbk-case-meta{margin:0 0 26px}
html body .sbk-case-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
html body .sbk-case-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:999px;font-size:13.5px;font-weight:800}
html body .sbk-case-chip--dis{background:var(--sb-evergreen);color:var(--sb-ivory)}
html body .sbk-case-chip--job{background:var(--sb-tang);color:#fff}
html body .sbk-case-chip--res{background:var(--sb-lemon);color:var(--sb-evergreen)}
html body .sbk-case-summary{font-size:17.5px;line-height:1.7;font-weight:600;color:var(--sb-ink);background:var(--sb-mintL);border-left:4px solid var(--sb-evergreen);border-radius:0 14px 14px 0;padding:20px 24px;margin:0}
html body .sbk-case-hook{font-size:20px;font-weight:800;color:var(--sb-evergreen);letter-spacing:-.4px;margin:0 0 22px}
html body .sbk-case-disclaimer{margin:36px 0 20px;padding:16px 20px;background:var(--sb-ivory);border:1px solid rgba(23,23,23,.14);border-radius:12px;font-size:14px;line-height:1.7;color:rgba(23,23,23,.62)}
html body .sbk-case-cta{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 8px}
@media(max-width:720px){html body .sbk-case-summary{font-size:16.5px;padding:18px 20px}html body .sbk-case-hook{font-size:18px}}

/* casesrc-r51: 공공 판정례 출처 표기 */
html body .sbk-case-src{margin:30px 0 0;padding:14px 18px;background:var(--sb-mintL);border-left:3px solid var(--sb-tang);border-radius:0 10px 10px 0;font-size:14px;line-height:1.7;color:rgba(23,23,23,.7)}