/* 정보 페이지 전용. 색·글꼴·버튼은 styles.css의 토큰을 그대로 쓴다. */
.info-page{background:var(--paper)}
.page-header{gap:16px}
.page-header .large-logo{max-width:200px}
.header-cta{display:none}
.article-shell{padding-block:8px 56px;display:grid;gap:40px}
.article{max-width:720px}
.article h1{font-size:clamp(1.85rem,7vw,2.75rem);line-height:1.22;margin:0 0 16px}
.lede{font-size:1.05rem;line-height:1.7;color:var(--secondary);margin-bottom:28px}
.article h2{font-size:clamp(1.35rem,4.5vw,1.75rem);line-height:1.3;margin:40px 0 12px}
.article h3{font-size:1.1rem;margin:26px 0 8px}
.article p,.article li{font-size:1rem;line-height:1.75;word-break:keep-all}
.article p{margin:0 0 14px}
.article ul,.article ol{padding-left:20px;margin:0 0 14px}
.article li{margin-bottom:6px}
.article a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.article table{width:100%;border-collapse:collapse;font-size:.95rem;margin:12px 0 20px}
.article th,.article td{text-align:left;padding:10px 8px;border-bottom:1px solid #e3e8ef;vertical-align:top}
.article th{font-weight:600;color:var(--secondary);font-size:.85rem}
.callout{background:var(--soft);border-radius:18px;padding:18px 20px;margin:20px 0}
.callout p:last-child{margin-bottom:0}
.callout strong{color:var(--blue)}
.calculator{background:var(--surface);border-radius:var(--radius);padding:22px 18px;margin:20px 0 28px;display:grid;gap:14px}
.calculator label{display:grid;gap:6px;font-size:.9rem;font-weight:600}
.calculator input{font:inherit;padding:12px 14px;border:1px solid #cfd8e3;border-radius:10px;background:#fff;min-height:48px;width:100%;box-sizing:border-box}
.calculator .field-row{display:grid;gap:12px;grid-template-columns:1fr 1fr}
.calculator .hint{font-size:.82rem;color:var(--secondary);margin:0}
.calculator .result{background:#fff;border-radius:16px;padding:16px 18px;display:grid;gap:10px}
.calculator .result dl{display:grid;grid-template-columns:1fr;gap:4px 16px;margin:0;align-items:baseline;word-break:keep-all}
.calculator .result dt{color:var(--secondary);font-size:.88rem}
.calculator .result dd{margin:0 0 6px;font-weight:700;font-size:1.15rem;letter-spacing:-.01em}
.calculator .result .note{font-size:.82rem;color:var(--secondary);margin:0}
.calculator .result .empty{color:var(--secondary);margin:0}
.cta-panel{background:var(--blue);color:#fff;border-radius:var(--radius);padding:32px 22px;display:grid;gap:14px}
.cta-panel .eyebrow{color:var(--lime);margin-bottom:0}
.cta-panel h2{font-size:clamp(1.5rem,5.5vw,2.25rem);line-height:1.25;margin:0}
.cta-panel p{color:#e6efff;margin:0}
.cta-panel .button{justify-self:start}
.related h2{font-size:.95rem;color:var(--secondary);margin:0 0 10px}
.related ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.related a{color:var(--blue);font-weight:600}
.site-footer{padding-block:24px 40px;border-top:1px solid #e3e8ef;font-size:.8rem;color:var(--secondary);display:grid;gap:8px}
.site-footer p{margin:0}
.site-footer a{color:var(--blue)}
.footer-note{font-size:.75rem;line-height:1.6}
@media(min-width:761px){
  .page-header{justify-content:space-between}
  .page-header .large-logo{width:auto;max-width:240px}
  .header-cta{display:inline-flex}
  .article-shell{grid-template-columns:minmax(0,760px);justify-content:start;padding-block:8px 72px}
  .calculator{padding:28px}
  .calculator .field-row{grid-template-columns:1fr 1fr 1fr}
  .calculator .result dl{grid-template-columns:auto 1fr;gap:8px 16px}
  .calculator .result dd{margin:0}
  .cta-panel{padding:40px 36px;max-width:760px}
}