.calc{gap:var(--sp-7);align-items:start;display:grid}@media (min-width:64em){.calc{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr))}.calc-form{grid-column:1/span 7}.calc-result{grid-column:9/-1;position:sticky;inset-block-start:calc(var(--head-h) + var(--sp-5))}}@media (max-height:31.25rem){.calc-result{position:static}}.calc-form{gap:var(--sp-7);min-inline-size:0;display:grid;container-type:inline-size}.calc-step{gap:var(--sp-3);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.calc-legend{align-items:flex-start;gap:var(--sp-3);margin:0 0 var(--sp-4);font-size:var(--fs-h4);padding:0;font-weight:700;line-height:1.5;display:flex}.calc-no{background:var(--accent);block-size:28px;inline-size:28px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;margin-block-start:1px;font-size:1.25rem;line-height:1;display:inline-grid}.calc-q{text-wrap:balance;min-inline-size:0}.calc-hint{color:var(--ink-2);font-size:var(--fs-small);margin:0;line-height:1.7}.calc-needs{gap:var(--sp-3);display:grid}@container (min-width:28rem){.calc-needs{grid-template-columns:repeat(2,minmax(0,1fr))}}.calc-need .opt-note .num{font-weight:600}.calc-adds{border-block-start:1px solid var(--line);margin:0;padding:0;list-style:none;display:grid}.calc-adds>li{max-width:none;border-block-end:1px solid var(--line);min-inline-size:0}@container (min-width:34rem){.calc-adds{column-gap:var(--sp-6);grid-template-columns:repeat(2,minmax(0,1fr))}.calc-adds>.calc-pages-row{grid-column:1/-1}}.calc-add{align-items:center;gap:var(--sp-3);cursor:pointer;min-block-size:52px;padding-block:4px;line-height:1.4;display:flex;position:relative}.calc-add>input{z-index:1;opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.calc-box{border:1.5px solid var(--input);border-radius:var(--r-s);background:var(--field);block-size:22px;inline-size:22px;transition:background-color var(--dur-hover) var(--ease-out), border-color var(--dur-hover) var(--ease-out);flex:none;position:relative}.calc-box:after{content:"";background:var(--bg);opacity:0;-webkit-mask:var(--icon-check) center / contain no-repeat;-webkit-mask:var(--icon-check) center / contain no-repeat;mask:var(--icon-check) center / contain no-repeat;position:absolute;inset:2px}.calc-add>input:checked+.calc-box{background:var(--ink);border-color:var(--ink)}.calc-add>input:checked+.calc-box:after{opacity:1}.calc-add>input:focus-visible+.calc-box{outline:2px solid var(--focus);outline-offset:3px}@media (hover:hover) and (pointer:fine){.calc-add:hover .calc-box{border-color:var(--ink)}}.calc-add-name{min-inline-size:0;font-size:var(--fs-ui);flex:auto}.calc-add-price{text-align:end;white-space:nowrap;font-size:var(--fs-ui);flex:none;align-items:baseline;gap:.4em;margin-inline-start:auto;display:inline-flex}.calc-quote-note,.calc-unit{color:var(--ink-2);font-size:var(--fs-small)}.calc-pages-row{justify-content:space-between;align-items:center;gap:var(--sp-2) var(--sp-4);padding-block:var(--sp-3);flex-wrap:wrap;display:flex}.calc-pages-text{justify-items:start;gap:0;padding-inline-start:calc(22px + var(--sp-3));display:grid}.calc-pages-text .calc-add-name{cursor:pointer}.calc-pages-text .calc-add-price{text-align:start;margin:0}.calc-stepper{align-items:center;gap:var(--sp-2);display:inline-flex}.calc-step-btn{border:1.5px solid var(--input);block-size:44px;inline-size:44px;color:var(--ink);transition:background-color var(--dur-hover) var(--ease-out), border-color var(--dur-hover) var(--ease-out), scale var(--dur-press) var(--ease-out);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:1.25rem;line-height:1;display:inline-grid}.calc-step-btn:active:not([aria-disabled=true]){scale:.94}.calc-step-btn[aria-disabled=true]{border-color:color-mix(in srgb, var(--input) 45%, transparent);cursor:not-allowed}.calc-step-btn[aria-disabled=true]>[aria-hidden=true]{opacity:.45}@media (hover:hover) and (pointer:fine){.calc-step-btn:not([aria-disabled=true]):hover{border-color:var(--ink);background:var(--hover)}}.calc-pages{border:1px solid var(--input);border-radius:var(--r-s);background:var(--field);min-block-size:48px;inline-size:3.5rem;color:var(--ink);text-align:center;appearance:textfield;padding:0 4px;font-size:1.125rem}.calc-pages::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.calc-pages::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calc-pages-unit{color:var(--ink-2);font-size:var(--fs-ui)}.calc-result{align-content:start;gap:var(--sp-4);min-inline-size:0;padding:var(--sp-6) var(--sp-5);border-radius:var(--r-m);border:1px solid #0000;display:grid;container-type:inline-size}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .calc-result{border-color:var(--input)}}:root[data-theme=dark] .calc-result{border-color:var(--input)}.calc-result-title{color:var(--ink-2);font-family:var(--font-sans);font-size:var(--fs-small);letter-spacing:.04em;margin:0;font-weight:700;line-height:1.7}.calc-plan-name{font-family:var(--font-display);font-size:var(--fs-h3);letter-spacing:.02em;font-synthesis:none;margin:0;font-weight:700;line-height:1.3}.calc-plan-note{margin:var(--sp-1) 0 0;color:var(--ink-2);font-size:var(--fs-small);line-height:1.7}.calc-lines{font-size:var(--fs-small);margin:0;line-height:1.7;display:grid}.calc-lines>div{justify-content:space-between;align-items:baseline;gap:var(--sp-4);padding-block:var(--sp-2);border-block-start:1px solid var(--line);display:flex}.calc-lines dt{color:var(--ink-2)}.calc-lines dd{text-align:end;white-space:nowrap;margin:0}.calc-total{gap:var(--sp-1);border-block-start:1px solid var(--line-strong);padding-block-start:var(--sp-4);display:grid}.calc-total-label{color:var(--ink-2);font-size:var(--fs-small);margin:0;line-height:1.7}.calc-total-num{font-size:min(var(--fs-num-l), 17cqi);white-space:nowrap;margin:0;line-height:1.05}.calc-total-note{color:var(--ink-2);font-size:var(--fs-small);margin:0}.calc-quote{gap:var(--sp-2);font-size:var(--fs-small);line-height:1.7;display:grid}.calc-quote-title{color:var(--ink-2);margin:0}.calc-quote ul{gap:var(--sp-1);margin:0;padding:0;list-style:none;display:grid}.calc-quote li{max-width:none;padding-inline-start:1.1em;position:relative}.calc-quote li:before{content:"";background:var(--ink-2);border-radius:50%;block-size:4px;inline-size:4px;position:absolute;inset-block-start:calc(.85em - 2px);inset-inline-start:.1em}.calc-actions{gap:var(--sp-3);display:grid}.calc-actions .btn{white-space:normal;inline-size:100%}.calc-reset{min-block-size:44px;color:var(--ink);font-size:var(--fs-small);text-underline-offset:.3em;background:0 0;border:0;justify-self:start;align-items:center;padding:0;font-weight:700;text-decoration-line:underline;text-decoration-thickness:1px;display:inline-flex}@media (hover:hover) and (pointer:fine){.calc-reset:hover{text-decoration-thickness:2px}}.calc-copied{color:var(--ink-2);font-size:var(--fs-small);margin:0;line-height:1.7}.calc-copied:empty{display:none}