/* Корисні сторінки (бланк журналу ключів тощо): текст для читання, завантаження, таблиці. */
.guide{max-width:820px;padding-top:28px;padding-bottom:72px}
.guide .crumbs{font-size:14px;color:var(--muted);margin:0 0 20px}
.guide .crumbs a{color:var(--muted)}
.guide h1{font-size:clamp(30px,4.4vw,46px)}
.guide h2{font-size:clamp(22px,2.6vw,28px);margin-top:44px}
.guide .lead{font-size:19px;color:var(--muted)}
.guide .upd{font-size:14px;color:var(--muted)}
.guide ul,.guide ol{padding-left:22px;max-width:68ch}
.guide li{margin:0 0 8px}
.dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0 8px}
.dl a{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:18px;text-decoration:none;color:var(--ink)}
.dl a:hover{border-color:var(--green)}
.dl .ext{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:var(--r);font:600 13px var(--display);
  background:var(--green-soft);color:var(--green-deep)}
.dl b{display:block;color:var(--green)} .dl small{display:block;color:var(--muted);font-size:14px;line-height:1.45;margin-top:2px}
.guide figure{margin:24px 0}
.guide figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.guide figcaption{font-size:14px;color:var(--muted);margin-top:8px}
.cols{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px;background:var(--card)}
.cols th,.cols td{text-align:left;vertical-align:top;padding:10px 12px;border:1px solid var(--line)}
.cols th{background:var(--green-soft);font-weight:600}
.cols td:first-child{width:36%;font-weight:500}
.rule{background:var(--brass-soft);border-radius:var(--r-lg);padding:20px 22px;margin:20px 0}
.rule p:last-child,.rule ul:last-child{margin-bottom:0}
.note{font-size:14px;color:var(--muted)}
.cta-box{background:var(--green);color:#fff;border-radius:var(--r-lg);padding:28px;margin:28px 0}
.cta-box h2{margin-top:0;color:#fff}
.cta-box p{color:#DCEBE4}
.cta-box .btn{background:var(--brass);border-color:var(--brass);color:var(--green-deep)}
.cta-box .btn:hover{background:#cfa84a;border-color:#cfa84a;color:var(--green-deep)}
.cta-box .btn.ghost{background:transparent;border-color:#DCEBE4;color:#fff}
.cta-box .btn.ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.cta-box .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
@media(max-width:640px){.dl{grid-template-columns:1fr}.cols{font-size:14px}.cols td:first-child{width:42%}
  .cols th,.cols td{padding:8px}}