*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:#090d0b;color:#f4f6f2;font:16px/1.75 system-ui,sans-serif}a{color:#b8ff3d;text-underline-offset:4px}a:hover{color:#d8ffa0}a:focus-visible{outline:2px solid #b8ff3d;outline-offset:5px}header,.site-footer{max-width:1180px;margin:auto;padding:26px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}header{border-bottom:1px solid #2a342c}.brand{font-weight:800;font-size:20px;color:#f4f6f2;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:20px;font-size:14px}main{width:min(820px,calc(100% - 40px));margin:48px auto 80px}h1{font-size:clamp(34px,6vw,54px);line-height:1.12;letter-spacing:-.035em;margin:20px 0 24px}h2{font-size:26px;line-height:1.3;margin:38px 0 16px}h3{font-size:20px;line-height:1.4;margin:26px 0 10px}p,li{color:#bdc8bf}p{margin:16px 0}li{margin:8px 0}.intro{font-size:19px;color:#d8dfd9}.meta,.crumbs{font-size:14px;color:#aab6ac}.label{color:#b8ff3d;font-size:14px;font-weight:700}.article-cta,.example{border:1px solid #303d34;border-radius:16px;padding:28px;background:#111813;margin:30px 0}.article-cta h2{margin-top:0}.btn{display:inline-block;background:#b8ff3d;color:#091008;font-weight:750;border-radius:9px;padding:12px 18px;text-decoration:none}.btn:hover{color:#091008;background:#d8ffa0}.site-footer{border-top:1px solid #303d34;color:#aab6ac;font-size:14px}.related{border-top:1px solid #303d34;margin-top:40px;padding-top:12px}.contents{display:flex;flex-wrap:wrap;gap:10px 20px;padding:20px 0;border-bottom:1px solid #303d34}.contents a{font-size:14px}@media(max-width:550px){header,.site-footer{padding:22px 20px}main{margin-top:30px}.article-cta,.example{padding:22px}h2{font-size:23px}}