/* shared look of the information pages (guides, about, contact, terms, privacy) */
body.site{max-width:none}
.sh{max-width:760px;margin:0 auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sh .brand{color:var(--text);text-decoration:none}
.sh nav{display:flex;gap:16px;font-size:14px}
.sh nav a,.crumb a{color:var(--text2);text-decoration:none} .sh nav a:hover,.crumb a:hover{color:var(--green)}
.doc{max-width:760px;margin:0 auto;padding:8px 18px 30px;line-height:1.7;font-size:16.5px;color:#dfe5e1}
.doc h1{font-size:clamp(26px,5vw,36px);line-height:1.2;margin:14px 0 8px;color:#fff}
.doc h2{font-size:22px;margin:32px 0 8px;color:#fff}
.doc h3{font-size:17px;margin:20px 0 4px;color:var(--green)}
.doc p{margin:0 0 14px}
.doc a{color:var(--green)}
.doc ul,.doc ol{padding-left:22px;margin:0 0 14px} .doc li{margin-bottom:7px}
.doc .lead{font-size:18.5px;color:#fff;line-height:1.6}
.doc .meta{color:var(--text2);font-size:13px;margin-bottom:18px}
.crumb{font-size:13px;margin-top:6px}
.doc ol.tips{list-style:none;padding:0;counter-reset:t}
.doc ol.tips li{counter-increment:t;background:var(--surface);border:1px solid var(--dark);border-radius:16px;padding:6px 16px 4px 52px;position:relative}
.doc ol.tips li::before{content:counter(t);position:absolute;left:14px;top:14px;width:26px;height:26px;border-radius:50%;background:var(--green);color:var(--bg);font-weight:800;display:grid;place-items:center;font-size:14px}
.cards{display:grid;gap:12px;margin:18px 0}
.card{display:flex;flex-direction:column;gap:5px;text-decoration:none;background:linear-gradient(160deg,var(--surface2),var(--surface));border:1px solid var(--dark);border-radius:16px;padding:16px;color:#fff;transition:border-color .2s}
.card:hover{border-color:var(--green)} .card span{color:var(--text2);font-size:14px;line-height:1.5}
.cta{margin:26px 0 0;padding:18px;border-radius:18px;border:1px solid #0a5a37;background:linear-gradient(150deg,#06301f,#0a1a12 70%)}
.cta p{margin:6px 0 14px;color:var(--text2)} .cta .btn{text-decoration:none;color:var(--bg)}
.cta.app{margin-top:12px}
.sf{max-width:760px;margin:0 auto;padding:20px 18px 40px;text-align:center;color:var(--text2);font-size:13px;line-height:1.8}
.sf a{color:var(--green)}
.consent{position:fixed;left:12px;right:12px;bottom:12px;max-width:560px;margin:0 auto;z-index:50;background:var(--surface2);border:1px solid var(--green);border-radius:16px;padding:14px 16px;font-size:13.5px;line-height:1.5;box-shadow:0 10px 40px rgba(0,0,0,.6)}
.consent div{display:flex;gap:10px;margin-top:10px}
.consent button{font:inherit;cursor:pointer;border-radius:999px;height:38px;padding:0 18px;font-weight:600;border:1.5px solid var(--green);background:transparent;color:#fff}
.consent button.ok{background:var(--green);color:var(--bg)}
.consent a{color:var(--green)}
/* home: learn section */
.learn{display:grid;gap:10px}