:root{--paper:#f5f0e4;--white:#fffdf7;--ink:#302b27;--muted:#70675e;--red:#a63826;--line:#d4cbbc;--mono:ui-monospace,'SFMono-Regular',Consolas,monospace;color-scheme:light;font-family:'Avenir Next',Avenir,'Trebuchet MS',sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--red)}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.48}button:not(:disabled){cursor:pointer}:focus-visible{outline:3px solid var(--red);outline-offset:4px}header,main,footer{max-width:1320px;margin:auto;padding-inline:52px}header{min-height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-family:Georgia,serif;font-weight:bold;letter-spacing:-2px;display:inline-flex;align-items:center;font-size:39px;text-decoration:none}.brand svg{width:33px;height:36px;margin-right:9px}.brand-dot{color:var(--red)}nav{display:flex;gap:30px;font-size:14px}nav a{text-decoration:none}nav a[aria-current=page]{color:var(--red);text-decoration:underline}h1,h2,p{margin-top:0}h1{font-family:Georgia,'Times New Roman',serif;font-weight:normal;font-size:clamp(35px,4.4vw,62px);line-height:1.05;letter-spacing:-1.7px;max-width:900px;margin-block:16px 18px}h2{font-family:Georgia,serif;font-weight:normal;font-size:30px;line-height:1.2}.eyebrow,.section-label,.row-number,.file-label,.draft-stamp,.raw-label{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.eyebrow{color:var(--red)}.page-head{padding-block:45px 28px}.lead{font-size:16px;line-height:1.65;max-width:720px;margin-bottom:0}.workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);border:1px solid var(--line);background:var(--white);margin-bottom:46px}.editor{padding:27px 30px}.section-label{display:flex;justify-content:space-between;gap:12px;color:var(--muted);padding-bottom:21px}.editor label{display:block;margin-bottom:8px;font-weight:600;font-size:14px}input,textarea{display:block;width:100%;background:#fff;border:1px solid #bdb2a4;border-radius:0;padding:12px 13px;font-size:16px;color:var(--ink);margin-bottom:22px}textarea{resize:vertical;min-height:145px;line-height:1.5}input[aria-invalid=true]{border-color:var(--red)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-pair input{margin-bottom:5px}.field-help{display:block;color:var(--muted);font-size:11px;line-height:1.5}.error{display:block;color:var(--red);min-height:24px;font-size:12px;padding-top:4px}.note{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:12px}.storage{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.secondary,.plain{font-size:12px;padding:11px 12px}.secondary{background:transparent;border:1px solid #b9ae9f;color:var(--ink)}.plain{background:none;border:0;text-decoration:underline;padding-inline:0;color:var(--muted)}.status{font-size:12px;line-height:1.5;min-height:18px;margin-block:10px}.preview{padding:27px 30px;background:#e8e0d1;border-left:1px solid var(--line)}.live-dot:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:7px}.preview-sheet{position:relative;background:var(--white);padding:31px 26px 24px;min-height:315px;box-shadow:0 3px 0 #d4cabb;margin-bottom:24px;overflow-wrap:anywhere}.draft-stamp{display:inline-block;color:var(--red);border:1px solid #c99585;padding:4px 6px;margin-bottom:21px}.preview h2{margin-bottom:9px;white-space:pre-wrap}.preview-city{font-size:12px;color:var(--muted);white-space:pre-wrap;margin-bottom:20px}.price-display{font-family:var(--mono);font-size:clamp(19px,2vw,29px);letter-spacing:-1px;color:var(--red);line-height:1.3;margin-bottom:24px;overflow-wrap:anywhere}.preview-description{font-size:13px;line-height:1.65;white-space:pre-wrap;min-height:55px}.receipt-line{border-top:1px dashed var(--line);margin-block:25px 14px}.file-label{font-size:10px;color:var(--muted)}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid var(--red);background:var(--red);color:#fff9ee;padding:16px 19px;text-decoration:none;font-size:14px}.preview .primary{width:100%}.primary:hover:not(:disabled){background:#872c1e;color:#fff}.text-row{display:grid;grid-template-columns:45px 1fr 1.4fr;gap:26px;border-top:1px solid var(--line);padding:30px 0}.text-row p{font-size:14px;line-height:1.7;margin:0}.row-number{color:var(--red);padding-top:8px}.text-row h2{font-size:26px;margin:0}.source-strip{display:flex;justify-content:space-between;gap:25px;padding-block:28px;border-top:1px solid var(--line);font-size:12px;line-height:1.65}.source-strip p{max-width:720px;margin:0}footer{display:grid;grid-template-columns:130px 1fr auto;gap:25px;padding-block:33px;border-top:1px solid var(--line);font-size:11px;line-height:1.65}footer p{max-width:660px;margin:0}.small{font-size:28px;letter-spacing:-1px;align-self:start}.source-body{max-width:820px;padding-bottom:55px}.source-body section{padding-block:22px;border-bottom:1px solid var(--line)}.source-body p,.source-body li{font-size:15px;line-height:1.8}.source-body h2{margin-block:12px}.source-body .primary{margin-top:25px}.price-workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--white);margin-bottom:40px}.price-workspace>div{padding:30px}.price-workspace label{display:block;font-weight:600;margin-bottom:12px}.format-result{background:#e8e0d1;border-left:1px solid var(--line)}.format-result output{display:block;overflow-wrap:anywhere;white-space:pre-wrap;font-family:var(--mono);line-height:1.6}#format-output{font-size:30px;color:var(--red);margin:20px 0 32px}#format-raw{font-size:15px;margin-top:10px}.raw-label{color:var(--muted)}.format-examples{max-width:820px;padding-bottom:45px}.format-examples p{font-size:14px;line-height:1.6}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.chips button{font-family:var(--mono);font-size:12px;background:var(--white);border:1px solid var(--line);padding:10px}table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12px;table-layout:fixed}caption{text-align:left;font-family:'Avenir Next',sans-serif;margin-bottom:15px;color:var(--muted)}th,td{text-align:left;padding:14px 10px;border-block:1px solid var(--line);overflow-wrap:anywhere}td:last-child{color:var(--red)}.skip{position:absolute;left:10px;top:-100px;background:var(--white);padding:12px;z-index:2}.skip:focus{top:10px}@media(min-width:1200px){.page-head{padding-top:38px}h1{font-size:52px}.workspace{margin-top:0}}@media(max-width:740px){header,main,footer{padding-inline:22px}header{min-height:92px;gap:18px;align-items:center}.brand{font-size:31px;letter-spacing:-1px}.brand svg{width:25px;margin-right:5px}nav{gap:10px;flex-wrap:wrap;justify-content:flex-end;font-size:11px;max-width:190px}h1{font-size:39px;letter-spacing:-1.2px}.page-head{padding-block:30px 24px}.lead{font-size:14px;line-height:1.65}.workspace,.price-workspace{grid-template-columns:1fr}.editor,.preview{padding:22px 18px}.preview{border-left:0;border-top:1px solid var(--line)}.field-pair{gap:12px}.field-help{font-size:10px}.section-label{font-size:10px}.editor label{font-size:12px}.storage{gap:5px}.preview-sheet{padding:25px 20px;min-height:260px}.price-display{font-size:25px}.text-row{grid-template-columns:25px 1fr;gap:16px;padding-block:24px}.text-row p{grid-column:2}.text-row h2{font-size:25px}.source-strip{display:block}.source-strip a{display:inline-block;margin-top:10px}footer{grid-template-columns:1fr;gap:14px}.price-workspace>div{padding:23px 20px}.format-result{border-left:0;border-top:1px solid var(--line)}#format-output{font-size:26px}.source-body p,.source-body li{font-size:14px}.source-body ul{padding-left:20px}th,td{padding-inline:8px}}
