.document-page{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 95% 0,#18333466,transparent 55%),var(--black)}
.page-nav{display:flex;align-items:center;justify-content:space-between;padding:27px max(24px,6vw);gap:24px;border-bottom:1px solid #2b4643}
.page-nav nav{display:flex;align-items:center;gap:25px;flex-wrap:wrap;font-size:11px;letter-spacing:1px;color:var(--teal)}
.page-main{width:min(100%,1040px);padding:75px 30px 100px;margin:0 auto;flex:1}
.page-main h1{font:500 clamp(30px,4.2vw,56px)/1.15 var(--sans);letter-spacing:.02em;overflow-wrap:anywhere;margin:0 0 24px;color:#dce9e3}
.page-intro{font:18px/1.8 var(--sans);color:#b4c6bd;max-width:750px;margin:0 0 36px}
.page-footer{border-top:1px solid #2b4643;padding:30px max(24px,6vw);display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:11px;color:var(--teal-dim)}
.page-footer>span{letter-spacing:4px}.page-footer nav{display:flex;gap:20px;flex-wrap:wrap}
.post-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:55px}
.post-card,.empty-state{border:1px solid #3c5e59;background:#10202299;padding:30px}
.post-card h2,.empty-state h2{font:500 28px/1.3 var(--sans);margin:0 0 16px;overflow-wrap:anywhere}
.post-card p:not(.eyebrow),.empty-state p{font:16px/1.8 var(--sans);color:var(--dim);margin-bottom:24px}
.post-card .eyebrow{font-size:10px;line-height:1.7;letter-spacing:1px}
.text-link{display:inline-block;font-size:11px;letter-spacing:1px;color:var(--teal);padding:8px 0;text-decoration:underline;text-underline-offset:5px}
.empty-state{grid-column:1/-1}.pagination{display:flex;justify-content:space-between;gap:25px;margin-top:30px;font-size:13px;color:var(--teal)}
.blog-article{margin-top:40px;max-width:800px}.blog-article .eyebrow{font-size:11px;letter-spacing:1px}
.rich-content,.legal-copy{font:17px/1.85 var(--sans);overflow-wrap:anywhere;color:#c6d5cd}
.rich-content p,.legal-copy p{margin:0 0 22px}.rich-content h2,.legal-copy h2{font:500 27px/1.3 var(--sans);margin:38px 0 16px;color:#e1ebe5}.rich-content h3{font:500 22px/1.4 var(--sans);margin:28px 0 14px}
.rich-content a,.legal-copy a,.document-form a,.contact-email a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.rich-content img{max-width:100%;height:auto;margin:28px auto;border:1px solid #3c5e59}
.rich-content blockquote{border-left:3px solid var(--ember);padding:8px 0 8px 24px;margin:24px 0;color:#e3c3a8}
.rich-content pre{overflow:auto;padding:20px;background:#152525}.rich-content ol,.rich-content ul{padding-left:25px;margin-bottom:24px}.rich-content li{padding-left:5px;margin-bottom:8px}
.article-signup{margin-top:65px;border-top:1px solid #3c5e59;padding-top:30px}.article-signup h2{font:500 25px var(--sans);margin-bottom:14px}.article-signup p{font:16px/1.8 var(--sans);color:var(--dim);margin-bottom:12px}
.document-form{display:flex;flex-direction:column;gap:12px;max-width:700px}.document-form label{font-size:12px;letter-spacing:.5px;margin-top:10px;color:var(--teal)}
.document-form input,.document-form textarea,.document-form select{font:16px/1.6 var(--sans);color:var(--text);background:#0d1b1c;border:1px solid var(--line);border-radius:0;padding:12px;min-width:0;width:100%}
.document-form input:focus-visible,.document-form textarea:focus-visible,.document-form select:focus-visible,summary:focus-visible{outline:2px solid var(--ember);outline-offset:3px}
.document-form textarea{resize:vertical}.document-form button{align-self:flex-start;min-height:46px}.document-form button:disabled{opacity:.6;cursor:wait}
.form-note{font:13px/1.65 var(--sans);color:var(--dim);margin:5px 0 10px}.contact-email{font:16px/1.6 var(--sans);margin-bottom:28px}
.devlog-callout{padding:65px max(25px,9vw);display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid #253531;background:#101e1f}
.devlog-callout h2{font:500 32px/1.2 var(--sans);margin-bottom:15px}.devlog-callout p:not(.eyebrow){font:16px/1.7 var(--sans);color:var(--dim)}.devlog-callout .game-button{flex-shrink:0}
.site-footer .footer-links{display:flex;flex-wrap:wrap;gap:16px;font-size:9px;line-height:1.8;letter-spacing:.5px}
@media(max-width:700px){.page-nav{align-items:flex-start;padding:23px}.page-nav nav{gap:13px;justify-content:flex-end;font-size:10px}.page-main{padding:45px 24px 65px}.page-intro{font-size:16px}.page-footer{align-items:flex-start;flex-direction:column;padding:26px 24px;gap:20px}.page-footer nav{gap:16px}.post-list{grid-template-columns:1fr;margin-top:35px}.post-card,.empty-state{padding:24px}.rich-content,.legal-copy{font-size:16px}.devlog-callout{align-items:flex-start;flex-direction:column;padding:45px 25px}.site-footer{flex-wrap:wrap}.site-footer .footer-links{width:100%;order:3}}