: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}
}

/* ============ 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}

.screen{display:block}

/* ---- no-JS fallback: real media queries. Once .js lands on <html> the JS
   tier classes take over, so the viewport simulator stays accurate. ---- */
@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 0}
  html:not(.js) .sec-head h2{font-size:var(--fs-h2)}
  html:not(.js) .hero{padding:88px 0 88px}
  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}
}

/* ============ 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 6px 18px -12px rgba(20,24,40,.45)}
.hdr-in{display:flex;align-items:center;gap:16px;padding:12px 20px;max-width:1200px;margin:0 auto}
.logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--en);font-weight:800;
  font-size:var(--fs-h3);letter-spacing:.1em;color:var(--text-on-primary);background:none;border:0;
  padding:8px 8px;margin:-8px -8px;min-height:44px}
.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:4px;margin-left:8px}
.nav button{position:relative;border:0;background:transparent;padding:12px 12px 12px;
  border-radius:var(--r-md);font-size:var(--fs-small);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(--text-on-primary);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,.62);background:transparent;width:44px;height:44px;
  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}
/* ---- 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 20px}
.app.gte760 .wrap, .app.gte760 .hdr-in{padding-left:32px;padding-right:32px}
.sec{padding:40px 0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.sec-head h2{font-size:var(--fs-h3);letter-spacing:-.01em}
.sec-head p{font-size:var(--fs-small);color:var(--text-muted);margin-top:4px}
.eyebrow{font-family:var(--en);font-size:var(--fs-caption);font-weight:600;letter-spacing:.1em;color:var(--action-primary);margin-bottom:12px}
.band{background:var(--surface-card);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}
.app.gte900 .sec{padding:64px 0} .app.gte900 .sec-head h2{font-size:var(--fs-h2)}
/* ============ hero ============ */
.hero-field{background:var(--action-primary);color:var(--text-on-primary)}
.hero{padding:48px 0 48px}
.hero h1{font-size:var(--fs-h1);letter-spacing:-.03em;color:var(--text-on-primary);max-width:14ch}
.hero .brand-msg{font-size:var(--fs-small);color:var(--signal-point);font-weight:700;margin-bottom:12px}
.hero p.lead{font-size:var(--fs-body);font-weight:500;line-height:1.72;letter-spacing:.004em;
  color:rgba(255,255,255,.82);margin-top:16px;max-width:42ch}
.searchbar{display:flex;gap:8px;margin-top:24px;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:16px 16px;font:inherit;font-size:var(--fs-body);color:var(--text-title)}
.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:0 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,.62);color:var(--text-on-primary);font-weight:500}
.hero .chip:hover{background:transparent;border-color:var(--signal-point);color:var(--signal-point)}
.searchbar input:focus{border-color:var(--action-primary)}
.searchbar button{border:0;background:var(--action-primary);color:var(--text-on-primary);
  padding:0 24px;border-radius:var(--r-md);font-weight:700;font-size:var(--fs-body)}
.searchbar button:hover{background:var(--action-pressed)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chip{border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-body);
  padding:12px 16px;border-radius:var(--r-pill);font-size:var(--fs-small);min-height:44px}
.chip:hover{border-color:var(--action-primary);color:var(--action-primary);background:var(--action-subtle-bg)}
.app.gte900 .hero{padding:88px 0 88px} .app.gte900 .hero h1{font-size:var(--fs-display)} .app.gte900 .hero p.lead{font-size:var(--fs-lead)}
/* ============ situation entry — 3 main + 1 secondary ============ */
.sit{display:grid;gap:12px;grid-template-columns:1fr}
.app.gte760 .sit{grid-template-columns:1fr 1fr}
.sit-card{text-align:left;border:1px solid var(--border-default);background:var(--surface-card);
  border-radius:var(--r-lg);padding:24px 24px;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:8px;min-width:0;flex:1}
.sit-card:hover{border-color:var(--action-primary);transform:translateY(-2px)}
.sit-card h3{font-size:var(--fs-h3)}
.sit-card p{font-size:var(--fs-small);color:var(--text-muted)}
.sit-card .go{margin-top:4px;font-size:var(--fs-small);font-weight:700;color:var(--action-primary)}

/* 받을 것 — MVP 1순위에 압도적 면적. .sit-card 뒤에 와야 순서 싸움에서 이긴다 */
.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:-.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 .15s ease}
.sit-card.sit-lead:hover{transform:none}
.sit-card.sit-lead:hover .go{background:var(--action-pressed)}
.sit-sec{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;
  border:1px solid var(--border-default);background:var(--surface-card);border-radius:var(--r-lg);
  padding:16px 24px;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 h3{font-size:var(--fs-body)} .sit-sec p{font-size:var(--fs-small);color:var(--text-muted)}
.sit-sec .go{font-size:var(--fs-small);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:20px;text-align:left;display:block;width:100%}
button.card{transition:border-color .15s} button.card:hover{border-color:var(--action-primary)}
.card h3,.card h2{font-size:var(--fs-body);margin-bottom:8px} .card p{font-size:var(--fs-small);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:var(--fs-caption);line-height:1.55;white-space:pre-line;
  color:var(--text-muted);text-align:center;padding:8px 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:-20px -20px 16px;border-radius:var(--r-lg) var(--r-lg) 0 0;width:auto}
.pitem .img{width:52px;height:52px}
.fig{margin:20px 0 0}
.fig figcaption{font-size:var(--fs-small);color:var(--text-muted);margin-top:8px;line-height:1.6}
.alert-box{margin:24px 0 0;border:1px solid var(--border-default);background:var(--surface-card);
  border-radius:var(--r-lg);padding:20px}
.field-err{font-size:var(--fs-small);color:var(--warn);margin-top:8px}
.alert-box .kw{font-size:var(--fs-small);color:var(--text-muted);margin:8px 0 12px}
.src{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-default);
  font-size:var(--fs-caption);color:var(--text-muted)}
.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-caption);font-weight:700;padding:4px 8px;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:8px;margin-top:12px}

/* today */
.today{display:flex;flex-direction:column;gap:12px}
.today .row{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--border-default);
  background:var(--surface-card);border-radius:var(--r-lg);padding:16px 16px;text-align:left;width:100%}
.today .row:hover{border-color:var(--action-primary)}
.today .why{flex:none;align-self:flex-start;font-size:var(--fs-caption);font-weight:700;
  padding:8px 12px;border-radius:var(--r-pill);background:var(--action-subtle-bg);
  color:var(--action-primary);white-space:nowrap;letter-spacing:.01em}
.today .why.urgent{background:var(--warn-bg);color:var(--warn)}
.today .row{padding:16px 20px}
.today .row h3{font-size:var(--fs-body)}
.app.gte900 .today .row h3{font-size:var(--fs-lead)}
.today .row h3{font-size:var(--fs-body);margin-bottom:4px} .today .row p{font-size:var(--fs-small);color:var(--text-muted)}

/* life */
.life .lic{display:block;width:44px;height:44px;margin-bottom:12px;
  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)}
.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)}
.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.q{font-size:var(--fs-lead);line-height:1.5;color:var(--text-title);margin:0 0 12px;letter-spacing:-.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:.72}
.card.soon .q{color:var(--text-muted)}
.life{display:flex;flex-direction:column}
.app.gte900 .life-grid > *:last-child{grid-column:span 2}

/* journey */
.jr{display:flex;flex-direction:column;gap:8px}
.jr .meta{display:flex;align-items:baseline;gap:8px;font-size:var(--fs-small);color:var(--text-muted);margin-top:12px}
.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:-.02em}
.app.gte900 .jr .meta .step-n{font-size:var(--fs-h1)}
.jr .bar{display:flex;gap:4px;margin-top:12px}
.jr .bar i{height:5px;flex:1;background:var(--border-default);border-radius:3px}
.jr .bar i:first-child{background:var(--action-primary)}

/* ============ steps (받을 것) ============ */
.stepbar{display:flex;align-items:center;gap:8px;margin-top:8px;padding:16px 0 0;font-size:var(--fs-caption);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:var(--fs-h3);margin:8px 0 8px}
.stepbar + .q-title{margin-top:20px} .q-help{font-size:var(--fs-small);color:var(--text-muted);margin-bottom:20px}
.opts{display:grid;gap:8px;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:16px 16px;text-align:left;font-size:var(--fs-body);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:16px;grid-template-columns:1fr}
.app.gte560 .selects{grid-template-columns:1fr 1fr}
.field label{display:block;font-size:var(--fs-small);font-weight:700;color:var(--text-title);margin-bottom:8px}
.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:16px 40px 16px 16px;
  font:inherit;font-size:var(--fs-body);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)}
.field select:disabled{background-color:var(--surface-page);color:var(--text-muted);cursor:not-allowed}
.field .hint-s{font-size:var(--fs-caption);color:var(--text-muted);margin-top:8px}
.privacy{display:flex;gap:8px;align-items:flex-start;background:var(--surface-card);border:1px solid var(--border-default);
  border-radius:var(--r-md);padding:12px 16px;font-size:var(--fs-small);color:var(--text-muted);margin-top:24px}
.actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.btn{border:0;border-radius:var(--r-md);padding:16px 24px;font-size:var(--fs-body);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:16px;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 h2{font-size:var(--fs-body);margin:8px 0 4px;line-height:1.5}
.rc p{font-size:var(--fs-small);color:var(--text-muted)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.filters .opt{padding:12px 16px;border-radius:var(--r-pill);font-size:var(--fs-small);min-height:44px}
.spec{border:1px solid var(--border-default);border-radius:var(--r-lg);overflow:hidden;background:var(--surface-card)}
.spec div{display:flex;gap:16px;padding:12px 16px;border-top:1px solid var(--border-default);font-size:var(--fs-small)}
.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:32px}
.fgroup:first-child{margin-top:0}
.fglab{font-size:var(--fs-small);font-weight:700;color:var(--text-title);margin-bottom:12px;
  padding-bottom:8px;border-bottom:1px solid var(--border-default)}
.chipset{display:flex;flex-wrap:wrap;gap:8px}
.chipset .opt{padding:12px 16px;border-radius:var(--r-pill);font-size:var(--fs-small);min-height:44px}
.calc{margin-top:12px;padding:12px 16px;border-radius:var(--r-md);font-size:var(--fs-small);
  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:var(--fs-caption);color:var(--text-muted);margin-top:8px;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 h2{font-size:var(--fs-lead);margin:8px 0 4px}
.ben .amt{font-weight:700;font-size:var(--fs-lead);color:var(--text-title);
  line-height:1.45;letter-spacing:-.01em}
.ben .why{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-default)}
.ben .why .lbl{font-size:var(--fs-caption);font-weight:700;color:var(--text-title);margin-bottom:8px}

/* ============ article / report ============ */
.crumb{font-size:var(--fs-caption);color:var(--text-muted);padding-top:24px}
.crumb b{color:var(--action-primary);font-weight:500}
.art h1{font-size:var(--fs-h2);letter-spacing:-.02em;margin:12px 0 0}
.app.gte900 .art h1{font-size:var(--fs-h1)} .app.gte900 .art-body{max-width:70ch}
.ten{background:var(--signal-point);color:var(--text-on-point);border-radius:var(--r-lg);
  padding:24px 24px 24px;margin:24px 0}
.ten .lbl{font-family:var(--en);font-size:var(--fs-caption);font-weight:700;letter-spacing:.12em;
  padding-bottom:12px;margin-bottom:12px;border-bottom:1.5px solid rgba(34,34,34,.22)}
.ten p{font-size:var(--fs-h3);font-weight:700;line-height:1.55;letter-spacing:-.01em}
.app.gte900 .ten{padding:32px 32px 32px}
.app.gte900 .ten p{font-size:var(--fs-h2);line-height:1.5}
.blk{margin:32px 0}
.blk h2{font-size:var(--fs-h3);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:16px;padding:16px 16px;border-top:1px solid var(--border-default);font-size:var(--fs-small)}
.crit div:first-child{border-top:0}
.crit b{color:var(--action-primary);font-family:var(--en);font-size:var(--fs-small);flex:none;width:20px;padding-top:4px}
.safety{border:1px solid color-mix(in srgb, var(--action-primary) 38%, var(--border-default));
  background:var(--surface-card);border-radius:var(--r-lg);padding:20px 20px}
.safety.none{border-color:color-mix(in srgb, var(--ok) 42%, var(--border-default))}
.scope{display:flex;flex-direction:column;gap:0;margin-top:16px;border-top:1px solid var(--border-default)}
.scope div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-default);font-size:var(--fs-small)}
.scope div:last-child{border-bottom:0}
/* ---- verification choreography ----
   The product's central claim is "we checked, and here is exactly what we checked."
   A finished table asserts it. A table that resolves row by row demonstrates it.
   Every state below is the FINAL state; the motion is added by WAAPI with
   fill:backwards, so no-JS and reduced-motion both land on the finished table. */
@property --n { syntax:'<integer>'; initial-value:0; inherits:false }
.scope div{position:relative}
.scope .scan{position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;
  background:var(--action-primary);transform:scaleX(0);transform-origin:left;
  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}
.next{display:flex;flex-direction:column;gap:8px}
.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:16px 16px;text-decoration:none;color:var(--text-title);
  font-size:var(--fs-body);font-weight:500;cursor:pointer}
.next a:hover{border-color:var(--action-primary);color:var(--action-primary)}
.next .grp{font-size:var(--fs-caption);color:var(--text-muted);font-weight:400;margin-bottom:-4px}
.prod{border:1px solid var(--border-default);background:var(--surface-card);border-radius:var(--r-lg);padding:20px}
.prod .dis{font-size:var(--fs-caption);color:var(--text-muted);background:var(--surface-page);border-radius:var(--r-sm);padding:8px 12px;margin-bottom:16px}
.plist{display:grid;gap:12px;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:var(--fs-h3)}
.pitem b{display:block;font-size:var(--fs-small);color:var(--text-title)} .pitem span{font-size:var(--fs-caption);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:12px 20px;background:var(--surface-page);font-size:var(--fs-small);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:12px 20px;border-top:1px solid var(--border-default);font-size:var(--fs-body);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:24px}
.sgrp .h{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.sgrp .h h2{font-size:var(--fs-small);color:var(--text-title)}

/* install */
.install{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  border:1px solid transparent;background:var(--action-primary);border-radius:var(--r-lg);padding:32px 24px}
.install h3{font-size:var(--fs-h3);margin-bottom:8px;color:var(--text-on-primary);letter-spacing:-.02em}
.app.gte900 .install h3{font-size:var(--fs-h2)}
.install p{font-size:var(--fs-small);font-weight:500;line-height:1.7;letter-spacing:.004em;
  color:rgba(255,255,255,.82)}
.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))}

.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:12px 20px 24px;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:var(--fs-lead);margin-bottom:8px}
.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:var(--fs-small)}
.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:var(--fs-caption);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}
.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}
.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}
.tabbar .t{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;
  border:0;background:transparent;padding:8px 4px 8px;font-size:var(--fs-caption);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:8px;margin-bottom:12px;flex-wrap:wrap}
.comm-h b{font-size:var(--fs-small);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:60px;height:60px;box-shadow:0 0 0 4px rgba(255,255,255,.28), 0 4px 12px rgba(0,0,0,.28)}
.sheet .appicon{width:64px;height:64px}
.sheet-head{display:flex;gap:16px;align-items:center;margin-bottom:4px}
.ftr .brand{display:flex;align-items:center;gap:8px;margin-bottom:16px;
  font-family:var(--en);font-weight:800;font-size:var(--fs-lead);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}

/* ---- safety verdict: the answer leads, the corpus is a footnote ---- */
.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 0;margin:-12px 0}
.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)}

/* ---- terminal states: results, success, empty ---- */
.verdict{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 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:0}
.factrow b{flex:none;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 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}

/* ---- shared roles lifted out of inline styles ---- */
.lnk{border:0;background:none;font:inherit;font-weight:500;
  color:var(--action-primary);cursor:pointer;border-radius:3px;
  padding:12px 8px;margin:-12px -8px}
.lnk:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.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 0;margin:-12px 0}
.evi-toggle:hover{text-decoration:underline;text-underline-offset:3px}

/* ---- press feedback: every control answers the tap ---- */
.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(0)}
.nav button:active,.tabbar .t:active,.icon-btn:active,.logo:active{opacity:.72}
.chip,.opt,.btn,.ben,.rc,.today .row{transition:border-color .15s ease,transform .1s ease}

/* footer */
.ftr{background:var(--surface-card);border-top:1px solid var(--border-default);padding:32px 0 32px;margin-top:20px}
.ftr .links{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:var(--fs-small);color:var(--text-body)}
.ftr .links span{cursor:default}
.ftr .pol{margin-top:16px;font-size:var(--fs-caption);color:var(--text-muted);max-width:62ch}
.ftr .cp{margin-top:16px;font-family:var(--en);font-size:var(--fs-caption);color:var(--text-muted);letter-spacing:.06em}
.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 .12s ease}
.skip:focus{top:12px}
.screen-end{height:44px}
.hide{display:none!important}

/* ============ 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}