:root{--ink:#17212b;--muted:#526474;--paper:#f7f9fb;--card:#fff;--line:#d7e0e7;--silver:#315b78;--silver-dark:#203f54;--silver-soft:#e8f0f5;--mint:#267564;--amber:#9a621a;--danger:#9b3f45;--radius:18px;--shadow:0 12px 32px rgba(27,48,64,.08)}*{box-sizing:border-box}html{font-size:17px;scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Pretendard","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;line-height:1.72;word-break:keep-all}a{color:var(--silver-dark);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}img{display:block;max-width:100%;height:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:20;background:#fff;padding:.7rem 1rem}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{max-width:960px;margin:auto;padding:.8rem 1rem;display:flex;align-items:center;gap:1rem}.brand{font-size:1.15rem;font-weight:850;text-decoration:none;color:var(--ink)}.brand-dot{color:var(--silver)}.nav-links{margin-left:auto;display:flex;gap:.85rem;font-size:.92rem;overflow:auto;white-space:nowrap}.container{max-width:960px;margin:auto;padding:0 1rem}.hero{padding:2rem 0 1.4rem;background:linear-gradient(135deg,#f9fbfc,#e6eef4)}.breadcrumb{font-size:.85rem;color:var(--muted);margin-bottom:.6rem}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;color:var(--silver-dark);font-size:.82rem;font-weight:800;letter-spacing:.03em}.hero-grid{display:grid;gap:1.2rem}.hero h1{font-size:clamp(2rem,7vw,3.35rem);line-height:1.16;letter-spacing:-.045em;margin:.4rem 0 .8rem}.lead{font-size:1.08rem;max-width:760px;color:#334654;margin:0}.status-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;box-shadow:var(--shadow)}.status-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;min-height:34px;padding:.25rem .7rem;border-radius:999px;background:#fff3dc;color:#704718;font-weight:800;font-size:.82rem}.badge[data-state="current"]{background:#def3eb;color:#155a4b}.status-meta{display:grid;grid-template-columns:1fr;gap:.6rem;margin-top:.8rem;font-size:.9rem;color:var(--muted)}.status-meta strong{display:block;color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.button{appearance:none;border:0;border-radius:12px;min-height:48px;padding:.7rem 1rem;background:var(--silver);color:#fff;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.button.secondary{background:#fff;color:var(--silver-dark);border:1px solid var(--line)}main{padding-bottom:4rem}.section{padding:1.55rem 0}.section h2{font-size:1.45rem;line-height:1.35;margin:0 0 1rem;padding:.72rem 1rem;border-left:7px solid var(--silver);background:var(--silver-soft);border-radius:0 12px 12px 0;letter-spacing:-.025em}.grid{display:grid;gap:1rem}.cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.05rem;box-shadow:var(--shadow)}.card h3{margin:.1rem 0 .45rem;font-size:1.05rem}.muted{color:var(--muted)}.price-placeholder{font-size:1.25rem;font-weight:850;color:var(--silver-dark)}.unit-filters{display:flex;gap:.5rem;flex-wrap:wrap}.unit-filters button{min-height:44px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:.5rem .85rem;font:inherit;cursor:pointer}.unit-filters button[aria-pressed="true"]{background:var(--silver-dark);color:#fff}.calculator{display:grid;gap:.9rem}.field-grid{display:grid;grid-template-columns:1fr;gap:.8rem}label{font-weight:750}input,select{display:block;width:100%;min-height:48px;margin-top:.25rem;border:1px solid #aebdc8;border-radius:10px;padding:.6rem .7rem;background:#fff;color:var(--ink);font:inherit}.result{display:grid;gap:.35rem;min-height:78px;padding:1rem;background:var(--silver-soft);border-radius:12px}.chart{height:210px;border:1px dashed #9eb2c0;border-radius:14px;background:repeating-linear-gradient(0deg,#fff,#fff 39px,#e7edf1 40px);display:grid;place-items:center;text-align:center;padding:1rem;color:var(--muted)}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.8rem;vertical-align:top}th{background:var(--silver-soft)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}.notice{border-left:5px solid var(--amber);background:#fff8e9;padding:1rem;border-radius:0 12px 12px 0}.affiliate{border:1px dashed #8ba2b2;background:#f8fbfd}.related a{display:block;padding:.7rem 0;border-bottom:1px solid var(--line);font-weight:750;text-decoration:none}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem}.faq details+details{margin-top:.65rem}.faq summary{cursor:pointer;font-weight:800}.source-list{font-size:.92rem}.ad-slot{min-height:84px;display:grid;place-items:center;color:#71808c;background:#f0f3f5;border:1px dashed #c4ced5;border-radius:12px;font-size:.8rem}.site-footer{background:#1c2b36;color:#d8e1e7;padding:2.2rem 0}.site-footer a{color:#fff}.footer-links{display:flex;flex-wrap:wrap;gap:1rem}.footer-note{font-size:.85rem;color:#b6c3cc}.policy{max-width:820px}.policy h1{font-size:2.2rem}.policy h2{margin-top:2rem}.not-found{text-align:center;padding:5rem 1rem}@media(min-width:760px){.hero{padding:3.2rem 0 2.2rem}.hero-grid{grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);align-items:center}.field-grid{grid-template-columns:repeat(3,1fr)}.status-meta{grid-template-columns:1fr 1fr}.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.75fr);gap:1.4rem}.sidebar{align-self:start}}@media(max-width:420px){html{font-size:17px}.nav{padding:.7rem .85rem}.hero h1{font-size:2rem}.card{padding:.9rem}.section{padding:1.2rem 0}th,td{padding:.65rem;min-width:120px}}

/* ── 골든 원고 본문(pages_rendered) — 2026-09-02 ── */
.golden-body{font-size:1.0625rem;line-height:1.8;word-break:keep-all}
.golden-body h1{font-size:1.75rem;line-height:1.35;margin:0 0 1rem}
.golden-body h2{font-size:1.3rem;margin:2.4rem 0 .75rem;padding-bottom:.35rem;border-bottom:2px solid #7c8da0}
.golden-body h3{font-size:1.1rem;margin:1.6rem 0 .5rem}
.golden-body p{margin:0 0 .9rem}
.golden-body mark{background:#fff3b0;padding:0 .2em}
.golden-body .intro{font-size:1.125rem;color:#333}
.golden-body .quick{border:1px solid #d7dde6;background:#f4f6f9;border-radius:10px;padding:.9rem 1rem;margin:1rem 0 1.5rem}
.golden-body .quick-title{font-weight:700;margin:0 0 .35rem}
.golden-body .stamp{font-weight:400;font-size:.8rem;color:#667;margin-left:.4rem}
.golden-body .quick-nums{font-size:1.2rem;margin:0 0 .6rem}
.golden-body .quick-nums b{color:#3d4f66}
.golden-body .quick-btns a{display:inline-block;margin:.25rem .4rem 0 0;padding:.45rem .85rem;border-radius:7px;background:#7c8da0;color:#fff;text-decoration:none;font-size:.9rem}
.golden-body .quick-btns a.alt{background:#fff;color:#4c5d73;border:1px solid #7c8da0}
.golden-body table{border-collapse:collapse;width:100%;margin:.6rem 0 1.1rem;font-size:.95rem}
.golden-body th,.golden-body td{border:1px solid #ddd;padding:.5rem .65rem;text-align:left}
.golden-body th{background:#f6f6f6}
.golden-body .tbl-wrap{overflow-x:auto}
.golden-body .steps,.golden-body .point,.golden-body .rhythm-point,.golden-body .pick{border-left:4px solid #7c8da0;background:#fafafa;padding:.6rem .9rem;margin:.9rem 0}
.golden-body .point-head{font-weight:700;margin:1.4rem 0 .4rem}
.golden-body .disclaimer,.golden-body .sources,.golden-body .fine{font-size:.85rem;color:#666;border-top:1px solid #eee;padding-top:.6rem;margin-top:1.8rem}
.golden-body .related-head{font-weight:700;margin:2rem 0 .5rem}
.golden-body .rel-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.golden-body .rel-card{border:1px solid #e5e5e5;border-radius:8px;padding:.6rem .75rem;font-size:.9rem;text-decoration:none;color:#222;background:#fafafa}
.golden-body .rel-card b{display:block}
.golden-body .btn,.golden-body .cta{display:inline-block;padding:.6rem 1rem;border-radius:8px;background:#3d4f66;color:#fff;text-decoration:none}
.golden-body ul,.golden-body ol{padding-left:1.4rem}
@media(max-width:640px){.golden-body .rel-grid{grid-template-columns:1fr}}

/* 2026-09-05 금과 레이아웃 통일: 골든 본문 1열·폭 820·사이드바 제거. 원고 인라인 <style> 은 LandingPage 가 strip 하므로 원고 전용 클래스를 여기로 흡수(은 팔레트) */
.golden-wrap{max-width:none}
.golden-body{--ink:#17212b;--muted:#526474;--line:#d7e0e7;--brand:#3d4f66;--soft:#f4f6f9;--white:#fff}
.golden-body>*{max-width:100%}
.golden-body img{max-width:100%;height:auto}
.golden-body table{width:100%}
.golden-body .quick-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.golden-body .quick-btns a{display:block;text-align:center;margin:0}
.golden-body .rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin:10px 0 4px}
.golden-body .rel-card,.golden-next .rel-card{display:block;border:1.5px solid var(--line);border-left:5px solid var(--brand);border-radius:10px;padding:12px 14px;text-decoration:none;color:var(--ink);background:var(--white)}
.golden-body .rel-card b,.golden-next .rel-card b{display:block;color:#0b62b8;margin-bottom:3px}
.golden-body .rel-card span,.golden-next .rel-card span{font-size:.88rem;color:var(--muted)}
.golden-next .rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.golden-body .point-head{background:var(--soft);border-radius:14px 14px 0 0;padding:13px 18px 4px;font-weight:800;margin:26px 0 0}
.golden-body .point{position:relative;background:var(--soft);padding:2px 18px 2px 44px;margin:0;font-weight:600;border-left:0}
.golden-body .point::before{content:"✔";position:absolute;left:18px;color:var(--brand);font-weight:900}
.golden-body .point-tail{border-radius:0 0 14px 14px;padding-bottom:14px;margin-bottom:26px}
.golden-body .pick{position:relative;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:14px 16px 14px 54px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.golden-body .pick .num{position:absolute;left:15px;top:15px;width:27px;height:27px;border-radius:50%;background:var(--brand);color:#fff;font-weight:bold;display:flex;align-items:center;justify-content:center;font-size:14px}
.golden-body .pick b{display:block;margin-bottom:2px}
.golden-body .li{padding-left:22px;position:relative;margin-bottom:12px}
.golden-body .li::before{content:"";position:absolute;left:6px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--brand)}
.golden-body .price{font-size:1.05em}
.golden-body .price .now{font-weight:900;font-size:1.3em;color:var(--brand)}
.golden-body .prod-card{border:1.5px solid var(--line);border-radius:14px;padding:6px 18px 16px;margin:24px 0;box-shadow:0 1px 4px rgba(0,0,0,.05);background:var(--white)}
.golden-body .prod-head{font-weight:800;color:var(--brand);font-size:1.05rem;border-bottom:2px solid var(--soft);padding:10px 0 8px;margin:0}
.golden-body .prod-img{max-width:260px;border:1px solid var(--line);border-radius:12px;display:block;margin:18px auto 6px}
.golden-body .rocket{font-size:.82rem;background:#e8f1fb;color:#0b62b8;border-radius:6px;padding:2px 8px;margin-left:6px}
.golden-body .top-cta a{font-size:1.05rem;padding:14px 20px;display:block}
.golden-body .cta{text-align:center;background:none;padding:0}
.golden-body .cta a{display:inline-block;padding:12px 28px;border-radius:10px;background:var(--brand);color:#fff!important;font-weight:700;text-decoration:none}
.golden-body .disclosure,.golden-body .price-note{color:var(--muted);font-size:.95rem}
.golden-body .related{padding:8px 0;border-bottom:1px solid var(--line)}
.golden-body .rel-card.related{padding:12px 14px;border-bottom:1.5px solid var(--line)}
.golden-body .src,.golden-body .src-head,.golden-body .source-head,.golden-body .sources-head{border-top:1px solid var(--line);margin-top:26px;padding-top:12px;font-weight:700}
.golden-body .src ul,.golden-body .src-list,.golden-body .source-list{margin:0;padding-left:20px;font-size:.9rem;color:var(--muted);line-height:1.7}
.golden-body .source,.golden-body .top-note,.golden-body .btn-note{color:var(--muted);font-size:.92rem}
.golden-body .check{margin:12px 0;padding-left:22px}
.golden-body .price-board{border:1px solid var(--line);border-radius:12px;padding:16px;margin:20px 0;background:var(--soft)}
.golden-body .board-title{font-weight:700;margin:0 0 8px}
.golden-body .calc{border:1px solid var(--line);border-radius:14px;background:var(--soft);padding:16px;margin:18px 0}
.golden-body .mode{display:flex;gap:8px;margin-bottom:6px}
.golden-body .mbtn{flex:1;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--white);font-size:1rem;font-weight:700}
.golden-body .mbtn.on{background:var(--brand);border-color:var(--brand);color:#fff}
.golden-body .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.golden-body .out{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:12px;margin:14px 0 6px}
.golden-body .out b{font-size:1.3rem;color:var(--brand)}
.golden-body .tldr{margin:.2rem 0 .8rem;padding:.55rem .8rem;background:#eef3f8;border-left:4px solid #7c8da0;border-radius:0 8px 8px 0;font-weight:700}
.golden-body .keypoints{border:1px solid #d7dde6;background:#f4f6f9;border-radius:10px;padding:.8rem 1rem;margin:1.4rem 0}
.golden-body .keypoints p{margin:0 0 .3rem;font-weight:700}.golden-body .keypoints ul{margin:0;padding-left:1.2rem}
.golden-body .toc{border:1px solid #d7dde6;border-radius:10px;padding:.5rem .9rem;margin:0 0 1.4rem;background:#fff;font-size:.93rem}
.golden-body .toc summary{cursor:pointer;font-weight:700;color:#3d4f66;list-style:none}.golden-body .toc summary::before{content:"☰ "}
.golden-body .toc ol{margin:.5rem 0 .2rem;padding-left:1.3rem;columns:2;column-gap:1.5rem}.golden-body .toc li{margin:.2rem 0;break-inside:avoid}.golden-body .toc a{color:#333}
@media(max-width:560px){.golden-body .quick-btns,.golden-body .row,.golden-body .toc ol{grid-template-columns:1fr;columns:1}}

/* 2026-09-05 메인 통일(금 GoldMarketBoard/HomeHub 와 동일 구조, 은 팔레트) */
.hero.home-hero .hero-grid{align-items:stretch}
@media(min-width:760px){.hero.home-hero .hero-grid{grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr)}}
.market-board{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:#1c2b36;color:#eef3f7;box-shadow:0 12px 34px rgba(27,48,64,.22)}
.market-board-head,.market-board-foot,.section-heading-row{display:flex;justify-content:space-between;gap:16px;align-items:center}
.market-board h2{margin:.15rem 0 0;font-size:1.45rem;padding:0;border:0;background:none;color:#fff}
.market-board .eyebrow{color:#9fc3dc;margin:0}
.status-badge{font-size:.82rem;font-weight:900;padding:.28rem .65rem;border-radius:999px;background:#def3eb;color:#155a4b;white-space:nowrap}
.market-value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.market-value-card{border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px;background:rgba(255,255,255,.07)}
.market-value-card span,.market-value-card small{display:block;color:#c3d0da;font-size:.78rem}
.market-value-card strong{display:block;font-size:1.22rem;margin:.28rem 0;color:#fff}
.market-board-foot{align-items:flex-end}.market-board-foot p{margin:0;color:#c3d0da;font-size:.8rem;line-height:1.5}
.market-board .secondary{background:#fff;color:var(--silver-dark);border:0;border-radius:12px;min-height:44px;padding:.6rem 1rem;font:inherit;font-weight:800;cursor:pointer}
.home-hub{margin-top:34px}.section-heading-row{align-items:flex-end}
.section-heading-row h2{font-size:clamp(1.4rem,3vw,1.9rem);margin:.15rem 0;padding:0;border:0;background:none}
.section-heading-row p{max-width:52ch;margin:0;color:var(--muted)}
.hub-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.hub-card{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;text-decoration:none;box-shadow:var(--shadow)}
.hub-card span,.hub-card small{display:block;color:var(--muted);font-size:.79rem}
.hub-card strong{display:block;color:var(--ink);margin:.25rem 0}
@media(max-width:760px){.market-board{padding:14px}.market-value-grid,.hub-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-value-card{padding:11px}.market-value-card strong{font-size:1.05rem}.market-board-foot,.section-heading-row{align-items:flex-start;flex-direction:column}}

/* 2026-09-05 대표 피드백 2차: 폭 960 단일(허브·본문 동일), 상품카드 가운데 정렬·하단 여유, 단계 목록 번호 여백, 단위 필터 활성 카드 */
.golden-body .prod-card{padding:6px 18px 22px;text-align:left}
.golden-body .prod-card .price,.golden-body .prod-card .cta{text-align:center}
.golden-body .prod-card .cta{margin:14px 0 4px}
.golden-body ol.steps,.golden-body ul.steps{padding-left:2.4rem}
.golden-body ol,.golden-body ul{padding-left:1.8rem}
.card.is-active{border-color:var(--silver);box-shadow:0 0 0 3px var(--silver-soft),var(--shadow)}
.price-placeholder{word-break:keep-all}

/* 2026-09-05 대표 피드백 3차: CTA 이중 배경 제거·가운데·확대, 계산기 모드 버튼 글자색, 요약박스 버튼 확대 */
.golden-body .cta,.golden-body .top-cta{display:block;background:none;padding:0;margin:18px 0 8px;text-align:center;border:0;box-shadow:none}
.golden-body .cta a,.golden-body .top-cta a{display:inline-block;width:auto;min-width:260px;padding:16px 36px;font-size:1.12rem;font-weight:800;border-radius:12px;color:#fff!important;text-decoration:none}
.golden-body .prod-card .cta{margin:16px 0 4px}
.golden-body .prod-card .price{font-size:1.12em}
.golden-body .quick-btns a{padding:14px 12px;font-size:1.05rem;font-weight:800}
.golden-body .mbtn{color:var(--ink);background:var(--white)}
.golden-body .mbtn.on{color:#fff}
.golden-body .btn{display:inline-block}
.golden-body .cta a,.golden-body .top-cta a{background:#3d4f66}

/* 2026-09-05 대표 4차: 요약박스 제목·숫자·버튼, 핵심요약 글씨 한 단계 확대 */
.golden-body .quick-title{font-size:1.2rem;font-weight:900}
.golden-body .quick-nums{font-size:1.15rem}
.golden-body .quick-nums b{font-size:1.65rem}
.golden-body .quick-btns a{font-size:1.15rem;padding:16px 12px}
.golden-body .cta a,.golden-body .top-cta a{font-size:1.2rem;padding:18px 40px}
.golden-body .keypoints{font-size:1.08rem;padding:1rem 1.2rem}
.golden-body .keypoints p{font-size:1.15rem}
.golden-body .keypoints li{margin:.3rem 0}
.golden-body .tldr{font-size:1.05rem}

/* 2026-09-05 대표 5차: 요약박스 제목 더 크게, 기준시각 스탬프는 작고 얇게 */
.golden-body .quick-title,.golden-body .board-title{font-size:1.4rem;font-weight:900;line-height:1.3;margin:0 0 .4rem}
.golden-body .quick-title .stamp,.golden-body .board-title .stamp,.golden-body .stamp{font-size:.78rem;font-weight:400;color:#7a7a7a;letter-spacing:0;margin-left:.5rem;white-space:nowrap}
@media(max-width:560px){.golden-body .quick-title .stamp,.golden-body .board-title .stamp{display:block;margin:.15rem 0 0;white-space:normal}}

/* ── 기능 고도화 2026-09-08: 대형 숫자·차트·계산기 CTA·히스토리 ── */
.price-hero{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.6fr);gap:18px;align-items:center;margin-top:28px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}
.price-hero p{margin:0}.price-hero-label{font-size:.9rem;font-weight:800;color:var(--silver-dark)}.price-hero-value{font-size:clamp(2.2rem,6vw,3.2rem);font-weight:900;letter-spacing:-.04em;line-height:1.1;margin:.15rem 0 .2rem;font-variant-numeric:tabular-nums}
.price-hero-time{font-size:.8rem;color:var(--muted);margin-top:.4rem}
.price-cells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.price-cells div{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--silver-soft)}.price-cells dt{font-size:.78rem;color:var(--muted)}.price-cells dd{margin:.1rem 0 0;font-weight:900;font-size:1.05rem;font-variant-numeric:tabular-nums}.price-cells dd.price-delta,.price-cells dd.price-note{font-size:.78rem;font-weight:700}.price-note{color:var(--muted);font-weight:400!important}
.price-cells .price-cross{background:var(--card)}.price-cells .price-cross dt a{font-weight:800}
.price-delta{font-weight:800;font-size:.95rem}.price-delta.up,.up{color:#b3261e}.price-delta.down,.down{color:#1a5fb4}.price-delta.flat,.flat{color:var(--muted)}
.price-chart,.quick-calc,.history-table{margin-top:34px}.chart-box{margin-top:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:10px 8px 4px;box-shadow:var(--shadow)}.chart-box svg{display:block;height:auto}
.chart-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 0;padding:0}.chart-stats div{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--silver-soft)}.chart-stats dt{font-size:.78rem;color:var(--muted)}.chart-stats dd{margin:.15rem 0 0;font-weight:900;font-size:1.05rem}.chart-stats dd small{display:block;font-weight:400;font-size:.76rem;color:var(--muted)}
.chart-empty{border:1px dashed var(--line);border-radius:14px;padding:22px;text-align:center;color:var(--muted);margin-top:14px}.chart-foot{font-size:.85rem;color:var(--muted);margin:.8rem 0 0}
.quick-calc-form{display:grid;grid-template-columns:1.2fr 1fr .8fr 2fr;gap:10px;align-items:end;margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}.quick-calc-form label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:800}.quick-calc-form input,.quick-calc-form select{min-height:46px;border:1px solid var(--line);border-radius:10px;padding:.55rem;background:var(--card);width:100%}
.quick-calc-form output{min-height:46px;display:flex;align-items:center;padding:.5rem .9rem;border-left:6px solid var(--mint);background:#e9f4f1;border-radius:0 12px 12px 0;font-weight:900;font-size:1.02rem}.quick-calc-foot{font-size:.88rem;color:var(--muted);margin:.7rem 0 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.quick-calc-foot .button{min-height:40px;padding:.45rem .85rem}
.history-table .tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--card)}.history-table table{border-collapse:collapse;width:100%;font-size:.92rem;white-space:nowrap}.history-table th,.history-table td{padding:.55rem .7rem;border-bottom:1px solid #eee;text-align:right}.history-table th:first-child,.history-table td:first-child{text-align:left}.history-table thead th{background:var(--silver-soft);text-align:right;position:sticky;top:0}.history-table tbody tr:first-child td,.history-table tbody tr:first-child th{font-weight:900;background:#f2f7fa}
@media(max-width:760px){.chart-stats,.quick-calc-form{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-calc-form output{grid-column:1/-1}.price-hero{grid-template-columns:1fr;padding:14px}}
@media(max-width:760px){.history-table .col-wide{display:none}.history-table table{font-size:.88rem}.history-table th,.history-table td{padding:.5rem .45rem}}
