
:root{color-scheme:light;font-family:Arial,sans-serif;color:#302415;background:#283e2c}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(#193d33c9,#20362de8),url('/images/fon.webp') center/cover fixed;min-height:100vh;line-height:1.65}
a{color:#24553c;text-underline-offset:4px}a:focus-visible{outline:3px solid #a45120;outline-offset:4px}
.help-header{max-width:1100px;margin:auto;padding:24px;display:flex;align-items:center;gap:24px;justify-content:space-between;flex-wrap:wrap}
.help-header img{width:160px;max-height:100px;object-fit:contain}.help-header nav{display:flex;gap:22px;flex-wrap:wrap}.help-header a{color:#fff5db;font-weight:bold}
.help-main{max-width:1052px;margin:0 auto 32px;background:#fff9eb;border-radius:18px;padding:clamp(22px,5vw,56px);box-shadow:0 16px 50px #0003}
h1,h2,h3{font-family:Georgia,serif;line-height:1.2}h1{font-size:clamp(34px,6vw,52px);margin:8px 0 20px}h2{margin-top:36px;font-size:28px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:bold;color:#62663b}.lead{max-width:740px;font-size:20px}
.notice{padding:18px 22px;background:#eee9d4;border-left:4px solid #b17929;border-radius:6px}.button{display:inline-block;background:#2a583d;color:#fff;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:bold;margin:8px 8px 8px 0}
.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0}.demo-card{border:1px solid #d6c9a5;border-radius:12px;padding:18px;background:#fffdf5}.demo-card h2{margin:12px 0;font-size:25px}.portrait{width:100%;height:165px;object-fit:contain}.qr{display:block;width:min(100%,220px);height:auto;margin:16px auto;background:white}.demo-card a{overflow-wrap:anywhere}.steps{padding-left:24px}.steps li{margin:10px 0}.help-footer{color:#fff5db;text-align:center;padding:0 20px 30px}.help-footer a{color:inherit}.contact{font-size:clamp(17px,3vw,23px);overflow-wrap:anywhere}
@media(max-width:720px){.demo-grid{grid-template-columns:1fr}.help-main{margin:0 12px 24px}.help-header{padding:20px}.help-header nav{gap:16px}.demo-card{max-width:420px;width:100%;margin:auto}}
@media print{body{background:white}.help-header,.help-footer,.button{display:none}.help-main{box-shadow:none;margin:0;padding:10px}.demo-grid{grid-template-columns:repeat(3,1fr)}.demo-card{break-inside:avoid}.portrait{height:100px}}
