.unit-page{max-width:1080px;margin:auto;padding:34px 24px 64px;color:#1c2939}.unit-page h1{font-family:Onest,sans-serif;font-size:clamp(30px,4.2vw,48px);line-height:1.12;letter-spacing:-.035em;max-width:780px;margin:12px 0 16px}.unit-page h2{font-family:Onest,sans-serif;font-size:26px;line-height:1.2}.unit-page p{font-size:17px;line-height:1.55}.unit-intro{max-width:760px}.unit-kicker{color:#284cff;font-weight:700}.unit-example{background:white;border:1px solid #9eacbd;color:#2546d5;padding:12px 18px;border-radius:10px;cursor:pointer;font:600 16px Onest,sans-serif;margin:6px 0 22px}.unit-packs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.unit-packs fieldset{min-width:0;border:1px solid #ccd5e1;border-radius:16px;padding:22px;margin:0;background:#fff}.unit-packs legend{font:700 22px Onest,sans-serif;padding:0 8px}.unit-packs label{display:block;font:600 16px Onest,sans-serif;margin:16px 0 7px}.unit-packs input,.unit-packs select{box-sizing:border-box;display:block;width:100%;min-height:52px;border:1.5px solid #8b9bad;background:#fff;border-radius:9px;color:#1c2939;padding:11px 13px;font:400 18px Onest,sans-serif}.unit-packs input::placeholder{color:#64748b}.unit-weight{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:10px}.unit-page :is(input,select,button,a):focus-visible{outline:3px solid #284cff;outline-offset:3px}.unit-submit,.unit-copy{min-height:52px;padding:13px 22px;border:0;border-radius:10px;font:700 17px Onest,sans-serif;cursor:pointer}.unit-submit{background:#ff9a4c;color:#172737;margin:20px 0 0}.unit-copy{background:#284cff;color:#fff}.unit-page .unit-note{font-size:15px;color:#526376}.unit-result{margin:24px 0;border:2px solid #294cff;border-radius:16px;padding:24px}.unit-result[hidden],.unit-result [hidden]{display:none}.unit-result h2{margin-top:0}.unit-results{display:flex;gap:32px;flex-wrap:wrap;margin:22px 0}.unit-results strong{display:block;font:700 clamp(25px,3vw,34px) Onest,sans-serif;color:#274bd9}.unit-results p{margin:6px 0}.unit-error{color:#a1261d;font-size:17px}.unit-explain{border-top:1px solid #d7dee7;margin-top:36px;padding-top:16px;max-width:800px}.unit-explain details{border-bottom:1px solid #d7dee7;padding:16px 0}.unit-explain summary{cursor:pointer;font:600 18px Onest,sans-serif}.unit-page footer{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px}.unit-page footer a{font-size:16px}.unit-page [role=status]{min-height:24px}@media(max-width:680px){.unit-page{padding:24px 16px 40px}.unit-packs{grid-template-columns:1fr;gap:16px}.unit-packs fieldset{padding:16px}.unit-submit,.unit-copy{width:100%}.unit-result{padding:18px}.unit-page h1{font-size:32px}.unit-results{gap:20px}}@media print{.site-header,.unit-intro,#unit-price-form,.unit-explain,.unit-copy,.unit-page footer,#copy-status{display:none}.unit-result{border:1px solid #aaa}}