:root{--ink:#173c39;--muted:#526865;--green:#256f60;--paper:#fffefa;--bg:#f3f5ef;--line:#d8e1d9;--accent:#e9edb9;font-family:Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.8}*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-underline-offset:5px}button,input,select{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);padding:9px 16px;font-weight:bold;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#eaf2ea}button:disabled{opacity:.5;cursor:wait}button.primary,.button.primary{background:var(--green);color:white;border-color:var(--green)}:focus-visible{outline:3px solid #bd6b24;outline-offset:3px}header{border-bottom:1px solid var(--line);background:var(--paper)}.top{max-width:1200px;margin:auto;padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand{font-size:24px;text-decoration:none;font-weight:800;color:var(--ink)}.brand span{display:inline-grid;place-items:center;background:var(--green);color:white;width:39px;height:39px;border-radius:12px;margin-inline-end:8px}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}nav a[aria-current=page]{font-weight:bold;text-decoration:underline}main{max-width:1200px;margin:auto;padding:38px 24px 64px}.eyebrow{font-size:13px;color:var(--green);font-weight:bold;letter-spacing:.4px}h1{font-size:clamp(28px,4vw,44px);line-height:1.4;margin:10px 0 14px}h2{font-size:24px;line-height:1.5}h3{font-size:19px}.lead{max-width:760px;color:var(--muted);font-size:18px}.hero{padding:20px 0 35px}.badges{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.badge{background:#e4eee6;border-radius:30px;padding:4px 13px;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{display:block;border:1px solid var(--line);border-radius:16px;padding:27px;background:var(--paper);text-decoration:none;color:var(--ink)}.card p{color:var(--muted)}.card .icon{font-size:30px;display:block}.card small{color:var(--green);font-weight:bold}.tool{display:grid;grid-template-columns:350px 1fr;gap:25px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px}.panel h2{margin-top:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:14px;font-weight:bold}input:not([type=checkbox]),select{display:block;width:100%;min-width:0;padding:9px;border:1px solid #a7b9b0;background:white;color:var(--ink);border-radius:7px}input[type=file]{font-size:12px;max-width:100%;padding:12px!important}.full{grid-column:1/-1}.check{display:flex;gap:8px;align-items:center;margin:12px 0}.hint{font-size:13px;color:var(--muted);font-weight:normal}.notice{padding:12px 16px;background:#f0f1d9;border-radius:8px;font-size:14px}.status{min-height:32px;margin:14px 0;color:var(--green);overflow-wrap:anywhere}.status.error{color:#a52d22}.actions{display:flex;gap:8px;flex-wrap:wrap}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;background:#e5ebe5;border-radius:12px;padding:24px;min-height:300px}.sheet{margin:0;text-align:center;min-width:0}.sheet canvas{display:block;background:white;width:100%;box-shadow:0 3px 10px #193b3920}.sheet figcaption{font-size:12px;margin-top:7px}.empty{grid-column:1/-1;align-self:center;text-align:center;color:var(--muted)}.photo-list{display:grid;gap:10px;padding:0;list-style:none;max-height:420px;overflow:auto}.photo{border:1px solid var(--line);border-radius:8px;padding:9px;display:grid;grid-template-columns:48px 1fr;gap:10px;background:white}.photo img{width:48px;height:48px;object-fit:contain}.photo .name{font-size:12px;overflow-wrap:anywhere}.photo .actions{grid-column:1/-1;gap:5px}.photo button{padding:3px 9px;font-size:12px}.photo input{width:68px!important;padding:2px!important}.content{max-width:820px;margin:48px auto 0}.content h2{margin-top:36px}.content p,.content li{color:#3b5652}.content details{border-bottom:1px solid var(--line);padding:13px 0}.content summary{font-weight:bold;cursor:pointer}.ad-space{margin:45px 0 20px;min-height:110px;border:1px dashed #c9d5cc;border-radius:12px;display:grid;place-items:center;color:#64776e;font-size:12px;background:#eef1e9}footer{border-top:1px solid var(--line);background:var(--paper);padding:30px 24px;text-align:center;font-size:14px}footer nav{justify-content:center}footer p{color:var(--muted)}.skip{position:absolute;top:-100px}.skip:focus{top:5px;background:white;z-index:3}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:38px 0}.step b{background:var(--accent);padding:6px 12px;border-radius:10px}.prose{max-width:800px}.prose p{font-size:17px}.ruler{width:100mm;height:12mm;border-bottom:1px solid black;background:repeating-linear-gradient(to right,#111 0,#111 1px,transparent 1px,transparent 10mm);position:relative;margin:20mm 0;direction:ltr}.ruler span{position:absolute;bottom:-9mm;font-size:10pt;color:black}.print-only{display:none}@media(max-width:850px){.tool{grid-template-columns:1fr}.cards,.steps{grid-template-columns:1fr}.top{padding:14px 18px}nav{gap:14px}main{padding:24px 16px 45px}.previews{padding:14px;gap:14px}.hero{padding-top:5px}.panel{padding:18px}.lead{font-size:16px}}@media print{body{background:white}header,footer,.no-print,.ad-space,main>h1,main>.lead{display:none!important}.print-only{display:block}main{padding:0;margin:0}.ruler{break-inside:avoid}@page{size:A4;margin:20mm}}
.ruler:after{content:"";position:absolute;left:100mm;top:0;height:12mm;border-left:1px solid #111}
.ruler-wrap{max-width:100%;overflow-x:auto;padding-bottom:12px}.ruler{margin-left:15px;margin-right:15px}@media print{.ruler-wrap{overflow:visible}.ruler{margin-left:0;margin-right:0}}
.previews{direction:ltr}.sheet{direction:ltr}

.brand span{flex-shrink:0}html[lang="en"]{font-family:Arial,Helvetica,sans-serif}html[lang="en"] .brand{display:flex;align-items:center}html[lang="en"] .fields{align-items:start}html[lang="en"] .check{font-size:13px}html[lang="en"] .tool{grid-template-columns:minmax(310px,350px) minmax(0,1fr)}@media(max-width:850px){html[lang="en"] .tool{grid-template-columns:1fr}.top{gap:12px}nav{column-gap:15px;row-gap:8px}}
