.cost-tool { padding: 64px 0; background: #f6f9fc; }
.cost-tool h1 { font-size: clamp(34px,5vw,58px); max-width: 850px; line-height:1.12; margin: 16px 0 24px; }
.cost-tool .cost-lead { max-width: 760px; color: var(--muted); font-size: 18px; }
.cost-layout { display:grid; grid-template-columns:1.1fr 1fr; gap:32px; margin-top:40px; align-items:start; }
.cost-form,.cost-result { padding:32px; border:1px solid var(--line); border-radius:10px; background:white; }
.cost-inputs { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.cost-form label { display:flex; flex-direction:column; gap:8px; font-size:14px; font-weight:600; }
.cost-form input,.cost-form select { width:100%; box-sizing:border-box; padding:12px; border:1px solid #b9c8d7; border-radius:6px; background:white; color:var(--ink); font:inherit; }
.cost-form input:focus-visible,.cost-form select:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
.cost-form .aiaas-button { margin-top:24px; cursor:pointer; }
.cost-error { color:#b42318; min-height:24px; font-size:14px; }
.cost-result h2 { font-size:22px; margin:0 0 12px; }
.cost-total { color:var(--blue); font-size:42px; font-weight:700; margin:0 0 24px; }
.cost-unit { display:flex; justify-content:space-between; gap:12px; font-size:18px; margin-bottom:24px; }
.cost-result dl { margin:0 0 24px; }
.cost-result dl div { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--line); font-size:14px; }
.cost-result dd { margin:0; font-variant-numeric:tabular-nums; }
.cost-note { font-size:13px; line-height:1.7; color:var(--muted); }
.cost-article { max-width:900px; padding:64px 24px; margin:auto; line-height:1.85; }
.cost-article h2 { font-size:28px; margin:36px 0 16px; }
.cost-article a,.cost-note a { color:var(--blue); text-decoration:underline; }
.cost-article table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.cost-article th,.cost-article td { padding:12px; text-align:left; border-bottom:1px solid var(--line); }
.cost-article caption { text-align:left; font-size:14px; color:var(--muted); margin-bottom:12px; }
.cost-article h2[id] { scroll-margin-top:100px; }
.seo-tool-link { margin-top:24px; }
.seo-tool-link a { color:var(--blue); text-decoration:underline; }
.localized-example { margin:40px 0; padding:28px; border:1px solid var(--line); border-radius:10px; background:#f6f9fc; line-height:1.85; }
.localized-example a { color:var(--blue); text-decoration:underline; }
@media(max-width:760px) { .cost-layout { grid-template-columns:1fr; } .cost-form,.cost-result { padding:22px; } .cost-inputs { grid-template-columns:1fr; } .cost-tool { padding:36px 0; } }

body:has(#calculator:target) .aiaas-nav, body:has(#calculator:target) .cost-article, body:has(#calculator:target) .aiaas-footer, body:has(#calculator:target) .aiaas-skip { display:none; }
body:has(#calculator:target) .cost-tool { padding:24px 0; }
body:has(#calculator:target) .cost-tool h1, body:has(#calculator:target) .cost-tool .cost-lead, body:has(#calculator:target) .cost-tool .aiaas-intro { display:none; }
body:has(#calculator:target) .cost-layout { margin-top:0; }