/* Subpages share the home page tokens; the header sits over a compact page hero. */
.page-hero{position:relative;isolation:isolate;overflow:hidden;padding:172px 0 78px;border-bottom:1px solid var(--line);background:#060d17}
.page-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,10,19,.96) 0%,rgba(3,10,19,.86) 38%,rgba(3,10,19,.45) 100%),linear-gradient(0deg,#07111d 0%,transparent 45%),var(--hero-image,none) center 40%/cover no-repeat}
.page-hero:after{content:'';position:absolute;inset:88px 28px 22px;border:1px solid #b4d8ff0c;pointer-events:none;z-index:-1}
.page-hero h1{font-size:clamp(40px,5.4vw,76px);font-weight:300;line-height:1.04;letter-spacing:1.5px;margin:0 0 24px}
.page-hero h1 span{color:var(--muted)}
.page-hero .page-dek{max-width:640px;color:#bfd1df;font-size:19px;line-height:1.7;margin:0}
.page-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px}
.page-meta>span{font:11px/14px var(--label);letter-spacing:1.5px;color:var(--cyan);border:1px solid #7ccfff4d;background:#10263acc;padding:9px 11px}
.sub-section{padding-block:80px}
.sub-section+.sub-section{padding-top:0}
.prose p{color:var(--muted);font-size:17px;line-height:1.85;margin:0 0 18px;max-width:72ch}
.prose p:last-child{margin-bottom:0}
.prose strong{color:#e7f2fb;font-weight:400}
.prose a,.inline-link{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.prose a:hover,.inline-link:hover{color:white}
@media(max-width:760px){.page-hero{padding:142px 0 54px}.page-hero:after{inset:76px 11px 14px}.page-hero .page-dek{font-size:17px}.page-meta>span{font-size:10px}.sub-section{padding-block:56px}.prose p{font-size:16px}}

.page-meta .button{min-height:34px;padding:7px 14px;gap:12px;font-size:11px}
.devlog-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:56px}
.devlog-filters button{font:11px var(--label);letter-spacing:1.3px;padding:9px 13px;border:1px solid #7c9db855;background:#0c1b2a;color:#c6d4e1;transition:border-color .2s,color .2s,background .2s}
.devlog-filters button:hover{border-color:var(--cyan);color:white}
.devlog-filters button[aria-pressed=true]{background:#9bdeff;border-color:#9bdeff;color:#0a2334}
@media(max-width:760px){.devlog-filters{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px 40px;padding:0 20px 6px;scrollbar-width:thin}.devlog-filters button{flex:none}}