:root{--bg:#f5f7f4;--paper:#fff;--ink:#1a1e1b;--muted:#57615b;--line:#d6e0d8;--brand:#0f766e}
*{box-sizing:border-box}body{margin:0;font-family:Manrope,Arial,sans-serif;background:var(--bg);color:var(--ink)}
.container{width:min(1040px,92vw);margin:0 auto}.top{padding:24px 0}.top a{text-decoration:none;color:#1f3b34;font-weight:700}
.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 14px 28px rgba(0,0,0,.08)}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px}.hero img{width:100%;height:360px;object-fit:cover;border-radius:12px;background:#e8eeea}
.tag{display:inline-block;background:#e7f4f2;color:#0f655d;border-radius:999px;padding:4px 8px;font-size:.76rem;font-weight:800}
h1{margin:8px 0 10px;line-height:1.2}.lead{color:var(--muted)}
.spec{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.spec div{border:1px solid var(--line);border-radius:10px;padding:8px;background:#fbfefc;font-size:.92rem}
.section{padding:0 16px 20px}.section h2{margin:0 0 8px}.section p{color:var(--muted)}ul{margin:0;padding-left:20px}li{margin:6px 0}
.docs a{display:inline-block;margin-right:8px;margin-top:6px;border:1px solid #c8d8cd;border-radius:999px;padding:6px 10px;text-decoration:none;color:#214036;font-size:.86rem}
.footer{padding:22px 0 34px;color:#5f6a63;font-size:.88rem}
@media(max-width:860px){.hero{grid-template-columns:1fr}.hero img{height:240px}.spec{grid-template-columns:1fr}}