.devlog-page{background:radial-gradient(ellipse at 15% 0,rgba(241,52,156,.1),transparent 34%),var(--navy)}
.devlog-main{width:min(1120px,calc(100% - 2.5rem));min-height:60vh;margin:0 auto;padding:clamp(2.5rem,7vw,6rem) 0}
.devlog-main>.eyebrow{margin:0 0 .7rem;color:var(--orange-light);font-family:var(--display);font-size:1rem;letter-spacing:.1em}
.devlog-main>h1{margin:0;color:var(--white);font-family:var(--display);font-size:clamp(3rem,9vw,6.6rem);line-height:.98}
.devlog-main>h1 span{color:var(--pink-light)}
.devlog-intro{max-width:65ch;margin:1.4rem 0 2.5rem;color:var(--muted)}
.devlog-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:1rem;margin-top:2rem}
.devlog-card,.devlog-entry{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(21,29,60,.96),rgba(12,18,45,.96));box-shadow:0 18px 50px rgba(0,0,0,.18)}
.devlog-card{display:flex;min-height:235px;flex-direction:column;padding:1.4rem}
.devlog-date{margin:0 0 .5rem;color:var(--orange-light);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.devlog-card h2{margin:.3rem 0 .65rem;font-family:var(--display);font-size:clamp(1.45rem,3vw,2rem);line-height:1.12}
.devlog-card h2 a{color:var(--white);text-decoration:none}
.devlog-card>p:not(.devlog-date){margin:.2rem 0 1rem;color:var(--muted)}
.devlog-read{margin-top:auto;font-size:.82rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.devlog-empty{padding:1.6rem;border:1px solid var(--line);border-radius:12px;color:var(--muted)}
.devlog-entry{padding:clamp(1.4rem,5vw,3.4rem)}
.devlog-entry-header{margin-bottom:2rem}
.devlog-entry-header h1{margin:.3rem 0 .7rem;font-family:var(--display);font-size:clamp(2.2rem,6vw,4.4rem);line-height:1.05}
.devlog-summary{max-width:70ch;color:var(--muted);font-size:1.08rem}
.devlog-content{max-width:78ch;color:#c1c8da}
.devlog-content h2,.devlog-content h3,.devlog-content h4{margin:2.3rem 0 .7rem;color:var(--pink-light);font-family:var(--display);line-height:1.12}
.devlog-content h2{font-size:clamp(1.5rem,3vw,2.15rem)}
.devlog-content h3{font-size:1.4rem}
.devlog-content p,.devlog-content li{line-height:1.8}
.devlog-content a{overflow-wrap:anywhere}
.devlog-content pre,.devlog-content code{font-family:Consolas,monospace}
.devlog-content code{padding:.1em .35em;border:1px solid var(--line);border-radius:4px;background:rgba(5,9,27,.6);color:#ffd0a2}
.devlog-content hr{margin:2.2rem 0;border:0;border-top:1px solid var(--line)}
.devlog-back{margin-top:2.2rem;padding-top:1.2rem;border-top:1px solid var(--line)}
@media(max-width:560px){.devlog-main{width:min(100% - 1.4rem,1120px)}.devlog-entry{padding:1.15rem}}