:root{color-scheme:light dark;--bg: #fcfcfd;--surface: #ffffff;--surface-subtle: #f8fafc;--text: #101828;--text-muted: #667085;--border: #e4e7ec;--border-strong: #d0d5dd;--primary: #1d4ed8;--primary-soft: rgba(29, 78, 216, .08);--shadow: 0 8px 24px rgba(16, 24, 40, .05);--radius-lg: 18px;--radius-md: 14px;--content-width: 70rem;--reading-width: 48rem}@media(prefers-color-scheme:dark){:root{--bg: #0b1220;--surface: #101828;--surface-subtle: #0f172a;--text: #f8fafc;--text-muted: #94a3b8;--border: #1f2937;--border-strong: #334155;--primary: #93c5fd;--primary-soft: rgba(147, 197, 253, .12);--shadow: 0 10px 30px rgba(2, 6, 23, .45)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit}img{max-width:100%}.container{width:min(calc(100% - 2rem),var(--content-width));margin:0 auto}.page-shell{min-height:100vh}.home-intro,.cards-section,.article-page-header,.not-found{padding-block:clamp(2rem,5vw,4rem)}.home-intro h1,.article-page-header h1,.not-found h1{margin:0;line-height:1.06;font-size:clamp(2.2rem,5vw,3.8rem);letter-spacing:-.04em}.home-intro__subtext,.home-intro__meta,.article-page-header__description,.not-found p,.article-body p,.article-body li{color:var(--text-muted);font-size:1.02rem}.article-card,.article-pagination__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.home-intro{padding-bottom:1.25rem}.home-intro__subtext{max-width:44rem;margin:1rem 0 0;font-size:1.08rem}.home-intro__meta{margin:.75rem 0 0}.article-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}.article-card{display:flex;flex-direction:column;gap:.9rem;padding:1.25rem;min-height:100%}.article-card__meta,.article-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.pill{display:inline-flex;align-items:center;min-height:1.85rem;padding:.28rem .65rem;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.pill--muted{background:#94a3b824;color:var(--text-muted)}.article-card__reading-time,.article-reading-time{color:var(--text-muted);font-size:.88rem}.article-card__title{margin:0;font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.15;letter-spacing:-.03em}.article-card__title a{text-decoration:none}.article-card__title a:hover,.article-card__title a:focus-visible,.text-link:hover,.text-link:focus-visible,.back-link:hover,.back-link:focus-visible{color:var(--primary)}.article-card__description{margin:0;flex:1}.article-card__footer{display:flex;align-items:center;justify-content:flex-start}.text-link,.back-link{text-decoration:none;font-weight:700}.cards-section{padding-top:.25rem}.article-shell{padding-top:0;padding-bottom:4rem}.back-link{display:inline-flex;margin-bottom:1rem}.article-body{width:min(100%,var(--reading-width));padding:clamp(1.25rem,3vw,2rem);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.article-body>:first-child{margin-top:0}.article-body>:last-child{margin-bottom:0}.article-body h1,.article-body h2,.article-body h3,.article-body h4{line-height:1.15;letter-spacing:-.03em;margin-top:2.3rem;margin-bottom:.7rem;color:var(--text)}.article-body h1{font-size:clamp(2rem,3.5vw,2.8rem)}.article-body h2{font-size:clamp(1.55rem,2.8vw,2rem)}.article-body h3{font-size:clamp(1.25rem,2.4vw,1.55rem)}.article-body ul,.article-body ol{padding-left:1.35rem}.article-body blockquote{margin:1.3rem 0;padding:1rem 1.15rem;border-left:4px solid var(--primary);background:var(--surface-subtle);border-radius:0 16px 16px 0}.article-body hr{border:0;height:1px;background:var(--border);margin:2rem 0}.article-body code{font-family:SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92em;background:var(--surface-subtle);padding:.18rem .32rem;border-radius:.45rem}.article-body pre{overflow-x:auto;background:var(--surface-subtle);color:var(--text);padding:1rem;border-radius:1rem;border:1px solid var(--border)}.article-body pre code{background:transparent;padding:0;color:inherit}.article-pagination{width:min(100%,var(--reading-width));margin-top:1.4rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.article-pagination__card{min-height:6rem;padding:1.1rem;text-decoration:none}.article-pagination__card--next{text-align:right}.article-pagination__label{display:block;color:var(--text-muted);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.not-found{text-align:center}.not-found p{margin-inline:auto}@media(max-width:900px){.article-pagination{grid-template-columns:1fr}.article-pagination__card--next{text-align:left}}@media(max-width:700px){.article-card,.article-body,.article-pagination__card{border-radius:16px}}
