*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#08090b;color:#ebe7dd;font:17px/1.7 system-ui,sans-serif;margin:0}main{max-width:1200px;margin:auto;padding:42px 24px 80px}h1,h2,h3{line-height:1.22}h1{font-size:clamp(32px,5vw,58px);max-width:950px}h2{margin-top:54px;font-size:30px}a{color:#e6c982;text-underline-offset:4px}p{max-width:80ch}small,.muted{color:#c4c0b5}.kicker{color:#c8a456;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card,nav.toc,.callout{background:#101319;border:1px solid #353128;border-radius:16px;padding:24px;margin:20px 0}.card strong{display:block;color:#e6c982;font-size:32px}.button,button{display:inline-block;padding:11px 18px;border:1px solid #c8a456;border-radius:9px;background:#101319;color:#e6c982;text-decoration:none;font:inherit;cursor:pointer;margin:4px}button[aria-pressed=true]{background:#c8a456;color:#08090b}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;vertical-align:top;padding:14px 12px;border-bottom:1px solid #353128}th{color:#e6c982}td small{display:block;margin-top:8px}.scroll{overflow:auto}section{scroll-margin-top:24px}.pill{font-size:12px;border:1px solid #5b4b2b;color:#e6c982;border-radius:30px;padding:3px 8px;white-space:nowrap}figure{margin:28px 0}figure img{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;border-radius:16px}figcaption{color:#c4c0b5;font-size:13px;margin-top:10px}.article{max-width:870px}article p,article li{max-width:75ch}article .formula{font-size:21px;color:#e6c982;background:#101319;border-left:3px solid #c8a456;padding:20px}article h2{font-size:28px}article h3{font-size:21px;margin-top:30px}input{font:inherit;padding:10px;border:1px solid #625438;border-radius:9px;color:#ebe7dd;background:#101319;width:min(500px,100%)}:focus-visible{outline:3px solid #e6c982;outline-offset:4px}@media(max-width:600px){main{padding:25px 17px}td,th{padding:10px 7px}h2{font-size:25px}nav a{display:inline-block;margin:6px}}
header,footer{max-width:870px;margin:auto;padding:20px 24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}nav.toc a{overflow-wrap:anywhere}article table{display:block;max-width:100%;overflow:auto}h1{overflow-wrap:break-word}img{max-width:100%}