
:root{--ink:#1d2a33;--muted:#5b6770;--line:#e3e6e8;--bg:#fbfaf7;--acc:#d9442b}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:17px}
.wrap{width:min(960px,100% - 32px);margin:0 auto}
.ad{background:var(--ink);color:#fff;font-size:.8rem;text-align:center;padding:7px 12px}
header{padding:18px 0;border-bottom:1px solid var(--line)}header b{font-size:1.3rem}header span{color:var(--muted);font-size:.85rem;margin-left:8px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding:44px 0}
h1{font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin:0 0 16px}h2{font-size:1.7rem;margin:0 0 14px}h3{margin:0 0 6px}
.lead{color:var(--muted);font-size:1.1rem}
.img{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;text-align:center}.img img{display:block;margin:0 auto;width:auto;height:380px;max-width:100%;object-fit:contain}
.price{font-size:2rem;font-weight:800}.price small{font-size:.8rem;font-weight:400;color:var(--muted);display:block}
.btn{display:inline-block;background:var(--acc);color:#fff;text-decoration:none;font-weight:700;padding:15px 26px;border-radius:999px;margin:14px 0 8px}
.btn:hover{filter:brightness(.92)}
.note{font-size:.82rem;color:var(--muted)}
.warn{border:2px solid var(--ink);border-radius:10px;padding:12px 14px;font-weight:700;background:#fff;margin:16px 0;font-size:.95rem}
section{padding:40px 0;border-top:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid.g2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}
.card p{margin:0;color:var(--muted);font-size:.95rem}
ol li,ul li{margin-bottom:8px}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);font-size:.95rem}td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}td:first-child{color:var(--muted);width:38%}
.no li::marker{content:"✕  ";color:var(--acc)}
details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin-bottom:10px}summary{font-weight:700;cursor:pointer}
.disc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;font-size:.88rem;color:var(--muted)}
.disc li{margin-bottom:10px}.disc b{color:var(--ink)}
footer{background:var(--ink);color:#c9d1d6;font-size:.82rem;padding:28px 0;margin-top:30px}footer b{color:#fff}
@media(max-width:760px){.hero,.grid,.grid.g2{grid-template-columns:1fr}}

nav.top{display:flex;gap:18px;flex-wrap:wrap;font-size:.9rem}
nav.top a{color:var(--ink);text-decoration:none;font-weight:600}
nav.top a[aria-current=page]{color:var(--acc)}
header .wrap{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.page{padding:40px 0 10px;max-width:760px}
.page h1{font-size:clamp(1.9rem,4.4vw,2.6rem)}
.page h2{margin-top:30px;font-size:1.35rem}
.page p,.page li{color:#36434b}
.crumbs{font-size:.82rem;color:var(--muted);padding-top:18px}.crumbs a{color:var(--muted)}
footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}footer nav a{color:#fff;text-decoration:none}
