:root{--color-bg: #ffffff;--color-fg: #1a1a1a;--color-muted: #5b6168;--color-accent: #2563eb;--color-accent-strong: #2563eb;--color-on-accent: #ffffff;--color-border: #e5e7eb;--color-surface: #f8fafc;--color-focus: #1d4ed8;--max-width: 1100px;--radius: 10px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.4rem}@media(prefers-color-scheme:dark){:root{--color-bg: #0f1115;--color-fg: #e8eaed;--color-muted: #9aa3ad;--color-accent: #6ea8fe;--color-accent-strong: #2f6fd1;--color-on-accent: #ffffff;--color-border: #262b33;--color-surface: #161a20;--color-focus: #9ec1ff}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-fg);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:2px}img{max-width:100%;height:auto}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-accent-strong);color:var(--color-on-accent);padding:var(--space-2) var(--space-4);z-index:100}.skip-link:focus{left:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.site-header__bar{max-width:var(--max-width);margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.site-header__brand{font-weight:800;font-size:1.25rem;color:var(--color-fg)}.site-header__nav ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0;flex-wrap:wrap}.site-header__nav a{color:var(--color-fg);font-size:.95rem}.site-header__search{margin-left:auto}.search-form{display:flex;gap:var(--space-2)}.search-form__input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-fg);min-width:0}.search-form__button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-accent-strong);background:var(--color-accent-strong);color:var(--color-on-accent);border-radius:var(--radius);cursor:pointer}main{min-height:60vh}.page{max-width:var(--max-width);margin:0 auto;padding:var(--space-7) var(--space-4)}.page__title{font-size:var(--text-3xl);margin:0 0 var(--space-2)}.page__lead{color:var(--color-muted);margin:0 0 var(--space-7)}.topic-nav{margin-bottom:var(--space-7)}.pill-row{display:flex;gap:var(--space-3);flex-wrap:wrap;list-style:none;padding:0;margin:0}.search-bar{max-width:480px;margin-bottom:var(--space-7)}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.article-card{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;background:var(--color-surface);display:flex;flex-direction:column;height:100%}.article-card__media{display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-border)}.article-card__cover{width:100%;height:100%;object-fit:cover}.article-card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.article-card__topic-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.article-card__topic{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.article-card__ai-badge{flex:none;margin-left:auto;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:var(--space-1) var(--space-2);border:1px solid var(--color-accent-strong);border-radius:999px;background:var(--color-accent-strong);color:var(--color-on-accent);line-height:1}.article-card__title{font-size:var(--text-lg);margin:0;line-height:1.3}.article-card__title a{color:var(--color-fg)}.article-card__excerpt{color:var(--color-muted);font-size:var(--text-sm);margin:0}.article-card__meta{display:flex;gap:var(--space-3);color:var(--color-muted);font-size:var(--text-xs);margin-top:auto;padding-top:var(--space-2)}.error-state{text-align:center;padding:var(--space-8) var(--space-4)}.error-state__actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-top:var(--space-6)}.button{display:inline-block;padding:var(--space-2) var(--space-4);border:1px solid var(--color-accent-strong);background:var(--color-accent-strong);color:var(--color-on-accent);border-radius:var(--radius);font:inherit;cursor:pointer}.button:hover{text-decoration:none;opacity:.92}.button--secondary{background:transparent;color:var(--color-accent);border-color:var(--color-border)}.empty-state{color:var(--color-muted);padding:2rem 0}.article-detail{max-width:760px;margin:0 auto;padding:var(--space-7) var(--space-4)}.article-detail__cover{width:100%;height:auto;border-radius:var(--radius);margin-bottom:var(--space-6)}.article-detail__title{font-size:var(--text-4xl);line-height:1.15;margin:0 0 var(--space-3)}.article-detail__meta{color:var(--color-muted);display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6);font-size:var(--text-sm)}.article-detail__excerpt{font-size:var(--text-lg);color:var(--color-muted);margin-bottom:var(--space-7)}.article-detail__tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-7);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.tag-pill{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface)}.article-body{font-size:1.08rem}.article-body>*+*{margin-top:1.1rem}.article-body h2,.article-body h3,.article-body h4{margin-top:2rem;line-height:1.25}.article-body code{background:var(--color-surface);padding:.1rem .35rem;border-radius:4px;font-size:.9em}.block-image{margin:1.5rem 0}.block-image__img{width:100%;height:auto;border-radius:var(--radius)}.block-image__caption,.block-quote__attribution{color:var(--color-muted);font-size:.88rem;margin-top:.5rem}.block-quote{margin:1.5rem 0;padding-left:1rem;border-left:4px solid var(--color-accent)}.block-quote blockquote{margin:0;font-size:1.2rem;font-style:italic}.block-embed--video{position:relative;aspect-ratio:16 / 9}.block-embed--video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:var(--radius)}.ad-slot{border:1px dashed var(--color-border);border-radius:var(--radius);min-height:90px;display:flex;align-items:center;justify-content:center;color:var(--color-muted);background:var(--color-surface);margin:1.5rem 0}.ad-slot__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}@media print{.ad-slot{display:none}}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.topic-card{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-5);background:var(--color-surface)}.topic-card h2{font-size:var(--text-xl);margin:0 0 var(--space-2)}.topic-card p{color:var(--color-muted);margin:0;font-size:var(--text-sm)}.author-header{display:flex;gap:1.25rem;align-items:center;margin-bottom:2rem}.author-header__avatar{border-radius:50%;object-fit:cover}.author-header__bio{color:var(--color-muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin:var(--space-8) 0 0}.pagination__link--disabled{color:var(--color-muted);opacity:.5}.pagination__status{color:var(--color-muted);font-size:var(--text-sm)}.site-footer{border-top:1px solid var(--color-border);margin-top:4rem}.site-footer__inner{max-width:var(--max-width);margin:0 auto;padding:1.5rem 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;color:var(--color-muted)}.site-footer__inner ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0}.markdown{line-height:1.7}.markdown>*+*{margin-top:1rem}.markdown h2,.markdown h3,.markdown h4{margin-top:1.75rem;line-height:1.3}.markdown ul,.markdown ol{padding-left:1.5rem}.markdown li+li{margin-top:.35rem}.markdown blockquote{margin:1.25rem 0;padding:.5rem 0 .5rem 1rem;border-left:3px solid var(--color-muted);color:var(--color-muted);font-style:italic}.markdown code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:#7f7f7f1f;padding:.1em .35em;border-radius:4px}.markdown a{text-decoration:underline}