*{box-sizing:border-box}body{margin:0;background:#f3f2eb;color:#243c3b;font:16px/1.65 system-ui,sans-serif}header{padding:18px 5vw;border-bottom:1px solid #cbd5cd;background:#e4ebe3}header a{margin-right:24px}main{max-width:1180px;margin:auto;padding:36px 24px}h1{font-size:clamp(30px,5vw,52px);line-height:1.2}h2{margin-top:40px}a{color:#17665f}button,.button{display:inline-block;background:#17665f;color:white;border:0;border-radius:8px;padding:10px 16px;cursor:pointer;text-decoration:none;font:inherit}input{width:100%;padding:13px;border:1px solid #9caea4;border-radius:8px;font:inherit}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.card,details,.note{border:1px solid #ccd7ce;background:#fffdf7;border-radius:12px;padding:20px;margin:12px 0}.muted{color:#61716b;font-size:14px}img,video{max-width:100%;height:auto;border-radius:8px}video{width:100%;background:#222}table{border-collapse:collapse;width:100%;background:#fffdf7}th,td{padding:12px;text-align:left;border-bottom:1px solid #cbd5cd;vertical-align:top}code{background:#e0e8e0;padding:2px 5px}summary{cursor:pointer;font-weight:600}li{margin:8px 0}.sample{margin:24px 0;padding:16px;background:white;border-radius:12px}.sample img{display:block;width:100%;margin:12px 0}.count{font-size:28px;font-weight:650}.tag{font-size:13px;color:#6b563a}nav{display:flex;flex-wrap:wrap;gap:12px}pre{white-space:pre-wrap}