.p7m-page{max-width:1000px;padding-block:clamp(36px,6vw,76px)}.p7m-intro{max-width:680px;margin-bottom:32px}.p7m-intro h1{font:750 clamp(44px,6vw,76px)/1.05 var(--display);letter-spacing:-.065em;margin:10px 0 12px}.p7m-intro h1 em{font:normal .88em var(--mono);letter-spacing:-.09em;color:var(--green)}.p7m-intro p,.p7m-help p,.p7m-controls p,.p7m-detail p{color:var(--ink-soft)}.p7m-intro p{margin:0;font-size:19px}.p7m-reader{border:1px solid var(--line);background:#fff;border-radius:20px;padding:clamp(14px,2vw,25px)}.p7m-drop{background:var(--paper);border:1.5px dashed #87aa9a;border-radius:12px;justify-content:center;align-items:center;gap:clamp(28px,6vw,86px);padding:42px 24px;display:flex}.p7m-drop.active{background:var(--mint);border-color:var(--green)}.p7m-controls h2,.p7m-bar h2{font:720 clamp(24px,3vw,34px)/1.18 var(--display);letter-spacing:-.045em;margin:0}.p7m-controls p{margin:8px 0 18px}.p7m-controls>div,.p7m-bar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.p7m-controls .quiet-button{text-underline-offset:4px;padding:8px 0;text-decoration:underline}.p7m-illustration{flex:none;width:150px;height:142px;position:relative}.p7m-paper{border:1px solid var(--line);background:#fff;width:95px;height:103px;padding:14px;position:absolute;top:2px;left:36px;transform:rotate(7deg)}.p7m-paper b{color:var(--ink-soft);font:9px var(--mono);letter-spacing:.08em;margin-bottom:9px;display:block}.p7m-paper i{background:var(--line);width:80%;height:2px;margin:5px 0;display:block}.p7m-envelope{background:var(--green);clip-path:polygon(0 0,49% 27%,100% 0,100% 100%,0 100%);border-radius:4px 4px 9px 9px;place-items:end start;padding:10px 17px;display:grid;position:absolute;inset:56px 0 0}.p7m-envelope b{color:#fff;font:bold 19px var(--mono)}.p7m-help{grid-template-columns:1fr 1fr;gap:clamp(20px,6vw,72px);margin-top:36px;display:grid}.p7m-help h2{font:700 21px var(--display);margin:0 0 8px}.p7m-help p{margin:0}.p7m-message{margin:12px 0 0;display:block}.p7m-result{overflow-wrap:anywhere}.p7m-bar{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:18px}.p7m-bar h2{margin-top:4px;font-size:24px}.p7m-pdf{width:100%;height:min(72vh,800px);margin:16px 0;display:block}.p7m-invoice{background:var(--paper);border-left:3px solid var(--green);margin-block:18px;padding:clamp(12px,3vw,30px)}.p7m-invoice h3{font:700 24px var(--display);margin:0}.p7m-result dl{flex-wrap:wrap;gap:12px 32px;margin:14px 0 0;display:flex}.p7m-result dl>div{flex:140px;min-width:0}.p7m-result dt{color:var(--ink-soft);font-size:13px}.p7m-result dd{margin:3px 0;font-weight:600}.p7m-totals{border-top:1px solid var(--line);padding-top:12px}.p7m-detail{border-bottom:1px solid var(--line);padding:14px 0}.p7m-detail summary{cursor:pointer;font-weight:700}.p7m-detail pre{white-space:pre-wrap;max-height:340px;font:13px/1.6 var(--mono);overflow:auto}.p7m-signer{border-left:2px solid var(--line);margin-block:14px;padding-left:15px}.p7m-result+button{margin-top:20px}@media (max-width:650px){.p7m-help{grid-template-columns:1fr}.p7m-drop{text-align:center;flex-direction:column;gap:16px;padding:25px 12px}.p7m-controls>div{flex-direction:column;gap:6px}.p7m-illustration{zoom:.75}}