.calculator { padding: clamp(18px, 4vw, 36px); margin-block: 28px; }
.calculator-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.calculator-fields label { display: grid; gap: 6px; font-weight: 600; }
.calculator-fields input, .calculator-fields select { width: 100%; min-width: 0; box-sizing: border-box; padding: 12px; border: 1px solid var(--line-strong); border-radius: 8px; background: var(--surface); color: var(--ink); font: inherit; }
#calculator-message { margin-top: 20px; }
@media (max-width: 420px) { .calculator-fields { grid-template-columns: 1fr; } }
.site-header{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line);min-height:88px}.site-header nav{display:flex;align-items:center;gap:22px;font-size:14px}.site-header nav a{min-height:44px;display:inline-flex;align-items:center}.example-guide{max-width:1120px;padding-top:36px}.paper-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;padding:20px 0 54px;border-bottom:1px solid var(--line)}.paper-hero h1{font-family:var(--sans);font-weight:700;font-size:64px;line-height:1.04;letter-spacing:-.03em;margin:12px 0 20px;max-width:10ch}.paper-hero .example-intro{max-width:32ch}.paper-proof{font-size:14px;color:var(--green);margin-top:22px}.paper-hero figure{margin:0;padding:28px;background:var(--green-soft);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.paper-hero figure img{display:block;width:100%;height:290px;object-fit:contain;background:var(--paper);filter:drop-shadow(0 6px 8px #24392120)}.paper-hero figcaption{font-size:13px;margin-top:18px}.example-guide section{padding-block:12px;scroll-margin-top:110px}.example-guide section:not(.calculator){border-bottom:1px solid var(--line);padding-bottom:34px}.paper-maker{display:flex;gap:28px;align-items:center}.paper-maker>img{border-radius:50%;object-fit:cover;flex:none}.example-guide .calculator{background:var(--green-soft)}.calculator button{min-height:48px}.calculator input,.calculator select{min-height:48px}.site-footer{font-size:12px;gap:20px;flex-wrap:wrap}.site-footer a{display:inline-block;padding-block:8px}.button{transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}#calculator-title{scroll-margin-top:130px}
@media(max-width:650px){.site-header{gap:8px;padding-block:10px}.site-header .product-name{display:none}.site-header nav{gap:12px;font-size:12px;width:100%;justify-content:space-between}.site-header nav .button{padding:10px 14px}.example-guide{padding-top:12px}.paper-hero{grid-template-columns:1fr;gap:16px;padding-top:10px;padding-bottom:28px}.paper-hero h1{font-size:40px;max-width:13ch;margin:8px 0 12px}.paper-hero .example-intro{font-size:17px;margin:10px 0 16px}.paper-proof{margin:12px 0 0}.paper-hero figure{padding:12px;display:flex;gap:14px;align-items:center}.paper-hero figure img{height:110px;width:95px;flex:none}.paper-hero figcaption{margin:0}.paper-maker{align-items:flex-start;gap:16px}.paper-maker>img{width:70px;height:70px}.paper-maker h2{font-size:26px}.example-guide section{scroll-margin-top:160px}#calculator-title{scroll-margin-top:165px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}