:root{color-scheme:light}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#faf9f5;color:#141413}img{max-width:100%}[hidden]:not([hidden=until-found]){display:none!important}
/* ---- */

/* ============ ALAU tokens (Figma: ALAU Tokens collection) ============ */
:root{
  --blue-600:#163DED; --blue-700:#1023E3; --blue-50:#EDF0FF; --lime-400:#E7FC55;
  --n-0:#FFFFFF; --n-50:#F7F6F6; --n-200:#E7E7EA; --n-500:#676E77; --n-800:#333333; --n-900:#222222;
  --action-primary:var(--blue-600); --action-pressed:var(--blue-700); --action-subtle-bg:var(--blue-50);
  --signal-point:var(--lime-400); --surface-page:var(--n-50); --surface-card:var(--n-0);
  --border-default:var(--n-200); --text-title:var(--n-900); --text-body:var(--n-800);
  --text-muted:var(--n-500); --text-on-primary:var(--n-0); --text-on-point:var(--n-900);
  --ok:#0B6B57; --ok-bg:#E3F2EC; --warn:#9A4409; --warn-bg:#FDF1E3;
  --r-sm:4px; --r-md:8px; --r-lg:12px; --r-pill:999px;
  --shadow:0 1px 2px rgba(24,28,44,.05), 0 10px 28px -20px rgba(24,28,44,.35);
  --logo:url("https://alau.kr/wp-content/uploads/2026/09/alau-v2-logo.png");
  --appicon:url("https://alau.kr/wp-content/uploads/2026/09/alau-v2-appicon.png");
  --m-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.6'/%3E%3Cpath d='M15.6 15.6 21 21'/%3E%3C/svg%3E");
  --ic-benefit-lg:url("https://alau.kr/wp-content/uploads/2026/09/alau-v2-ic-benefit-lg.png");
  --ic-benefit-sm:url("https://alau.kr/wp-content/uploads/2026/09/alau-v2-ic-benefit-sm.png");
  --ic-check-lg:url("https://alau.kr/wp-content/uploads/2026/09/alau-v2-ic-check-lg.png");
  --ic-check-sm:url("https://alau.kr/wp-content/uploads/2026/09/alau-v2-ic-check-sm.png");
  --ic-first-lg:url("https://alau.kr/wp-content/uploads/2026/09/alau-v2-ic-first-lg.png");
  --ic-first-sm:url("https://alau.kr/wp-content/uploads/2026/09/alau-v2-ic-first-sm.png");
  --ic-problem-lg:url("https://alau.kr/wp-content/uploads/2026/09/alau-v2-ic-problem-lg.png");
  --ic-problem-sm:url("https://alau.kr/wp-content/uploads/2026/09/alau-v2-ic-problem-sm.png");
  --ic-life-lg:url("https://alau.kr/wp-content/uploads/2026/09/alau-v2-ic-life-lg.png");
  --ic-life-sm:url("https://alau.kr/wp-content/uploads/2026/09/alau-v2-ic-life-sm.png");
  --lf-home:url("https://alau.kr/wp-content/uploads/2026/09/alau-v2-lf-home.png");
  --lf-family:url("https://alau.kr/wp-content/uploads/2026/09/alau-v2-lf-family.png");
  --lf-travel:url("https://alau.kr/wp-content/uploads/2026/09/alau-v2-lf-travel.png");
  --lf-trouble:url("https://alau.kr/wp-content/uploads/2026/09/alau-v2-lf-trouble.png");
  --cat-car:url("https://alau.kr/wp-content/uploads/2026/09/alau-v2-cat-car.png");
  /* --signal-point means exactly one thing: THE ANSWER.
     10초 답 field + the primary action that leads to one. Nothing else. */
  /* spacing scale — 4-base. 35 one-off values collapsed to these 11 steps. */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px;  --sp-5:20px;  --sp-6:24px;
  --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px; --sp-22:88px;
  /* type ramp — rem so the reader's own font-size setting still works */
  --fs-caption:.75rem;  --fs-small:.875rem; --fs-body:1rem;   --fs-lead:1.125rem;
  --fs-h3:1.25rem;      --fs-h2:1.5rem;     --fs-h1:2rem;     --fs-display:3.375rem;
  --tin:4px; /* optical inset: loose text sits slightly inside the box edge */
  --kr:"Noto Sans KR","Apple SD Gothic Neo",system-ui,sans-serif;
  --en:"Poppins",var(--kr);
}
*{box-sizing:border-box}
::selection{background:var(--signal-point);color:var(--text-on-point)}
input,textarea,select{caret-color:var(--action-primary)}
input::placeholder{color:var(--text-muted);opacity:1}
.app{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}
.app ::-webkit-scrollbar{width:10px;height:10px}
.app ::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:999px;
  border:3px solid var(--surface-page)}
.app ::-webkit-scrollbar-track{background:transparent}
.amt,.src,.scope,.stepbar,.rc p,.badge,.calc{font-variant-numeric:tabular-nums}
body{margin:0;background:#15171C;color:var(--text-body);font-family:var(--kr);font-size:var(--fs-body);line-height:1.7;word-break:keep-all;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;color:var(--text-title);line-height:1.35;text-wrap:balance;font-weight:700}
p{margin:0} button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--focus-ring,var(--action-primary));outline-offset:2px;border-radius:var(--r-sm)}
.hdr :focus-visible,.tabbar :focus-visible{--focus-ring:var(--signal-point)}
.chrome :focus-visible{--focus-ring:var(--signal-point)}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  *{transition-duration:.01ms!important}
  .sit-card:hover{transform:none}
}


/* ---- v3.3.1: alau-proto-v2 컴포넌트 CSS ---- */
/* ============ app shell — layout tiers come from the MEASURED width of .app ============ */
.app{width:100%;background:var(--surface-page);color:var(--text-body);position:relative;min-height:100vh}
.app{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}
.app ::-webkit-scrollbar{width:10px;height:10px}
.app ::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:999px;border:3px solid var(--surface-page)}
.app ::-webkit-scrollbar-track{background:transparent}
.screen{display:none} .screen.on{display:block}

/* ============ product: header ============ */
.hdr{position:sticky;top:0;z-index:20;
  background:color-mix(in srgb, var(--action-primary) 97%, transparent);backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(255,255,255,.18);
  transition:box-shadow .18s ease}
.hdr.stuck{box-shadow:0 8px 24px -14px rgba(16,35,227,.75)}
.hdr-in{display:flex;align-items:center;gap:14px;padding:12px 18px;max-width:1200px;margin:0 auto}
.logo{display:inline-flex;align-items:center;gap:9px;font-family:var(--en);font-weight:800;
  font-size:19px;letter-spacing:.1em;color:var(--text-on-primary);background:none;border:0;padding:0}
.logo:hover{color:var(--signal-point)}
.logo .mark{width:26px;height:26px;flex:none;background-image:var(--logo);
  background-size:contain;background-repeat:no-repeat;background-position:center}
.nav{display:none;gap:2px;margin-left:6px}
.nav button{position:relative;border:0;background:transparent;padding:9px 13px 11px;
  border-radius:var(--r-md);font-size:14.5px;font-weight:500;color:var(--text-on-primary);
  transition:color .14s ease}
.nav button:hover{color:var(--signal-point)}
.nav button[aria-current="page"]{color:var(--signal-point);font-weight:700}
.nav button[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:3px;
  height:2px;border-radius:2px;background:var(--signal-point)}
.hdr .spacer{flex:1}
.icon-btn{border:1px solid rgba(255,255,255,.38);background:transparent;width:38px;height:38px;
  border-radius:var(--r-md);display:grid;place-items:center;color:var(--text-on-primary);
  transition:color .14s ease,border-color .14s ease}
.icon-btn:hover{border-color:var(--signal-point);color:var(--signal-point)}
.icon-btn .mag{width:18px;height:18px;background-color:currentColor;
  -webkit-mask-image:var(--m-search);mask-image:var(--m-search);
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center}
.app.gte760 .nav{display:flex} .app.gte760 .hdr .m-only{display:none}
/* ---- optical alignment ----
   Cards carry a border + fill, so their edge reads hard. Bare headings read soft
   and appear to overhang. Nudge loose text inward; boxes keep the true edge. */
.hero .brand-msg, .hero h1, .hero p.lead,
.sec-head, .eyebrow, .crumb,
.q-title, .q-help,
.art h1, .blk > h2, .blk > p,
.sgrp .h, .note-s, .fglab,
.fig figcaption,
.ftr .links, .ftr .pol, .ftr .cp{
  padding-left:var(--tin);
}
.sec-head{padding-right:var(--tin)}

/* ============ layout ============ */
.wrap{max-width:1200px;margin:0 auto;padding:0 18px}
.app.gte760 .wrap, .app.gte760 .hdr-in{padding-left:32px;padding-right:32px}
.sec{padding:38px 0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.sec-head h2{font-size:20px;letter-spacing:-.01em}
.sec-head p{font-size:14px;color:var(--text-muted);margin-top:5px}
.eyebrow{font-family:var(--en);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--action-primary);margin-bottom:8px}
.band{background:var(--surface-card);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}
.app.gte900 .sec{padding:56px 0} .app.gte900 .sec-head h2{font-size:26px}
/* ============ hero ============ */
.hero{padding:36px 0 34px}
.hero h1{font-size:28px;letter-spacing:-.02em}
.hero .brand-msg{font-size:13.5px;color:var(--action-primary);font-weight:700;margin-bottom:10px}
.hero p.lead{font-size:15.5px;color:var(--text-body);margin-top:12px;max-width:46ch}
.searchbar{display:flex;gap:8px;margin-top:22px;max-width:620px}
.searchbar input{flex:1;min-width:0;border:1.5px solid var(--border-default);background:var(--surface-card);
  border-radius:var(--r-md);padding:14px 16px;font:inherit;font-size:16px;color:var(--text-title)}
.searchbar input:focus{border-color:var(--action-primary);outline:none}
.searchbar button{border:0;background:var(--action-primary);color:var(--text-on-primary);
  padding:0 22px;border-radius:var(--r-md);font-weight:700;font-size:16px}
.searchbar button:hover{background:var(--action-pressed)}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.chip{border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-body);
  padding:6px 13px;border-radius:var(--r-pill);font-size:13.5px}
.chip:hover{border-color:var(--action-primary);color:var(--action-primary);background:var(--action-subtle-bg)}
.app.gte900 .hero{padding:64px 0 52px} .app.gte900 .hero h1{font-size:44px} .app.gte900 .hero p.lead{font-size:17px}
/* ============ situation entry — 3 main + 1 secondary ============ */
.sit{display:grid;gap:12px;grid-template-columns:1fr}
.app.gte760 .sit{grid-template-columns:repeat(3,1fr)}
.sit-card{text-align:left;border:1px solid var(--border-default);background:var(--surface-card);
  border-radius:var(--r-lg);padding:26px 22px;display:flex;flex-direction:row;align-items:center;
  gap:20px;min-height:138px;transition:border-color .15s,transform .15s}
.sit-body{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
.sit-card:hover{border-color:var(--action-primary);transform:translateY(-2px)}
.sit-card .k{font-family:var(--en);font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--action-primary)}
.sit-card h3{font-size:19px}
.sit-card p{font-size:14px;color:var(--text-muted)}
.sit-card .go{margin-top:3px;font-size:14px;font-weight:700;color:var(--action-primary)}
.sit-sec{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;
  border:1px solid var(--border-default);background:var(--surface-card);border-radius:var(--r-lg);
  padding:16px 22px;text-align:left;margin-top:0}
.sit-sec:hover{border-color:var(--action-primary)}
.sit-sec .l{display:flex;align-items:center;gap:12px;min-width:0}
.sit-sec .dot{width:10px;height:38px;border-radius:var(--r-sm);background:var(--signal-point);flex:none}
.sit-sec h3{font-size:16px} .sit-sec p{font-size:13.5px;color:var(--text-muted)}
.sit-sec .go{font-size:14px;font-weight:700;color:var(--action-primary);white-space:nowrap}

/* ============ cards ============ */
.grid{display:grid;gap:12px;grid-template-columns:1fr}
.app.gte640 .grid.g2{grid-template-columns:1fr 1fr}
.app.gte900 .grid.g3{grid-template-columns:repeat(3,1fr)} .app.gte900 .grid.g4{grid-template-columns:repeat(4,1fr)}
.app.gte640:not(.gte900) .grid.g3, .app.gte640:not(.gte900) .grid.g4{grid-template-columns:1fr 1fr}
.card{border:1px solid var(--border-default);background:var(--surface-card);border-radius:var(--r-lg);padding:18px;text-align:left;display:block;width:100%}
button.card{transition:border-color .15s} button.card:hover{border-color:var(--action-primary)}
.card h3{font-size:16px;margin-bottom:6px} .card p{font-size:14px;color:var(--text-muted)}
/* ---- image slots ---- */
.img{position:relative;background:var(--surface-page);border:1px dashed var(--border-default);
  border-radius:var(--r-md);display:grid;place-items:center;overflow:hidden;flex:none}
.img::after{content:attr(data-note);font-size:10.5px;line-height:1.55;white-space:pre-line;
  color:var(--text-muted);text-align:center;padding:6px 8px}
.img.empty{border-style:solid;background:var(--surface-card)}
.r-32{aspect-ratio:3/2} .r-11{aspect-ratio:1/1} .r-43{aspect-ratio:4/3}
.card > .img:first-child{margin:-18px -18px 14px;border-radius:var(--r-lg) var(--r-lg) 0 0;width:auto}
.today .row > .img{width:58px;align-self:flex-start}
.pitem .img{width:52px;height:52px}
.fig{margin:18px 0 0}
.fig figcaption{font-size:13.5px;color:var(--text-muted);margin-top:9px;line-height:1.6}
.alert-box{margin:26px 0 0;border:1px solid var(--border-default);background:var(--surface-card);
  border-radius:var(--r-lg);padding:18px}
.alert-box .kw{font-size:13.5px;color:var(--text-muted);margin:8px 0 12px}
.src{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:12px;padding-top:11px;border-top:1px solid var(--border-default);
  font-size:12px;color:var(--text-muted)}
.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:var(--r-pill);white-space:nowrap}
.b-point{background:var(--signal-point);color:var(--text-on-point)}
.b-ok{background:var(--ok-bg);color:var(--ok)}
.b-warn{background:var(--warn-bg);color:var(--warn)}
.b-soft{background:var(--action-subtle-bg);color:var(--action-primary)}
.b-line{border:1px solid var(--border-default);color:var(--text-muted);background:var(--surface-card);font-weight:500}
.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}

/* today */
.today{display:flex;flex-direction:column;gap:10px}
.today .row{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--border-default);
  background:var(--surface-card);border-radius:var(--r-lg);padding:15px 17px;text-align:left;width:100%}
.today .row:hover{border-color:var(--action-primary)}
.today .why{flex:none;width:78px;font-size:11.5px;font-weight:700;color:var(--action-primary);font-family:var(--en);letter-spacing:.04em;padding-top:2px}
.today .row h3{font-size:15.5px;margin-bottom:3px} .today .row p{font-size:13px;color:var(--text-muted)}

/* life */
.life .lic{display:block;width:44px;height:44px;margin-bottom:11px;
  background-size:contain;background-repeat:no-repeat;background-position:left center}
.life .lic.ph{border:1.5px dashed var(--border-default);border-radius:var(--r-md)}
.lf-home{background-image:var(--lf-home)}
.lf-family{background-image:var(--lf-family)}
.lf-travel{background-image:var(--lf-travel)}
.lf-trouble{background-image:var(--lf-trouble)}
.life h3{font-size:15px;margin-bottom:8px}
.life .q{font-size:14px;color:var(--text-body);border-left:2px solid var(--signal-point);padding-left:10px}

/* journey */
.jr{display:flex;flex-direction:column;gap:9px}
.jr .meta{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-muted)}
.jr .bar{display:flex;gap:3px;margin-top:2px}
.jr .bar i{height:4px;flex:1;background:var(--border-default);border-radius:2px}
.jr .bar i:first-child{background:var(--action-primary)}

/* ============ steps (받을 것) ============ */
.stepbar{display:flex;align-items:center;gap:8px;padding:14px 0 0;font-size:12.5px;color:var(--text-muted)}
.stepbar i{height:3px;flex:1;background:var(--border-default);border-radius:2px}
.stepbar i.on{background:var(--action-primary)}
.q-title{font-size:22px;margin:22px 0 6px} .q-help{font-size:14px;color:var(--text-muted);margin-bottom:20px}
.opts{display:grid;gap:9px;grid-template-columns:1fr}
.app.gte560 .opts{grid-template-columns:1fr 1fr}
.app.gte900 .opts.c3{grid-template-columns:repeat(3,1fr)}
.opt{border:1.5px solid var(--border-default);background:var(--surface-card);border-radius:var(--r-md);
  padding:14px 16px;text-align:left;font-size:15px;font-weight:500;color:var(--text-title)}
.opt:hover{border-color:var(--action-primary)}
.opt[aria-pressed="true"]{border-color:var(--action-primary);background:var(--action-subtle-bg);color:var(--action-primary);font-weight:700}
/* ---- select fields ---- */
.selects{display:grid;gap:14px;grid-template-columns:1fr}
.app.gte560 .selects{grid-template-columns:1fr 1fr}
.field label{display:block;font-size:13px;font-weight:700;color:var(--text-title);margin-bottom:7px}
.field select{width:100%;appearance:none;-webkit-appearance:none;border:1.5px solid var(--border-default);
  background-color:var(--surface-card);border-radius:var(--r-md);padding:14px 42px 14px 16px;
  font:inherit;font-size:16px;color:var(--text-title);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%23676E77' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center}
.field select:focus{border-color:var(--action-primary);outline:none}
.field select:disabled{background-color:var(--surface-page);color:var(--text-muted);cursor:not-allowed}
.field .hint-s{font-size:12.5px;color:var(--text-muted);margin-top:7px}
.privacy{display:flex;gap:9px;align-items:flex-start;background:var(--surface-card);border:1px solid var(--border-default);
  border-radius:var(--r-md);padding:12px 14px;font-size:13px;color:var(--text-muted);margin-top:22px}
.actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}
.btn{border:0;border-radius:var(--r-md);padding:14px 22px;font-size:16px;font-weight:700}
.btn-p{background:var(--action-primary);color:var(--text-on-primary)} .btn-p:hover{background:var(--action-pressed)}
.btn-s{background:var(--surface-card);color:var(--text-title);border:1px solid var(--border-default)}
.btn-s:hover{border-color:var(--action-primary);color:var(--action-primary)}
.btn-t{background:transparent;color:var(--action-primary);padding-left:4px;padding-right:4px}

/* ---- recall list ---- */
.rc{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--border-default);
  background:var(--surface-card);border-radius:var(--r-lg);padding:16px;text-align:left;width:100%}
.rc:hover{border-color:var(--action-primary)}
.rc > .img{width:72px}
.rc .bd{min-width:0;flex:1}
.rc h3{font-size:15.5px;margin:7px 0 4px;line-height:1.5}
.rc p{font-size:13.5px;color:var(--text-muted)}
.filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.filters .opt{padding:7px 14px;border-radius:var(--r-pill);font-size:13.5px}
.spec{border:1px solid var(--border-default);border-radius:var(--r-lg);overflow:hidden;background:var(--surface-card)}
.spec div{display:flex;gap:14px;padding:12px 16px;border-top:1px solid var(--border-default);font-size:14px}
.spec div:first-child{border-top:0}
.spec b{flex:none;width:88px;color:var(--text-muted);font-weight:500}

/* ---- step 3 condition groups ---- */
.fgroup{margin-top:28px}
.fgroup:first-child{margin-top:0}
.fglab{font-size:13px;font-weight:700;color:var(--text-title);margin-bottom:11px;
  padding-bottom:9px;border-bottom:1px solid var(--border-default)}
.chipset{display:flex;flex-wrap:wrap;gap:8px}
.chipset .opt{padding:9px 15px;border-radius:var(--r-pill);font-size:14.5px}
.calc{margin-top:13px;padding:13px 16px;border-radius:var(--r-md);font-size:14.5px;
  background:var(--action-subtle-bg);color:var(--action-primary);font-weight:700}
.calc.muted{background:var(--surface-card);border:1px solid var(--border-default);
  color:var(--text-muted);font-weight:400}
.note-s{font-size:12px;color:var(--text-muted);margin-top:9px;line-height:1.6}

/* benefit result */
.ben{border:1px solid var(--border-default);background:var(--surface-card);border-radius:var(--r-lg);padding:20px;text-align:left;width:100%;display:block}
.ben:hover{border-color:var(--action-primary)}
.ben .top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.ben h3{font-size:17px;margin:8px 0 4px}
.ben .amt{font-family:var(--en);font-weight:700;font-size:24px;color:var(--text-title);letter-spacing:-.01em}
.ben .why{margin-top:14px;padding-top:13px;border-top:1px solid var(--border-default)}
.ben .why .lbl{font-size:12.5px;font-weight:700;color:var(--text-title);margin-bottom:7px}

/* ============ article / report ============ */
.crumb{font-size:12.5px;color:var(--text-muted);padding-top:22px}
.crumb b{color:var(--action-primary);font-weight:500}
.art h1{font-size:26px;letter-spacing:-.02em;margin:10px 0 0}
.app.gte900 .art h1{font-size:34px} .app.gte900 .art-body{max-width:70ch}
.ten{background:var(--signal-point);color:var(--text-on-point);border-radius:var(--r-lg);padding:20px 22px;margin:22px 0}
.ten .lbl{font-family:var(--en);font-size:10.5px;font-weight:700;letter-spacing:.14em;margin-bottom:6px}
.ten p{font-size:18px;font-weight:700;line-height:1.55}
.blk{margin:30px 0}
.blk h2{font-size:19px;margin-bottom:12px}
.crit{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-default);border-radius:var(--r-lg);overflow:hidden;background:var(--surface-card)}
.crit div{display:flex;gap:14px;padding:14px 17px;border-top:1px solid var(--border-default);font-size:14.5px}
.crit div:first-child{border-top:0}
.crit b{color:var(--action-primary);font-family:var(--en);font-size:13px;flex:none;width:20px;padding-top:2px}
.safety{border:1px solid var(--border-default);border-left:3px solid var(--action-primary);background:var(--surface-card);
  border-radius:0 var(--r-lg) var(--r-lg) 0;padding:18px 20px}
.safety.none{border-left-color:var(--ok)}
.scope{display:flex;flex-direction:column;gap:0;margin-top:14px;border-top:1px solid var(--border-default)}
.scope div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-default);font-size:13.5px}
.scope div:last-child{border-bottom:0}
.next{display:flex;flex-direction:column;gap:9px}
.next a{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--border-default);
  background:var(--surface-card);border-radius:var(--r-md);padding:14px 16px;text-decoration:none;color:var(--text-title);
  font-size:15px;font-weight:500;cursor:pointer}
.next a:hover{border-color:var(--action-primary);color:var(--action-primary)}
.next .grp{font-size:12.5px;color:var(--text-muted);font-weight:400;margin-bottom:-2px}
.prod{border:1px solid var(--border-default);background:var(--surface-card);border-radius:var(--r-lg);padding:18px}
.prod .dis{font-size:12px;color:var(--text-muted);background:var(--surface-page);border-radius:var(--r-sm);padding:8px 11px;margin-bottom:14px}
.plist{display:grid;gap:10px;grid-template-columns:1fr}
.app.gte640 .plist{grid-template-columns:1fr 1fr}
.pitem{display:flex;gap:12px;align-items:center;border:1px solid var(--border-default);border-radius:var(--r-md);padding:12px}
.pitem .ph{width:52px;height:52px;border-radius:var(--r-sm);background:var(--surface-page);flex:none;display:grid;place-items:center;font-size:20px}
.pitem b{display:block;font-size:14.5px;color:var(--text-title)} .pitem span{font-size:12.5px;color:var(--text-muted)}

/* checklist */
.chk{border:1px solid var(--border-default);background:var(--surface-card);border-radius:var(--r-lg);overflow:hidden}
.chk .stage-t{padding:13px 18px;background:var(--surface-page);font-size:13px;font-weight:700;color:var(--text-title);border-top:1px solid var(--border-default)}
.chk .stage-t:first-child{border-top:0}
.chk label{display:flex;gap:12px;align-items:flex-start;padding:13px 18px;border-top:1px solid var(--border-default);font-size:15px;cursor:pointer}
.chk input{margin-top:4px;width:18px;height:18px;accent-color:var(--action-primary);flex:none}
.chk label:has(input:checked) span{color:var(--text-muted);text-decoration:line-through}

/* search results */
.sgrp{margin-bottom:26px}
.sgrp .h{display:flex;align-items:center;gap:9px;margin-bottom:11px}
.sgrp .h b{font-size:14.5px;color:var(--text-title)}

/* install */
.install{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  border:1px solid var(--border-default);background:var(--surface-card);border-radius:var(--r-lg);padding:20px}
.install h3{font-size:16.5px;margin-bottom:5px} .install p{font-size:14px;color:var(--text-muted)}
.app.gte900 .install{padding:14px 18px} .app.gte900 .install h3{font-size:14.5px} .app.gte900 .install p{font-size:13px}
.sheet-bg{position:absolute;inset:0;background:rgba(20,22,28,.5);z-index:40;display:none}
.sheet-bg.on{display:block}
.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--surface-card);border-radius:16px 16px 0 0;
  padding:10px 20px 26px;z-index:41;display:none;max-height:88%;overflow-y:auto}
.sheet.on{display:block}
.sheet .grip{width:38px;height:4px;border-radius:2px;background:var(--border-default);margin:0 auto 16px}
.sheet h3{font-size:18px;margin-bottom:6px}
.sheet ol{margin:16px 0 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.sheet ol li{display:flex;gap:12px;font-size:14.5px}
.sheet ol b{flex:none;width:24px;height:24px;border-radius:var(--r-pill);background:var(--action-subtle-bg);
  color:var(--action-primary);display:grid;place-items:center;font-size:12.5px;font-family:var(--en)}

/* ---- brand illustration icons ---- */
.sit-ic{width:80px;height:80px;background-size:contain;background-repeat:no-repeat;
  background-position:center;flex:none}
.app.gte900 .sit-ic{width:92px;height:92px}
.sit-sec .sit-ic{width:52px;height:52px;margin:0;background-position:center}
.tab-ic{width:26px;height:26px;background-size:contain;background-repeat:no-repeat;
  background-position:center;flex:none}
.ph-ic{border:1.5px dashed var(--border-default);border-radius:var(--r-md);
  display:grid;place-items:center;font-size:9.5px;line-height:1.3;color:var(--text-muted);
  text-align:center;background-image:none}
.tab-ic.ph-ic{font-size:0}
.ic-benefit{background-image:var(--ic-benefit-lg)}
.ic-check{background-image:var(--ic-check-lg)}
.ic-first{background-image:var(--ic-first-lg)}
.ic-problem{background-image:var(--ic-problem-lg)}
.ic-life{background-image:var(--ic-life-lg)}
.tab-ic.ic-benefit{background-image:var(--ic-benefit-sm)}
.tab-ic.ic-check{background-image:var(--ic-check-sm)}
.tab-ic.ic-first{background-image:var(--ic-first-sm)}
.tab-ic.ic-problem{background-image:var(--ic-problem-sm)}
.tab-ic.ic-life{background-image:var(--ic-life-sm)}
.tab-ic.ic-search{background-image:none;background-color:currentColor;
  -webkit-mask-image:var(--m-search);mask-image:var(--m-search);
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center}

/* ---- mobile bottom tab bar · only in home-screen (standalone) mode ---- */
.tabbar{display:none;position:sticky;bottom:0;z-index:19;
  background:rgba(255,255,255,.96);backdrop-filter:blur(8px);
  border-top:1px solid var(--border-default);
  padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px))}
.app.pwa:not(.gte760) .tabbar{display:flex}
.tabbar .t{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;
  border:0;background:transparent;padding:8px 2px 7px;font-size:11.5px;color:var(--text-muted);
  border-radius:var(--r-md);font-weight:500}
.tabbar .t i{display:block;width:18px;height:3px;border-radius:2px;background:transparent}
.tabbar .t[aria-current="page"]{color:var(--action-primary);font-weight:700}
.tabbar .t[aria-current="page"] i{background:var(--action-primary)}

/* ---- commerce blocks: affiliate vs not ---- */
.comm-h{display:flex;align-items:center;gap:9px;margin-bottom:12px;flex-wrap:wrap}
.comm-h b{font-size:14.5px;color:var(--text-title)}

/* ---- app icon preview (home-screen install) ---- */
.appicon{background-image:var(--appicon);background-size:cover;background-position:center;
  border-radius:22%;flex:none;box-shadow:0 2px 6px rgba(24,28,44,.18), 0 10px 24px -14px rgba(24,28,44,.4)}
.install .appicon{width:56px;height:56px}
.sheet .appicon{width:64px;height:64px}
.sheet-head{display:flex;gap:14px;align-items:center;margin-bottom:4px}
.ftr .brand{display:flex;align-items:center;gap:9px;margin-bottom:16px;
  font-family:var(--en);font-weight:800;font-size:17px;letter-spacing:.1em;color:var(--action-primary)}
.ftr .brand .mark{width:24px;height:24px;flex:none;background-image:var(--logo);
  background-size:contain;background-repeat:no-repeat;background-position:center}

/* footer */
.ftr{background:var(--surface-card);border-top:1px solid var(--border-default);padding:30px 0 34px;margin-top:20px}
.ftr .links{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13.5px;color:var(--text-body)}
.ftr .links span{cursor:default}
.ftr .pol{margin-top:16px;font-size:12.5px;color:var(--text-muted);max-width:62ch}
.ftr .cp{margin-top:14px;font-family:var(--en);font-size:11.5px;color:var(--text-muted);letter-spacing:.06em}
.hide{display:none!important}


/* ---- v3.3.1: 라이브 전용 컴포넌트 규칙 보존 (시안2에 없는 것) ---- */
img { max-width: 100%; }
[hidden]:not([hidden="until-found"]) { display: none !important; }
::selection { background: var(--signal-point); color: var(--text-on-point); }
input, textarea, select { caret-color: var(--action-primary); }
input::placeholder { color: var(--text-muted); opacity: 1; }
.app ::-webkit-scrollbar { width: 10px; height: 10px; }
.app ::-webkit-scrollbar-thumb { background: var(--border-default); border-radius: 999px; border: 3px solid var(--surface-page); }
.app ::-webkit-scrollbar-track { background: transparent; }
.amt, .src, .scope, .stepbar, .rc p, .badge, .calc { font-variant-numeric: tabular-nums; }
.hdr :focus-visible, .tabbar :focus-visible { --focus-ring: var(--signal-point); }
.chrome :focus-visible { --focus-ring: var(--signal-point); }
@media (min-width: 560px){
html:not(.js) .opts { grid-template-columns: 1fr 1fr; }
html:not(.js) .selects { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 640px) and (max-width: 899px){
html:not(.js) .grid.g3, html:not(.js) .grid.g4 { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 640px){
html:not(.js) .grid.g2 { grid-template-columns: 1fr 1fr; }
html:not(.js) .plist { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 760px){
html:not(.js) .nav { display: flex; }
html:not(.js) .wrap, html:not(.js) .hdr-in { padding-left: 32px; padding-right: 32px; }
html:not(.js) .sit { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 900px){
html:not(.js) .sec { padding: 64px 0px; }
html:not(.js) .sec-head h2 { font-size: var(--fs-h2); }
html:not(.js) .hero { padding: 88px 0px; }
html:not(.js) .hero h1 { font-size: var(--fs-display); }
html:not(.js) .hero p.lead { font-size: var(--fs-lead); }
html:not(.js) .grid.g3 { grid-template-columns: repeat(3, 1fr); }
html:not(.js) .grid.g4 { grid-template-columns: repeat(4, 1fr); }
html:not(.js) .opts.c3 { grid-template-columns: repeat(3, 1fr); }
html:not(.js) .art h1 { font-size: var(--fs-h1); }
html:not(.js) .art-body { max-width: 70ch; }
html:not(.js) .sit-ic { width: 92px; height: 92px; }
}
.hero-field { background: var(--action-primary); color: var(--text-on-primary); }
.hero .searchbar { margin-top: 32px; max-width: 640px; }
.hero .searchbar input { border-color: transparent; padding: 16px 20px; font-size: var(--fs-lead); }
.hero .searchbar button { background: var(--signal-point); color: var(--text-on-point); padding: 0px 24px; font-size: var(--fs-lead); }
.hero .searchbar button:hover { background: color-mix(in srgb,var(--signal-point) 86%,var(--text-on-point)); }
.hero .chips { margin-top: 16px; }
.hero .chip { background: transparent; border-color: rgba(255, 255, 255, 0.62); color: var(--text-on-primary); font-weight: 500; }
.hero .chip:hover { background: transparent; border-color: var(--signal-point); color: var(--signal-point); }
.sit-card.sit-lead { grid-column: 1 / -1; background: var(--action-subtle-bg); border-color: color-mix(in srgb,var(--action-primary) 26%,transparent); min-height: auto; padding: 32px 24px; gap: 24px; }
.sit-card.sit-lead .sit-ic { width: 104px; height: 104px; }
.app.gte900 .sit-card.sit-lead { padding: 40px 32px; gap: 32px; }
.app.gte900 .sit-card.sit-lead .sit-ic { width: 148px; height: 148px; }
.sit-card.sit-lead h3 { font-size: var(--fs-h2); letter-spacing: -0.02em; }
.app.gte900 .sit-card.sit-lead h3 { font-size: var(--fs-h1); }
.sit-card.sit-lead p { font-size: var(--fs-body); color: var(--text-body); max-width: 44ch; }
.app.gte900 .sit-card.sit-lead p { font-size: var(--fs-lead); }
.sit-card.sit-lead .go { align-self: flex-start; margin-top: 12px; background: var(--action-primary); color: var(--text-on-primary); padding: 12px 24px; border-radius: var(--r-pill); font-size: var(--fs-body); transition: background-color 0.15s; }
.sit-card.sit-lead:hover { transform: none; }
.sit-card.sit-lead:hover .go { background: var(--action-pressed); }
.card h3, .card h2 { font-size: var(--fs-body); margin-bottom: 8px; }
.field-err { font-size: var(--fs-small); color: var(--warn); margin-top: 8px; }
.today .why.urgent { background: var(--warn-bg); color: var(--warn); }
.app.gte900 .today .row h3 { font-size: var(--fs-lead); }
.cat-ic { display: block; width: 44px; height: 44px; margin-bottom: 12px; background-size: contain; background-repeat: no-repeat; background-position: left center; }
.cat-ic.ph { border: 1.5px dashed var(--border-default); border-radius: var(--r-md); }
.cat-car { background-image: var(--cat-car); }
.life h3.q { font-size: var(--fs-lead); line-height: 1.5; color: var(--text-title); margin: 0px 0px 12px; letter-spacing: -0.01em; }
.app.gte900 .life h3.q { font-size: var(--fs-h3); }
.life .cat { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: var(--fs-caption); font-weight: 700; color: var(--action-primary); margin-top: auto; padding-top: 12px; border-top: 1px solid var(--border-default); }
.card.soon { opacity: 0.72; }
.card.soon .q { color: var(--text-muted); }
.life { display: flex; flex-direction: column; }
.app.gte900 .life-grid > :last-child { grid-column: span 2; }
.jr .meta .step-n { font-family: var(--en); font-weight: 700; font-size: var(--fs-h2); line-height: 1; color: var(--action-primary); letter-spacing: -0.02em; }
.app.gte900 .jr .meta .step-n { font-size: var(--fs-h1); }
.stepbar + .q-title { margin-top: 20px; }
.rc h2 { font-size: var(--fs-body); margin: 8px 0px 4px; line-height: 1.5; }
.ben h2 { font-size: var(--fs-lead); margin: 8px 0px 4px; }
.app.gte900 .ten { padding: 32px; }
.app.gte900 .ten p { font-size: var(--fs-h2); line-height: 1.5; }
.scope .scan { position: absolute; left: 0px; right: 0px; bottom: -1px; height: 2px; border-radius: 2px; background: var(--action-primary); transform: scaleX(0); transform-origin: left center; pointer-events: none; will-change: transform; }
.badge.count { counter-reset: n var(--n); }
.badge.count::after { content: counter(n) "건"; }
.ev-row { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--border-default); }
.ev-row + .ev-row { margin-top: 16px; }
.sgrp .h h2 { font-size: var(--fs-small); color: var(--text-title); }
.install .btn-p { background: var(--signal-point); color: var(--text-on-point); }
.install .btn-p:hover { background: color-mix(in srgb,var(--signal-point) 86%,var(--text-on-point)); }
.app.pwa .tabbar { padding-bottom: calc(4px + env(safe-area-inset-bottom,18px)); }
.app.pwa .install-card { display: none; }
.app:not(.gte760) .tabbar { display: flex; }
.vd { font-size: var(--fs-h3); font-weight: 700; color: var(--text-title); line-height: 1.5; }
.app.gte900 .vd { font-size: var(--fs-h2); }
.vd b { color: var(--action-primary); }
.vd-sub { font-size: var(--fs-small); color: var(--text-muted); margin-top: 8px; }
.corpus { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--border-default); }
.corpus summary { cursor: pointer; font-size: var(--fs-small); color: var(--text-muted); list-style: none; padding: 12px 0px; margin: -12px 0px; }
.corpus summary::-webkit-details-marker { display: none; }
.corpus summary::after { content: " ▾"; font-size: var(--fs-caption); }
.corpus[open] summary::after { content: " ▴"; }
.corpus summary:hover { color: var(--action-primary); }
.verdict { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 24px 0px 8px; }
.verdict h1 { font-size: var(--fs-h2); }
.factrow { border: 1px solid var(--border-default); border-radius: var(--r-lg); overflow: hidden; background: var(--surface-card); }
.factrow div { display: flex; gap: 16px; padding: 12px 16px; border-top: 1px solid var(--border-default); font-size: var(--fs-small); }
.factrow div:first-child { border-top: 0px; }
.factrow b { flex: 0 0 auto; width: 120px; color: var(--text-muted); font-weight: 500; }
.done { border: 1px solid color-mix(in srgb,var(--ok) 42%,var(--border-default)); background: var(--surface-card); border-radius: var(--r-lg); padding: 20px; }
.done h3 { font-size: var(--fs-body); margin-bottom: 4px; }
.done p { font-size: var(--fs-small); color: var(--text-muted); }
.empty-note { border: 1px solid var(--border-default); background: var(--surface-card); border-radius: var(--r-lg); padding: 20px 24px; }
.lnk { border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 500; color: var(--action-primary); cursor: pointer; border-radius: 3px; padding: 12px 8px; margin: -12px -8px; }
.lnk:hover { text-decoration: underline 1.5px; text-underline-offset: 3px; }
.crumb .lnk { font-size: inherit; }
.lead-b { font-size: var(--fs-body); font-weight: 700; color: var(--text-title); }
.sub { font-size: var(--fs-small); color: var(--text-muted); margin-top: 8px; }
.evi-toggle { cursor: pointer; font-size: var(--fs-small); font-weight: 500; color: var(--action-primary); padding: 12px 0px; margin: -12px 0px; }
.evi-toggle:hover { text-decoration: underline; text-underline-offset: 3px; }
.btn:active { transform: translateY(1px); }
.chip:active, .opt:active, button.card:active, .ben:active, .rc:active, .today .row:active { transform: translateY(1px); }
.sit-card:active { transform: translateY(0px); }
.nav button:active, .tabbar .t:active, .icon-btn:active, .logo:active { opacity: 0.72; }
.chip, .opt, .btn, .ben, .rc, .today .row { transition: border-color 0.15s, transform 0.1s; }
.skip { position: absolute; left: 12px; top: -60px; z-index: 80; background: var(--surface-card); color: var(--action-primary); border: 1px solid var(--action-primary); border-radius: var(--r-md); padding: 12px 16px; font-size: var(--fs-small); font-weight: 700; text-decoration: none; transition: top 0.12s; }
.skip:focus { top: 12px; }
.screen-end { height: 44px; }
/* ============ WordPress 통합 (v2 셸) ============ */
body.alau-v2{background:var(--surface-page);margin:0}
body.alau-v2 #page,body.alau-v2 .site,body.alau-v2 #content,body.alau-v2 .site-content,
body.alau-v2 .container,body.alau-v2 .content-area,body.alau-v2 main#main{max-width:none!important;width:auto!important;padding:0!important;margin:0!important;background:transparent!important;display:block!important}
body.alau-v2 .site-header,body.alau-v2 #masthead,body.alau-v2 .site-footer,body.alau-v2 #colophon,
body.alau-v2 .widget-area,body.alau-v2 #right-sidebar,body.alau-v2 #left-sidebar,
body.alau-v2 .alau-top,body.alau-v2 .alau-sb,body.alau-v2 .alau-tabbar,body.alau-v2 .alau-chipnav,
body.alau-v2 .alau-skip,body.alau-v2 .alau-scrolltop,body.alau-v2 .alau-mo{display:none!important}
body.alau-v2 .entry-header,body.alau-v2 .page-header{display:none}
body.alau-v2 .entry-content{margin:0}
/* 기존 페이지 본문을 wrap 폭 안으로 */
body.alau-v2 .alau-x,body.alau-v2 .alau-jrn{max-width:1120px;margin-left:auto;margin-right:auto;padding-left:var(--sp-5);padding-right:var(--sp-5)}
body.alau-v2 .app>main{padding-bottom:var(--sp-12)}
body.alau-v2.has-tabbar .app>main{padding-bottom:88px}
/* 관리자바 보정 */
body.alau-v2.admin-bar .hdr{top:32px}
@media (max-width:782px){body.alau-v2.admin-bar .hdr{top:46px}}
.v2-a{display:block;color:inherit;text-decoration:none}

/* ---- a 태그로 바꾼 요소에 button 스타일 상속 ---- */
.nav a{background:none;border:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center;position:relative}
.nav a:hover{color:var(--text-title)}
.nav a[aria-current="page"]{color:var(--text-title);font-weight:700}
.searchbar button{cursor:pointer}
a.card{display:block;text-align:left;text-decoration:none;color:inherit}
a.card:hover{transform:translateY(-1px)}
a.sit-card,a.sit-sec,a.chip,a.t,a.icon-btn,a.logo,a.row{text-decoration:none;color:inherit}
.today a.row{display:flex}
.tabbar a.t{text-decoration:none}
.tabbar a.t.on{color:var(--action-primary)}
.tabbar a.t.on i{background:var(--action-primary)}

/* ---- GeneratePress 잔여 크롬 제거 ---- */
body.alau-v2 .inside-article,body.alau-v2 article,body.alau-v2 .post,
body.alau-v2 .entry-content,body.alau-v2 .site-main{padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.alau-v2 .main-navigation,body.alau-v2 #site-navigation,body.alau-v2 .nav-float-right,
body.alau-v2 .menu-toggle,body.alau-v2 .site-branding,body.alau-v2 .inside-header{display:none!important}
body.alau-v2 .grid-container{max-width:none!important;padding:0!important}
body.alau-v2 .skip{position:absolute;left:-9999px}
body.alau-v2 .skip:focus{left:8px;top:8px;z-index:100;background:#fff;padding:8px 12px;border-radius:8px}

.nav a{position:relative;border:0;background:transparent;padding:12px;border-radius:var(--r-md);
  font-size:var(--fs-small);font-weight:500;color:var(--text-on-primary);text-decoration:none;
  display:inline-flex;align-items:center;transition:color .14s ease}
.nav a:hover{color:var(--signal-point)}
.nav a[aria-current="page"]{color:var(--text-on-primary);font-weight:700}
.nav a[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;border-radius:2px;background:var(--signal-point)}
.logo{text-decoration:none}
.icon-btn{text-decoration:none}

.hdr .logo,.hdr .logo:visited,.hdr .icon-btn,.hdr .nav a,.hdr .nav a:visited{color:var(--text-on-primary)}
.hdr .logo:hover,.hdr .nav a:hover,.hdr .icon-btn:hover{color:var(--signal-point)}
.ftr a{color:inherit;text-decoration:none}
.ftr a:hover{color:var(--action-primary)}

/* v2: 페이지 제목 살리기 */
body.alau-v2 .entry-header{display:block!important;max-width:1200px;margin:0 auto;padding:var(--sp-8) var(--sp-5) 0}
body.alau-v2 .entry-header .entry-title{font-size:var(--fs-h1);letter-spacing:-.02em;color:var(--text-title);margin:0}
@media (max-width:759px){body.alau-v2 .entry-header{padding:var(--sp-6) var(--sp-4) 0}
 body.alau-v2 .entry-header .entry-title{font-size:var(--fs-h2)}}

/* ================= v2: 사기 전에 판정 리포트 리스타일 ================= */
body.alau-v2 .app:has(.q-title) .entry-header{display:none}
body.alau-v2 .alau-x{max-width:860px}
body.alau-v2 .alau-x .search{margin:var(--sp-6) 0 var(--sp-8)}
body.alau-v2 .alau-x .sbox{display:flex;gap:var(--sp-2);align-items:stretch}
body.alau-v2 .alau-x .sbox input{flex:1;min-height:52px;border:1px solid var(--border-default);border-radius:var(--r-md);
  padding:0 var(--sp-4);font-size:var(--fs-body);background:var(--surface-card);font-family:var(--kr)}
body.alau-v2 .alau-x .sbox input:focus{outline:2px solid var(--action-primary);outline-offset:-1px}
body.alau-v2 .alau-x .sbox button{min-height:52px;padding:0 var(--sp-6);border:0;border-radius:var(--r-md);
  background:var(--action-primary);color:var(--text-on-primary);font-weight:700;font-size:var(--fs-body);cursor:pointer;font-family:var(--kr)}

/* 판정 배너 */
body.alau-v2 .alau-x .verdict{background:var(--surface-card);border:1px solid var(--border-default);
  border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--shadow);margin-bottom:var(--sp-4)}
body.alau-v2 .alau-x .verdict.v-danger{border-left:4px solid var(--warn);background:var(--warn-bg)}
body.alau-v2 .alau-x .verdict.v-safe,body.alau-v2 .alau-x .verdict.v-ok{border-left:4px solid var(--ok);background:var(--ok-bg)}
body.alau-v2 .alau-x .verdict .q{font-size:var(--fs-small);color:var(--text-muted);margin:0 0 var(--sp-2)}
body.alau-v2 .alau-x .verdict .q b{color:var(--text-title)}
body.alau-v2 .alau-x .verdict .v{display:flex;gap:var(--sp-2);align-items:center;font-size:var(--fs-h2);
  letter-spacing:-.02em;color:var(--text-title);margin:0}
body.alau-v2 .alau-x .verdict .v svg{width:24px;height:24px;flex:none}
body.alau-v2 .alau-x .verdict .sub{font-size:var(--fs-small);color:var(--text-muted);margin:var(--sp-2) 0 0}

/* 단계 카드 = 시안 .blk */
body.alau-v2 .alau-x .blk-card{background:var(--surface-card);border:1px solid var(--border-default);
  border-radius:var(--r-lg);padding:var(--sp-6);margin-bottom:var(--sp-4)}
body.alau-v2 .alau-x .blk-card h2{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-h3);
  letter-spacing:-.02em;color:var(--text-title);margin:0 0 var(--sp-3)}
body.alau-v2 .alau-x .blk-card h2 .n{width:26px;height:26px;border-radius:var(--r-sm);flex:none;
  display:grid;place-items:center;background:var(--action-subtle-bg);color:var(--action-primary);
  font-family:var(--en);font-weight:800;font-size:var(--fs-small)}
body.alau-v2 .alau-x .blk-card p{font-size:var(--fs-body);color:var(--text-body);margin:0 0 var(--sp-2);line-height:1.75}
body.alau-v2 .alau-x .blk-card .note{font-size:var(--fs-caption);color:var(--text-muted)}
body.alau-v2 .alau-x .steps{margin:var(--sp-2) 0 0;padding:0;list-style:none;counter-reset:s}
body.alau-v2 .alau-x .steps li{counter-increment:s;position:relative;padding:var(--sp-3) 0 var(--sp-3) 40px;
  border-top:1px solid var(--border-default);font-size:var(--fs-body);line-height:1.7}
body.alau-v2 .alau-x .steps li:first-child{border-top:0}
body.alau-v2 .alau-x .steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:var(--sp-3);
  font-family:var(--en);font-weight:800;font-size:var(--fs-small);color:var(--action-primary)}
body.alau-v2 .alau-x .steps li b{font-weight:700;color:var(--text-title)}

/* 근거 원문 */
body.alau-v2 .alau-x details.src{background:var(--surface-card);border:1px solid var(--border-default);
  border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-6);margin-bottom:var(--sp-4)}
body.alau-v2 .alau-x details.src summary{cursor:pointer;font-size:var(--fs-small);font-weight:700;color:var(--text-title);
  display:flex;align-items:center;gap:var(--sp-2)}
body.alau-v2 .alau-x .kv{font-size:var(--fs-small);color:var(--text-body)}

/* 알림 구독 */
body.alau-v2 .alau-x .subs{background:var(--action-subtle-bg);border:1px solid #DCE2FF;border-radius:var(--r-lg);
  padding:var(--sp-6);margin-top:var(--sp-6)}
body.alau-v2 .alau-x .subs h2{font-size:var(--fs-h3);margin:0 0 var(--sp-2);color:var(--text-title)}
body.alau-v2 .alau-x .alau-subs-form input{min-height:48px;border:1px solid var(--border-default);border-radius:var(--r-md);padding:0 var(--sp-4);font-family:var(--kr)}
body.alau-v2 .alau-x .alau-subs-form button{min-height:48px;padding:0 var(--sp-5);border:0;border-radius:var(--r-md);
  background:var(--action-primary);color:#fff;font-weight:700;cursor:pointer;font-family:var(--kr)}
body.alau-v2 .alau-x .tiny{font-size:var(--fs-caption);color:var(--text-muted)}

/* 같이 알아둘 것 */
.v2-next{max-width:860px;margin:var(--sp-8) auto 0;padding:0 var(--sp-5)}
.v2-next h2{font-size:var(--fs-h3);color:var(--text-title);margin:0 0 var(--sp-3)}
.v2-next .next a{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);
  background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--r-lg);
  padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-2);text-decoration:none;color:var(--text-title)}
.v2-next .next a:hover{border-color:var(--action-primary)}
.v2-next .next .grp{display:block;font-size:var(--fs-caption);color:var(--action-primary);font-weight:700;margin-bottom:2px}
.v2-next .next span:last-child{color:var(--text-muted)}

/* ---- 받을 것 마법사 ---- */
.v2-wiz{padding-top:var(--sp-8);max-width:860px}
.v2-step{display:none}
.v2-step.is-on{display:block}
.v2-wiz .stepbar{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);font-size:var(--fs-caption);color:var(--text-muted)}
.v2-wiz .stepbar i{width:28px;height:4px;border-radius:2px;background:var(--border-default)}
.v2-wiz .stepbar i.on{background:var(--action-primary)}
.v2-wiz .q-title{font-size:var(--fs-h1);color:var(--text-title);margin:0 0 var(--sp-2);letter-spacing:-.02em}
.v2-wiz .q-help{font-size:var(--fs-small);color:var(--text-muted);margin:0 0 var(--sp-6)}
.v2-wiz .selects{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}
@media(min-width:560px){.v2-wiz .selects{grid-template-columns:1fr 1fr}}
.v2-wiz .field label{display:block;font-size:var(--fs-small);font-weight:700;color:var(--text-title);margin-bottom:var(--sp-2)}
.v2-wiz .field select{width:100%;min-height:52px;border:1px solid var(--border-default);border-radius:var(--r-md);
  padding:0 var(--sp-4);font-size:var(--fs-body);background:var(--surface-card);font-family:var(--kr);color:var(--text-body)}
.v2-wiz .hint-s{font-size:var(--fs-caption);color:var(--text-muted);margin:var(--sp-2) 0 0}
.v2-wiz .fgroup{margin-top:var(--sp-6)}
.v2-wiz .fglab{font-size:var(--fs-small);font-weight:700;color:var(--text-title);margin:0 0 var(--sp-3)}
.v2-wiz .chipset{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.v2-wiz .opt{display:inline-flex;align-items:center;border:1px solid var(--border-default);background:var(--surface-card);
  border-radius:var(--r-pill);padding:10px 16px;font-size:var(--fs-small);color:var(--text-body);cursor:pointer;transition:.14s}
.v2-wiz .opt input{position:absolute;opacity:0;width:0;height:0}
.v2-wiz .opt:has(input:checked){background:var(--action-subtle-bg);border-color:var(--action-primary);
  color:var(--action-primary);font-weight:700}
.v2-wiz .opt:hover{border-color:var(--action-primary)}
.v2-wiz .actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-8);flex-wrap:wrap}
.v2-wiz .btn{border:0;border-radius:var(--r-md);padding:14px 24px;font-size:var(--fs-body);font-weight:700;
  cursor:pointer;font-family:var(--kr)}
.v2-wiz .btn-p{background:var(--action-primary);color:var(--text-on-primary)}
.v2-wiz .btn-p:hover{background:var(--action-pressed)}
.v2-wiz .btn-s{background:transparent;color:var(--text-muted);border:1px solid var(--border-default)}

body.alau-v2.home .entry-header,body.alau-v2 .app:has(.hero-field) .entry-header,body.alau-v2 .app:has(.v2-wiz) .entry-header,body.alau-v2 .app:has(.sgrp) .entry-header,body.alau-v2 .app:has(.q-title) .entry-header{display:none!important}

/* v2: 시안과 동일한 서체 (디자인 시스템의 Pretendard 덮어쓰기) */
body.alau-v2,body.alau-v2 input,body.alau-v2 select,body.alau-v2 textarea,body.alau-v2 button,
body.alau-v2 h1,body.alau-v2 h2,body.alau-v2 h3,body.alau-v2 h4,body.alau-v2 p,body.alau-v2 a,
body.alau-v2 .alau-x,body.alau-v2 .alau-jrn{font-family:var(--kr)!important}
body.alau-v2 .logo,body.alau-v2 .ftr .brand,body.alau-v2 .step-n,body.alau-v2 .stepbar span{font-family:var(--en)!important}
/* 3:2 썸네일 */
.v2-thumb{display:block;aspect-ratio:3/2;width:100%;border-radius:var(--r-md);overflow:hidden;background:#EEF0F4;margin-bottom:var(--sp-3)}
.v2-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.v2-thumb.is-empty{background:repeating-linear-gradient(45deg,#EEF0F4,#EEF0F4 8px,#E6E9EE 8px,#E6E9EE 16px)}
/* 홈 화면에 추가 */
.install-card{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap;
  background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--sp-6)}
.install-card .appicon{width:64px;height:64px;flex:none;border-radius:14px;background-image:var(--appicon);
  background-size:contain;background-repeat:no-repeat;background-position:center}
.install-card h3{font-size:var(--fs-h3);color:var(--text-title);margin:0 0 4px}
.install-card p{font-size:var(--fs-small);color:var(--text-muted);margin:0}
.install-card .btn-p{background:var(--action-primary);color:#fff;border:0;border-radius:var(--r-md);
  padding:14px 22px;font-weight:700;font-size:var(--fs-body);cursor:pointer;font-family:var(--kr)}
.install-hint{font-size:var(--fs-small);color:var(--text-body);background:var(--action-subtle-bg);
  border-radius:var(--r-md);padding:var(--sp-4);margin-top:var(--sp-3);display:none}
.install-hint.on{display:block}

/* v2: 커스터마이저 인라인 CSS(body.home .inside-article) 보다 특이도 높게 */
html body.alau-v2 .inside-article,html body.alau-v2 article,html body.alau-v2 .post,
html body.alau-v2 .entry-content,html body.alau-v2 .site-main,
html body.alau-v2.home .inside-article{padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body.alau-v2 .hdr{border-bottom:0}

/* v2: 마법사를 시안 수치에 맞춤 (1200 wrap · 제목 20px · select 60px) */
.v2-wiz{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--sp-8);padding-right:var(--sp-8);padding-top:var(--sp-5)}
@media(max-width:759px){.v2-wiz{padding-left:var(--sp-4);padding-right:var(--sp-4)}}
.v2-wiz .q-title{font-size:var(--fs-h3);margin:20px 0 8px}
.v2-wiz .q-help{margin:0 0 var(--sp-5)}
.v2-wiz .selects{gap:var(--sp-4)}
.v2-wiz .field select{min-height:60px;font-size:var(--fs-body)}
.v2-wiz .note-box{border:1px solid var(--border-default);background:var(--surface-card);
  border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);font-size:var(--fs-small);color:var(--text-body);margin-top:var(--sp-6)}
.v2-wiz .actions{align-items:center;margin-top:var(--sp-5)}
.v2-wiz .btn-t{background:none;border:0;color:var(--action-primary);font-weight:700;font-size:var(--fs-small);
  cursor:pointer;padding:14px 12px;font-family:var(--kr)}
.v2-wiz .btn-t:hover{text-decoration:underline}

/* ---- 사기 전에 랜딩 ---- */
.v2-check{padding-top:var(--sp-6)}
.v2-check .crumb{font-size:var(--fs-caption);color:var(--text-muted);margin:0 0 var(--sp-2)}
.v2-check .q-title{font-size:var(--fs-h2);color:var(--text-title);margin:0 0 var(--sp-2);letter-spacing:-.02em}
.v2-check .q-help{font-size:var(--fs-small);color:var(--text-muted);margin:0 0 var(--sp-5)}
.v2-check .chips{margin-top:var(--sp-3)}
.v2-check .chip{border:1px solid var(--border-default);color:var(--text-body);background:var(--surface-card)}
.v2-check .chip:hover{border-color:var(--action-primary);color:var(--action-primary)}
.v2-check .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-4);flex-wrap:wrap}
.v2-check .cat-ic.v2-emoji{font-size:30px;line-height:44px;height:44px}
.v2-check .card h3{font-size:var(--fs-body);margin:0 0 4px;color:var(--text-title)}
.v2-check .card p{font-size:var(--fs-small);color:var(--text-muted);margin:0}
.v2-seller{border:1px solid var(--border-default);background:var(--surface-card);border-radius:var(--r-lg);
  padding:var(--sp-5);margin-top:var(--sp-4)}
.v2-seller__q{font-size:var(--fs-small);color:var(--text-muted);margin:0 0 var(--sp-3)}
.v2-seller__q b{color:var(--text-title)}
.v2-seller__row{display:flex;gap:var(--sp-4);padding:var(--sp-3) 0;border-top:1px solid var(--border-default);
  font-size:var(--fs-small);flex-wrap:wrap}
.v2-seller__row:first-of-type{border-top:0}
.v2-seller__row .l{min-width:120px;font-weight:700;color:var(--text-title)}
.v2-seller__row .g{color:var(--text-muted);flex:1}
.v2-seller__row .g.is-ok{color:var(--ok);font-weight:500}
.v2-seller__f{font-size:var(--fs-caption);color:var(--text-muted);margin:var(--sp-3) 0 0}

/* ---- 생활의 답 ---- */
.v2-life{padding-top:var(--sp-6)}
.v2-life .crumb{font-size:var(--fs-caption);color:var(--text-muted);margin:0 0 var(--sp-2)}
.v2-life .q-title{font-size:var(--fs-h2);color:var(--text-title);margin:0 0 var(--sp-2);letter-spacing:-.02em}
.v2-life .q-help{font-size:var(--fs-small);color:var(--text-muted);margin:0}
.v2-life__cats{margin-top:var(--sp-5);gap:var(--sp-2)}
.v2-life__cats .chip{border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-body);
  display:inline-flex;align-items:center;gap:6px}
.v2-life__cats .chip:hover{border-color:var(--action-primary);color:var(--action-primary)}
.v2-life__cats .chip.is-on{background:var(--action-primary);border-color:var(--action-primary);color:#fff;font-weight:700}
.v2-life__cats .chip .dot{width:5px;height:5px;border-radius:50%;background:var(--text-muted);display:inline-block}
.v2-life__cats .chip.is-on .dot{background:rgba(255,255,255,.7)}
.v2-life .eyebrow{font-size:var(--fs-small);font-weight:700;color:var(--action-primary);
  margin:var(--sp-8) 0 var(--sp-3);letter-spacing:0}
.v2-life .eyebrow:first-child{margin-top:0}
.v2-life .card h3{font-size:var(--fs-body);color:var(--text-title);margin:0 0 4px}
.v2-life .card p{font-size:var(--fs-small);color:var(--text-muted);margin:0}
.v2-life .card.soon{opacity:.7}
.v2-life .card.soon:hover{transform:none}
.v2-lifethumb{display:block;aspect-ratio:3/2;width:100%;border-radius:var(--r-md);margin-bottom:var(--sp-3);
  background-color:var(--action-subtle-bg);background-size:38% auto;background-repeat:no-repeat;background-position:center}
.v2-life .card.soon .v2-lifethumb{background-color:#F1F2F5}
.ill-lf-home{background-image:var(--lf-home)}
.ill-lf-family{background-image:var(--lf-family)}
.ill-lf-travel{background-image:var(--lf-travel)}
.ill-lf-trouble{background-image:var(--lf-trouble)}
.ill-ic-first{background-image:var(--ic-first-lg)}
.ill-ic-problem{background-image:var(--ic-problem-lg)}
.v2-life .badge.b-line{display:inline-block;border:1px solid var(--border-default);border-radius:var(--r-pill);
  padding:3px 10px;font-size:var(--fs-caption);color:var(--text-muted)}
.v2-life .empty-note .sub{font-size:var(--fs-small);color:var(--text-body);margin:var(--sp-2) 0 0}
.v2-life .empty-note .note-s{font-size:var(--fs-caption);color:var(--text-muted);margin:var(--sp-3) 0 0}

.ill-ic-first{background-image:var(--ic-first-lg)}
.ill-ic-check{background-image:var(--ic-check-lg)}
.ill-ic-benefit{background-image:var(--ic-benefit-lg)}
.ill-ic-problem{background-image:var(--ic-problem-lg)}
.ill-ic-life{background-image:var(--ic-life-lg)}




/* ============ 좌우 여백 보정 — .hero/.sec 의 shorthand padding 이 .wrap 의 좌우 여백을 덮어쓰던 문제 ============ */
.wrap{padding-left:20px;padding-right:20px}
.app.gte560 .wrap, .app.gte560 .hdr-in{padding-left:24px;padding-right:24px}
.app.gte760 .wrap, .app.gte760 .hdr-in{padding-left:32px;padding-right:32px}
.app.gte900 .wrap, .app.gte900 .hdr-in{padding-left:40px;padding-right:40px}
html:not(.js) .wrap, html:not(.js) .hdr-in{padding-left:20px;padding-right:20px}
@media (min-width:560px){html:not(.js) .wrap, html:not(.js) .hdr-in{padding-left:24px;padding-right:24px}}
@media (min-width:760px){html:not(.js) .wrap, html:not(.js) .hdr-in{padding-left:32px;padding-right:32px}}
@media (min-width:900px){html:not(.js) .wrap, html:not(.js) .hdr-in{padding-left:40px;padding-right:40px}}
body.alau-v2 .entry-header{padding-left:20px;padding-right:20px}
@media (min-width:760px){body.alau-v2 .entry-header{padding-left:32px;padding-right:32px}}
.v2-wiz, .v2-next{padding-left:20px;padding-right:20px}
@media (min-width:760px){.v2-wiz, .v2-next{padding-left:32px;padding-right:32px}}
body.alau-v2 .alau-x, body.alau-v2 .alau-jrn{padding-left:20px;padding-right:20px}
@media (min-width:760px){body.alau-v2 .alau-x, body.alau-v2 .alau-jrn{padding-left:32px;padding-right:32px}}



/* =========================================================
   V2TONE: 시안2 톤 통일 (4단계 — .alau-x 재설계 + 카드/홈 보정)
   기준값은 alau-proto-v2 에서 실측한 값
   ========================================================= */

/* ---------- 0) 카드 롤오버: 시안2 button.card:hover{border-color:action-primary} ---------- */
body.alau-v2 a.card,
body.alau-v2 .mytile,
body.alau-v2 .lo-tile,
body.alau-v2 .alau-jrn__jc { transition: border-color .15s, transform .15s; }
body.alau-v2 a.card:hover,
body.alau-v2 button.card:hover,
body.alau-v2 .mytile:hover,
body.alau-v2 .lo-tile:hover,
body.alau-v2 .alau-jrn__jc:hover,
body.alau-v2 .v2-next .next a:hover,
body.alau-v2 .alau-jrn__card:hover {
    border-color: var(--action-primary) !important;
}
body.alau-v2 a.card:hover { transform: translateY(-1px); }

/* ---------- 1) 홈 상황 카드 3개 균등화 (시안2엔 sit-lead 변형 없음) ---------- */
body.alau-v2 .sit-card.sit-lead { background: var(--surface-card) !important; gap: 20px !important; }
body.alau-v2 .sit-card.sit-lead h3,
body.alau-v2 .app.gte900 .sit-card.sit-lead h3 { font-size: 19px !important; }
body.alau-v2 .sit-card.sit-lead p,
body.alau-v2 .app.gte900 .sit-card.sit-lead p { font-size: 14px !important; color: var(--text-muted) !important; }
body.alau-v2 .sit-card.sit-lead .go { font-size: 14px !important; color: var(--action-primary) !important; }
body.alau-v2 .app.gte900 .sit-card.sit-lead { padding: 26px 22px !important; }
body.alau-v2 .app.gte900 .sit-card.sit-lead .sit-ic { width: 92px !important; height: 92px !important; }

/* ---------- 2) 여정 카드 단계 분할 진행바 (시안2 .jr .bar) ---------- */
body.alau-v2 .jrn-seg { display: flex; gap: 3px; margin-top: 8px; }
body.alau-v2 .jrn-seg i { height: 4px; flex: 1; background: var(--border-default); border-radius: 2px; }
body.alau-v2 .jrn-seg i.is-on { background: var(--action-primary); }
body.alau-v2 .alau-jrn__jc .m { font-size: 12.5px !important; color: var(--text-muted) !important; }
body.alau-v2 .alau-jrn__jc h3 { font-size: 16px !important; margin-bottom: 6px !important; }
body.alau-v2 .alau-jrn__jc p { font-size: 14px !important; color: var(--text-muted) !important; }

/* ---------- 3) .alau-x 공통: 반경·여백·굵기를 시안2 스케일로 ---------- */
body.alau-v2 .alau-x .blk-card,
body.alau-v2 .alau-x .verdict,
body.alau-v2 .alau-x .subs,
body.alau-v2 .alau-x details.src {
    border-radius: var(--r-lg) !important;
    padding: 20px !important;
    border-color: var(--border-default) !important;
}
body.alau-v2 .alau-x .blk-card h2,
body.alau-v2 .alau-x .blk-card h3,
body.alau-v2 .alau-x .subs h2 {
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: normal !important;
    color: var(--text-title) !important;
    margin-bottom: 12px !important;
}
body.alau-v2 .alau-x .blk-card p,
body.alau-v2 .alau-x .lede { color: var(--text-body) !important; }
body.alau-v2 .alau-x .note,
body.alau-v2 .alau-x .tiny { font-size: 12px !important; color: var(--text-muted) !important; }

/* 판정 카드 */
body.alau-v2 .alau-x .verdict .q { font-size: 14px !important; color: var(--text-muted) !important; }
body.alau-v2 .alau-x .verdict .v {
    font-size: 24px !important; font-weight: 700 !important;
    letter-spacing: -.02em !important; color: var(--text-title) !important;
}
body.alau-v2 .alau-x .verdict .sub { font-size: 14px !important; color: var(--text-muted) !important; }

/* 행동 3단계 목록 → 시안2 .crit 톤 */
body.alau-v2 .alau-x .steps li {
    font-size: 14.5px !important;
    line-height: 1.7 !important;
    color: var(--text-body) !important;
}

/* 정의 목록 */
body.alau-v2 .alau-x .kv dt { font-size: 12.5px !important; color: var(--text-muted) !important; font-weight: 700 !important; }
body.alau-v2 .alau-x .kv dd { font-size: 14.5px !important; color: var(--text-body) !important; }

/* 분류 그리드 (/my/, /local/) → 시안2 .card 톤 */
body.alau-v2 .mytile,
body.alau-v2 .lo-tile {
    border-radius: var(--r-lg) !important;
    border-color: var(--border-default) !important;
    padding: 18px !important;
    background: var(--surface-card) !important;
}
body.alau-v2 .mytile .n,
body.alau-v2 .lo-tile .n {
    font-size: 16px !important; font-weight: 700 !important;
    color: var(--text-title) !important; line-height: 1.35 !important;
}
body.alau-v2 .mytile .d,
body.alau-v2 .lo-tile .d { font-size: 14px !important; color: var(--text-muted) !important; }
body.alau-v2 .mytile .c { font-size: 12.5px !important; color: var(--text-muted) !important; }

/* 알림 구독 폼 → 시안2 subtle 톤 */
body.alau-v2 .alau-x .subs {
    background: var(--action-subtle-bg) !important;
    border: 1px solid #DCE2FF !important;
}
body.alau-v2 .alau-x .alau-subs-form input {
    border-radius: var(--r-md) !important;
    border: 1px solid var(--border-default) !important;
    font-size: 16px !important;
}
body.alau-v2 .alau-x .alau-subs-form button {
    border-radius: var(--r-md) !important;
    background: var(--action-primary) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}
body.alau-v2 .alau-x .alau-subs-form button:hover { background: var(--action-pressed) !important; }

/* 검색창 → 시안2 .searchbar */
body.alau-v2 .alau-x .sbox { border-radius: var(--r-md) !important; border-color: var(--border-default) !important; }
body.alau-v2 .alau-x .sbox button { border-radius: var(--r-md) !important; font-weight: 700 !important; }

/* 혜택 마법사: 제목 굵기·자간만 시안2로 */
body.alau-v2 .v2-wiz .q-title { font-weight: 700 !important; letter-spacing: -.02em !important; }
body.alau-v2 .v2-wiz .fglab { letter-spacing: normal !important; }



/* =========================================================
   V2TONE-2: 레거시 회색 → 시안2 토큰 + 여정 상세 타이포
   ========================================================= */

/* ---------- 5) 컨테이너 상속색을 시안2 --text-body(#333)로 ---------- */
body.alau-v2 .alau-x,
body.alau-v2 .alau-jrn,
body.alau-v2 .v2-wiz,
body.alau-v2 .v2-life,
body.alau-v2 .v2-next,
body.alau-v2 .alau-recall-all,
body.alau-v2 .alau-recall-table { color: var(--text-body) !important; }

/* 제목류 → --text-title(#222), 자간 시안2 기준 */
body.alau-v2 .alau-x h2,
body.alau-v2 .alau-x h3,
body.alau-v2 .alau-x .sect-h,
body.alau-v2 .alau-jrn__sec,
body.alau-v2 .alau-jrn__gh,
body.alau-v2 .alau-recall-table-product {
    color: var(--text-title) !important;
    letter-spacing: normal !important;
}

/* 보조 텍스트 → --text-muted(#676E77) */
body.alau-v2 .alau-recall-table-head,
body.alau-v2 .alau-recall-table-company,
body.alau-v2 .alau-recall-table-process,
body.alau-v2 .alau-recall-table-expiry,
body.alau-v2 .alau-x .more,
body.alau-v2 .alau-jrn__pmeta { color: var(--text-muted) !important; }

/* 테두리 토큰화 */
body.alau-v2 .subtab,
body.alau-v2 .alau-recall-table-row,
body.alau-v2 .alau-recall-table-head { border-color: var(--border-default) !important; }
body.alau-v2 .subtab.on { border-color: var(--action-primary) !important; color: var(--action-primary) !important; }

/* ---------- 6) 여정 상세: 시안2 s-journey 스케일 ---------- */
body.alau-v2 .alau-jrn__crumb {
    font-size: 12.5px !important; font-weight: 400 !important;
    color: var(--text-muted) !important;
}
body.alau-v2 .alau-jrn__crumb a { color: var(--action-primary) !important; font-weight: 500 !important; }
body.alau-v2 .alau-jrn__head p,
body.alau-v2 .alau-jrn__lead { font-size: 14px !important; color: var(--text-muted) !important; }
body.alau-v2 .alau-jrn__gh { font-size: 14.5px !important; font-weight: 700 !important; }
body.alau-v2 .alau-jrn__i .tx,
body.alau-v2 .alau-jrn__i .t { font-size: 15px !important; }
body.alau-v2 .alau-jrn__i .t { color: var(--text-title) !important; font-weight: 400 !important; }
body.alau-v2 .alau-jrn__i .c { font-size: 12px !important; color: var(--text-muted) !important; line-height: 1.6 !important; }
body.alau-v2 .alau-jrn__i .box { accent-color: var(--action-primary) !important; }
body.alau-v2 .alau-jrn__sec { font-size: 19px !important; font-weight: 700 !important; }



/* =========================================================
   V2TONE-3: 제목 단계 승격(H3→H2) 후에도 시안2 카드 타이포 유지
   ========================================================= */
body.alau-v2 .alau-jrn__jc h2,
body.alau-v2 .alau-jrn__jc h3,
body.alau-v2 .alau-jrn__card h2,
body.alau-v2 .alau-jrn__card h3,
body.alau-v2 .card h2,
body.alau-v2 .card h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: normal !important;
    color: var(--text-title) !important;
    margin: 0 0 6px !important;
}
body.alau-v2 .alau-jrn-resume h2,
body.alau-v2 .alau-jrn-resume h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: normal !important;
    color: var(--text-title) !important;
    margin: 0 0 8px !important;
}
/* 신고 창구 안내 상자: h2/h3 동일 스케일 유지 */
body.alau-v2 .alau-x .blk-card > h2:first-child,
body.alau-v2 .alau-x .blk-card > h3:first-child { margin-top: 0 !important; }


/* =========================================================
   V2TONE-4: 파란 히어로 위 카피 가독성 + 받을 것 CTA 복구
   ========================================================= */

/* 히어로가 파란 면(--action-primary) 위에 있으므로 카피를 반전시킨다 */
body.alau-v2 .hero-field .hero h1 { color: #fff !important; }
body.alau-v2 .hero-field .hero p.lead { color: rgba(255,255,255,.88) !important; }
body.alau-v2 .hero-field .hero .brand-msg { color: var(--signal-point) !important; }
body.alau-v2 .hero-field .hero h1 em { color: var(--signal-point) !important; }

/* 받을 것 카드 CTA: 시안2처럼 파란 텍스트 링크로 (알약 배경 제거) */
body.alau-v2 .sit-card.sit-lead .go {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    color: var(--action-primary) !important;
    display: inline !important;
    min-height: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   V2TONE-5: 밝은 면으로 바뀐 블록의 글자색 되맞춤
   (구독 상자는 원래 남색 패널이라 흰 글씨였다 → 밝은 톤에 맞게 반전)
   ========================================================= */
body.alau-v2 .alau-x .subs { color: var(--text-body) !important; }
body.alau-v2 .alau-x .subs h2,
body.alau-v2 .alau-x .subs h3 { color: var(--text-title) !important; }
body.alau-v2 .alau-x .subs p,
body.alau-v2 .alau-x .subs .tiny,
body.alau-v2 .alau-x .subs .note { color: var(--text-muted) !important; }
body.alau-v2 .alau-x .subs a { color: var(--action-primary) !important; }
body.alau-v2 .alau-x .subs input[type="email"],
body.alau-v2 .alau-x .subs input[type="text"] {
    background: var(--surface-card) !important;
    color: var(--text-title) !important;
    border: 1px solid var(--border-default) !important;
}
body.alau-v2 .alau-x .subs input::placeholder { color: var(--text-muted) !important; }
body.alau-v2 .alau-x .subs button { color: var(--text-on-primary) !important; }

/* 지역 발견·저장함 하위 탭: 시안2 chip 상태색 */
body.alau-v2 .subtab {
    color: var(--text-body) !important;
    background: var(--surface-card) !important;
    border: 1px solid var(--border-default) !important;
}
body.alau-v2 .subtab.on {
    color: var(--action-primary) !important;
    background: var(--action-subtle-bg) !important;
    border-color: var(--action-primary) !important;
}
body.alau-v2 .subtab:hover {
    color: var(--action-primary) !important;
    border-color: var(--action-primary) !important;
}


/* V2TONE-6: 지역 발견 검색 버튼 — 파란 배경 위 글자색 복구 */
body.alau-v2 .alau-x .lo-search button,
body.alau-v2 .alau-x .lo-search input[type="submit"] {
    color: var(--text-on-primary) !important;
    font-weight: 700 !important;
    border-radius: var(--r-md) !important;
}


/* V2TONE-7: 체크리스트 항목 뒤 링크 띄어쓰기 */
body.alau-v2 .alau-jrn__i .lk { margin-left: 8px !important; white-space: nowrap; }
body.alau-v2 .alau-jrn__i .t + .lk { margin-left: 8px !important; }


/* =========================================================
   V2TONE-8: 검색창 포커스 이중 테두리 제거
   구 디자인시스템(.sbox 래퍼 outline)과 v2(input outline)가 겹쳤다.
   시안2 기준: 래퍼는 그냥 flex 컨테이너, 인풋 테두리만 파랑으로.
   ========================================================= */
body.alau-v2 .alau-x .sbox {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    gap: 8px !important;
    border-radius: 0 !important;
    align-items: stretch !important;
}
body.alau-v2 .alau-x .sbox:focus-within { outline: none !important; }
body.alau-v2 .alau-x .sbox input {
    border: 1.5px solid var(--border-default) !important;
    border-radius: var(--r-md) !important;
    background: var(--surface-card) !important;
}
body.alau-v2 .alau-x .sbox input:focus {
    outline: none !important;
    border-color: var(--action-primary) !important;
}


/* =========================================================
   V2TONE-10: /report/(어디에 신고하나) 를 앱 레이아웃으로
   추가 CSS가 이 페이지를 "문서형 고정 페이지"로 묶어 820px 가운데 정렬을
   걸고 있었다. 하지만 이 페이지는 .alau-x 로 카드를 그리는 앱 페이지라
   /check/ /my/ 와 같은 1200px 폭이 맞다.
   본문 첫 문단은 .alau-x 밖의 블록이라 자식 전체(> *)에 컨테이너를 준다.
   .alau-x 는 추가 CSS 쪽 규칙(클래스 4개)이 더 강해서 같은 값을 따로 한 번 더 적는다.
   (개인정보처리방침·약관·ABOUT·문의·이럴 땐 이렇게·리콜 알림 받기는
    본문이 문단뿐이라 820px 유지가 맞아 건드리지 않는다)
   ※ 추가 CSS 원본 정리는 CSS 정리 단계에서 함께 처리
   ========================================================= */
html body.alau-v2.page-id-181 .entry-content {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
html body.alau-v2.page-id-181 .entry-header,
html body.alau-v2.page-id-181 .entry-content > *,
html body.alau-v2.page-id-181 .entry-content > .alau-x {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
html body.alau-v2.page-id-181 .app.gte560 .entry-header,
html body.alau-v2.page-id-181 .app.gte560 .entry-content > *,
html body.alau-v2.page-id-181 .app.gte560 .entry-content > .alau-x {
    padding-left: 24px !important; padding-right: 24px !important;
}
html body.alau-v2.page-id-181 .app.gte760 .entry-header,
html body.alau-v2.page-id-181 .app.gte760 .entry-content > *,
html body.alau-v2.page-id-181 .app.gte760 .entry-content > .alau-x {
    padding-left: 32px !important; padding-right: 32px !important;
}
html body.alau-v2.page-id-181 .app.gte900 .entry-header,
html body.alau-v2.page-id-181 .app.gte900 .entry-content > *,
html body.alau-v2.page-id-181 .app.gte900 .entry-content > .alau-x {
    padding-left: 40px !important; padding-right: 40px !important;
}
html body.alau-v2.page-id-181 .entry-header { padding-top: 32px !important; }


/* =========================================================
   V2TONE-11: 본문 실제 이미지
   .img 는 시안에서 넘어온 점선 자리표시자다.
   실제 사진이 들어가는 figure 는 별도로 스타일을 준다.
   ========================================================= */
body.alau-v2 .fig img,
body.alau-v2 .art-body img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid var(--border-default);
    border-radius: var(--r-md);
    background: var(--surface-page);
}


/* V2TONE-12: 생활의 답 카드 — 글에 지정한 사진을 쓸 때는 꽉 채운다
   (기본 일러스트는 아이콘처럼 가운데 38% 크기, 사진은 cover) */
body.alau-v2 .v2-lifethumb.has-img {
    background-size: cover !important;
    background-position: center !important;
    background-color: var(--surface-page) !important;
}


/* V2TONE-13: 생활의 답 — 준비 중 분야는 점 대신 흐리게, 화면낭독기용 안내는 유지 */
body.alau-v2 .v2-life__cats .chip.is-soon {
    opacity: .5;
}
body.alau-v2 .v2-life__cats .chip.is-soon:hover {
    opacity: 1;
}
body.alau-v2 .sr-only {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}