/* audioburo «Высокие технологии»: журнальная читалка в фирменном зелёном + игровые механики */
:root{--ab-green:#2c9831;--ab-green-dark:#08571e;--ab-green-light:#61c93e;--ab-green-bg:#eef8ef}
.rd-progress{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,var(--ab-green),var(--ab-green-light));z-index:9999;transition:width .1s}
.rd-hero{margin:8px 0 18px}.rd-hero img{width:100%;height:auto;border-radius:10px;display:block}
.rd-meta{color:#777;font-size:13px;margin:4px 0 12px}.rd-meta a{color:var(--ab-green)}
.rd-riddle{background:var(--ab-green-bg);border-left:5px solid var(--ab-green);border-radius:8px;padding:14px 18px;margin:18px 0;font-size:17px}
.rd-riddle b{color:var(--ab-green-dark)}
.tech-reader p{font-size:17px;line-height:1.7}
.tech-reader h2{font-size:24px;line-height:1.3;margin:30px 0 12px;font-weight:700}
.tech-reader a{color:var(--ab-green)}.tech-reader a:hover{color:var(--ab-green-dark)}
.rd-teaser{font-size:16px;margin:22px 0;padding:10px 0;border-top:1px solid #e3efe4;border-bottom:1px solid #e3efe4}
.rd-teaser a{color:var(--ab-green);font-weight:700;text-decoration:none}
.rd-img{margin:22px 0}.rd-img img{width:100%;height:auto;border-radius:10px}
.rd-quiz{background:var(--ab-green-bg);border-radius:12px;padding:18px 20px;margin:30px 0}
.rd-quiz h2{margin-top:0}
.rd-q{margin:16px 0}.rd-q p{font-weight:700;margin-bottom:8px}
.rd-opt{display:block;width:100%;text-align:left;margin:6px 0;padding:10px 14px;border:2px solid #cfe6d1;border-radius:8px;background:#fff;font-size:16px;cursor:pointer}
.rd-opt:hover{border-color:var(--ab-green)}
.rd-opt.ok{border-color:var(--ab-green);background:#dff3e1}.rd-opt.bad{border-color:#d33;background:#fdecec}
.rd-explain{display:none;color:#335;margin-top:6px}.rd-q.done .rd-explain{display:block}
.rd-score{font-size:18px;font-weight:700;color:var(--ab-green-dark);margin-top:10px}
.rd-q details summary{cursor:pointer;color:var(--ab-green)}
.rd-finish{text-align:center;background:linear-gradient(135deg,var(--ab-green-dark),var(--ab-green));color:#fff;border-radius:12px;padding:22px 18px;margin:30px 0}
.rd-finish p{color:#fff;font-size:17px;margin:6px 0}
.rd-btn,.rd-next{display:inline-block;background:#fff;color:var(--ab-green-dark) !important;font-weight:700;font-size:18px;padding:13px 26px;border-radius:8px;text-decoration:none;margin-top:12px}
.rd-btn:hover,.rd-next:hover{background:#f2fff3;text-decoration:none}
.rd-streak{color:#fff;font-weight:800;background:rgba(255,255,255,.18);padding:1px 8px;border-radius:10px}
.rd-more-news{margin:26px 0}.rd-more-news h2{margin-bottom:10px}
.rd-more-news a.rd-mini{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #e3efe4;color:#111;text-decoration:none;font-weight:700;font-size:16px;line-height:1.35}
.rd-more-news a.rd-mini img{width:96px;height:60px;object-fit:cover;border-radius:6px;flex:0 0 auto}
.rd-more-news a.rd-mini:hover{color:var(--ab-green)}
.rd-links{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.rd-links a{border:2px solid var(--ab-green);color:var(--ab-green) !important;border-radius:20px;padding:6px 14px;font-size:15px;font-weight:600;text-decoration:none}
.rd-links a:hover{background:var(--ab-green);color:#fff !important}
.rd-order{background:var(--ab-green-bg);border:1px solid #cfe6d1;border-radius:12px;padding:18px 20px;margin:26px 0}
.rd-order h2{margin-top:0}
.rd-order .btn-success,.tech-order-cta .btn-success{background:var(--ab-green);border-color:var(--ab-green-dark)}
/* лента в стиле журнала */
.tech-card.rd-card{border:0;padding:0;margin:0 0 34px}
.rd-card img{width:100%;height:auto;border-radius:10px;display:block;margin:8px 0 10px}
.rd-card h3{font-size:24px;line-height:1.25;margin:4px 0 6px;color:var(--ab-green-dark);font-weight:800}
.rd-card a:hover h3{color:var(--ab-green)}
.rd-card .tech-card-summary{font-size:16px;line-height:1.55;color:#333}
.rd-card .rd-more{display:block;text-align:center;background:var(--ab-green);color:#fff;font-weight:700;border-radius:6px;padding:11px;margin-top:12px}
.rd-card a:hover .rd-more{background:var(--ab-green-dark)}
@media(max-width:600px){.tech-reader h2{font-size:21px}.rd-card h3{font-size:21px}}
.tech-reader .btn-success,.tech-reader .btn-success:hover,.tech-order-cta .btn-success{color:#fff !important;text-decoration:none}.tech-reader .btn-success:hover{background:var(--ab-green-dark)}