/* Reading pages keep the arcade controls and leave room for long English copy. */
.blog-body{--blog-paper:#191522;--blog-border:#4b3c61}


.blog-main{padding-top:0;padding-bottom:60px}
.blog-breadcrumb{height:auto}
.blog-breadcrumb [aria-current]{overflow-wrap:anywhere}




.blog-filters{margin-bottom:18px}
.blog-play-link{min-width:44px;min-height:48px;border:2px solid #64517f;box-shadow:3px 3px #09070f,inset 2px 2px #ffffff0b;background:#241c30;display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;gap:12px;font-family:Pixel,monospace;font-size:9px;line-height:1.8;color:#e4daf2}
.blog-play-link:hover{border-color:#c8aaff}
.blog-play-link:active{transform:translate(2px,2px);box-shadow:1px 1px #09070f}
.blog-list-note{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:#b7a6cb;font-size:21px}
.blog-list-note p{margin:0}
.blog-list-note a{min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.blog-card{--post-color:#c5b1ff;border:2px solid var(--blog-border);background:var(--blog-paper);padding:22px;box-shadow:4px 4px #09070f;display:flex;flex-direction:column;min-width:0;position:relative}
.blog-card[data-tag="news"]{--post-color:#94d5e5}
.blog-card[data-tag="update"]{--post-color:#d5f88b}
.blog-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--post-color)}
.blog-card:hover{border-color:var(--post-color)}
.blog-card-top{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:18px;color:#b3a4c5;margin-bottom:18px}
.blog-tag{display:inline-flex;align-items:center;min-height:44px;padding:6px 10px;border:1px solid #655079;color:var(--post-color,#d5f88b);font-family:Pixel,monospace;font-size:7px;line-height:1.8;text-transform:uppercase;background:#271c35}
.blog-card h2{font-size:12px;margin:0 0 16px;line-height:1.9;color:#f2e9fc;overflow-wrap:anywhere}
.blog-card h2 a{display:block;min-height:44px}
.blog-card h2 a:hover{color:var(--post-color)}
.blog-card p{margin:0 0 26px;font-size:24px;line-height:1.35;color:#c4b7d3}
.blog-card-bottom{margin-top:auto;border-top:1px solid #3c304d;padding-top:14px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;color:#b0a1c3;font-size:18px}
.blog-card-bottom a{color:var(--post-color);min-height:44px;display:inline-flex;align-items:center;gap:8px;text-decoration:underline;text-underline-offset:4px}
.blog-article-header{border-bottom:2px solid var(--blog-border);padding:6px 0 28px;margin-bottom:30px}
.blog-article-header h1{font-size:27px;color:#f7d875;line-height:1.8;max-width:980px;margin:20px 0;overflow-wrap:anywhere}
.blog-deck{font-size:28px;line-height:1.4;max-width:820px;color:#d0c3df;margin:0 0 20px}
.blog-byline{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;color:#b4a3c8;font-size:21px}
.blog-byline a{color:#d5f88b;text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}
.blog-reading-layout{display:grid;grid-template-columns:minmax(0,740px) minmax(200px,1fr);gap:48px;align-items:start}
.blog-prose{max-width:740px;font-size:26px;line-height:1.48;color:#dfd4ed;overflow-wrap:anywhere}
.blog-prose p{margin:0 0 24px}
.blog-prose h2,.blog-prose h3{font-size:15px;color:#c5b1ff;line-height:1.85;margin:38px 0 18px;scroll-margin-top:22px}
.blog-prose>h2:first-child{margin-top:0}
.blog-prose h3{font-size:12px}
.blog-prose ul,.blog-prose ol{padding-left:28px;margin:0 0 24px}
.blog-prose li+li{margin-top:12px}
.blog-prose a{color:#d5f88b;text-decoration:underline;text-underline-offset:5px}
.blog-prose strong{font-weight:400;color:#f7d875}
.blog-prose code{font-family:ArcadeText,monospace;border:1px solid #5b4774;padding:1px 5px;background:#271d35;color:#f7d875}
.blog-toc{border:2px solid var(--blog-border);padding:22px;background:#1c1627;position:sticky;top:22px;box-shadow:3px 3px #09070f}
.blog-toc nav{height:auto;display:block}
.blog-toc h2{font-size:9px;color:#c5b1ff;margin:0 0 16px}
.blog-toc a{display:flex;align-items:center;min-height:44px;font-size:22px;padding:6px 0;line-height:1.3;color:#c9b9d9;border-top:1px solid #392b48}
.blog-toc a:hover{color:#d5f88b}
.blog-sources{border-top:2px solid var(--blog-border);margin-top:38px;padding-top:12px}
.blog-sources span{color:#b4a3c8;font-size:22px}
.blog-play{margin-top:38px;padding:24px;border:2px solid #698047;background:#1e271c;box-shadow:4px 4px #09070f;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.blog-play h2{font-size:13px;color:#d5f88b;margin:12px 0 0}
.blog-play-links{display:flex;flex-wrap:wrap;gap:14px;min-width:0}
.blog-play-link{background:#d5f88b;border-color:#d5f88b;color:#172510;overflow-wrap:anywhere;text-align:center}
.blog-related{margin-top:54px}
.blog-related>h2{font-size:15px;color:#c5b1ff;margin:0 0 22px}
.blog-skip{position:absolute;left:16px;top:-100px;padding:12px 16px;background:#d5f88b;color:#172510;z-index:10;min-height:44px}
.blog-skip:focus{top:12px}




@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-reading-layout{gap:28px;grid-template-columns:minmax(0,1fr) 230px}}
@media(max-width:760px){.blog-reading-layout{display:flex;flex-direction:column;gap:26px}.blog-toc{order:-1;position:static;width:100%;padding:18px}.blog-toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.blog-toc h2{grid-column:1/-1}.blog-toc a{font-size:20px}.blog-article-header h1{font-size:20px}.blog-deck{font-size:25px}.blog-prose{font-size:25px}.blog-play{align-items:flex-start;flex-direction:column}.blog-play-links{width:100%}.blog-play-link{width:100%}}
@media(max-width:640px){.blog-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:540px){.blog-grid{grid-template-columns:minmax(0,1fr)}.blog-main{padding-top:0;padding-bottom:40px}.blog-card{padding:22px 20px}.blog-card h2{font-size:12px}.blog-card p{font-size:24px}.blog-article-header h1{font-size:17px}.blog-prose h2{font-size:12px}.blog-prose h3{font-size:10px}.blog-deck,.blog-prose{font-size:24px}.blog-byline{font-size:20px}.blog-related>h2{font-size:12px}.blog-toc nav{display:block}}
@media(prefers-reduced-motion:reduce){.blog-body{scroll-behavior:auto}}