.article.tech{--bg:var(--color-primary);--on:var(--color-on-primary)}.article.diary{--bg:var(--color-accent-1);--on:var(--color-on-accent-1)}.article.review{--bg:var(--color-accent-2);--on:var(--color-on-accent-2)}.article.event{--bg:var(--color-text);--on:var(--color-bg)}.article .card.tech{--bg:var(--color-primary)}.article .card.diary{--bg:var(--color-accent-1)}.article .card.review{--bg:var(--color-accent-2)}.article .card.event{--bg:var(--color-text)}.article{max-width:42rem;padding:var(--space-8) var(--page-gutter) var(--space-12);margin:0 auto}.article h1{font-size:var(--text-2xl);margin:var(--space-3) 0}.article .badge{align-items:center;gap:var(--space-1);padding:0 var(--space-3);border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);background:var(--bg);color:var(--on);line-height:1.8;display:inline-flex}.article .ico{width:1.25em;height:1.25em;mask:var(--src) center / contain no-repeat;-webkit-mask:var(--src) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}.article .ico.tech{--src:url(/icons/tech.svg)}.article .ico.diary{--src:url(/icons/diary.svg)}.article .ico.review{--src:url(/icons/review.svg)}.article .ico.event{--src:url(/icons/event.svg)}.article .meta{font-size:var(--text-xs);color:var(--color-text-muted);gap:var(--space-1) var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.article .chips{gap:var(--space-2);margin:var(--space-3) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.article .chip{padding:0 var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--text-sm);text-decoration:none;display:inline-block}.article .hero{width:100%;height:auto;margin-top:var(--space-6);border:2px solid var(--color-text);border-radius:var(--radius-md);display:block}.article .info-panel{margin:var(--space-6) 0;padding:var(--space-4);border:2px solid var(--color-text);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:4px 4px 0 var(--bg)}.article .info-panel dl{gap:var(--space-1) var(--space-4);font-size:var(--text-sm);grid-template-columns:auto 1fr;margin:0;display:grid}.article .info-panel dt{color:var(--color-text-muted)}.article .info-panel dd{margin:0}.article .score{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.article .score .num{font-family:var(--font-display);font-weight:900;font-size:var(--text-3xl);line-height:1}.article .stars{font-family:var(--font-display);font-weight:900;font-size:var(--text-lg);letter-spacing:.1em;color:var(--color-primary)}.article .stars .off{color:var(--color-border)}.article .btn{margin-top:var(--space-4);padding:var(--space-2) var(--space-6);border:2px solid var(--color-text);border-radius:var(--radius-pill);background:var(--color-accent-1);color:var(--color-on-accent-1);font-family:var(--font-display);box-shadow:var(--shadow-sm);font-weight:700;text-decoration:none;display:inline-block}.article .event-head{gap:var(--space-4);margin-bottom:var(--space-3);align-items:center;display:flex}.article .event-head strong{font-family:var(--font-display);font-size:var(--text-lg)}.article .date-block{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--bg);color:var(--on);font-family:var(--font-display);text-align:center;place-items:center;font-weight:900;line-height:1.1;display:grid}.article .date-block b{font-size:var(--text-2xl)}.article .toc{margin:var(--space-6) 0;padding:var(--space-4);border:2px dashed var(--color-border);border-radius:var(--radius-md)}.article .toc h2{font-size:var(--text-base);margin:0 0 var(--space-2)}.article .toc ol{padding-left:var(--space-6);font-size:var(--text-sm);margin:0}.article .toc li.d3{margin-left:var(--space-4);list-style:circle}.article .prose p{margin:var(--space-4) 0}.article .prose h2{font-size:var(--text-xl);margin:var(--space-12) 0 var(--space-3);padding-left:var(--space-3);border-left:6px solid var(--color-accent-1)}.article .prose h3{font-size:var(--text-lg);margin:var(--space-8) 0 var(--space-2)}.article .prose img{border-radius:var(--radius-sm);max-width:100%;height:auto}.article .prose pre{padding:var(--space-4);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;overflow-x:auto}.article .prose :not(pre)>code{background:var(--color-code-bg);border-radius:var(--radius-sm);font-family:var(--font-mono);padding:.1em .4em;font-size:.9em}.article .prose a{color:var(--color-primary)}.article .prose blockquote{margin:var(--space-4) 0;padding-left:var(--space-4);border-left:4px solid var(--color-border);color:var(--color-text-muted)}.article .post-nav{gap:var(--space-4);margin-top:var(--space-12);display:grid}.article .card{padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-text);border-radius:var(--radius-md);box-shadow:4px 4px 0 var(--bg);text-decoration:none;display:block}.article .card h3{font-size:var(--text-lg);margin:var(--space-2) 0 0}@media (width>=48rem){.article h1{font-size:var(--text-3xl)}.article .post-nav{grid-template-columns:1fr 1fr}}:root[data-theme=dark] .astro-code,:root[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .astro-code,:root:not([data-theme=light]) .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}}