@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;600;700&family=Source+Sans+3:wght@400;500;600&display=swap";:root{color-scheme:light;--bg: #f8fafc;--surface: #ffffff;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--accent: #2563eb;--radius: 12px;--shadow: 0 4px 14px rgba(15, 23, 42, .06)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:"Source Sans 3",sans-serif;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;display:block}.page{min-height:100vh}.frame{max-width:1100px;margin:0 auto;padding:24px 20px 80px}.site-header{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:24px 20px 14px;border-bottom:1px solid var(--border)}.brand{display:flex;flex-direction:column;gap:6px}.brand span{font-family:"Source Serif 4",serif;font-size:1.5rem}.brand small{color:var(--muted);font-size:.85rem}.nav-links{display:flex;align-items:center;gap:16px;font-size:.95rem}.nav-links a{padding:6px 10px;border-radius:8px}.nav-links a[aria-current=page]{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.intro{margin:32px 0}.intro h1{font-family:"Source Serif 4",serif;font-size:clamp(2rem,3vw,2.6rem);margin-bottom:12px}.intro p{color:var(--muted);max-width:760px;line-height:1.7}.section-title{font-family:"Source Serif 4",serif;font-size:1.4rem;margin:32px 0 16px}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:28px;align-items:start}.list{display:grid;gap:14px}.list-card{display:grid;gap:8px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.list-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a1a}.list-card h3{margin:0;font-size:1.1rem}.list-card p{margin:0;color:var(--muted);line-height:1.6}.card-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.85rem;color:var(--muted)}.badge{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted);background:#f9fafb}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted);background:#f9fafb}.sidebar{display:grid;gap:18px}.sidebar-card{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.sidebar-card h3{margin:0 0 12px;font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.highlight-list{display:grid;gap:10px}.highlight-item{display:grid;gap:4px}.highlight-item a{color:var(--text)}.highlight-item p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.5}.highlight-item span{font-size:.8rem;color:var(--muted)}.muted{color:var(--muted);font-size:.9rem}.article-shell{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:clamp(22px,4vw,40px);box-shadow:var(--shadow)}.note-body{color:var(--muted);line-height:1.7;font-size:.98rem}.note-body p{margin:.7rem 0}.note-body h2,.note-body h3,.note-body h4{font-family:"Source Serif 4",serif;margin:1.4rem 0 .6rem}.article-shell h1{font-family:"Source Serif 4",serif;font-size:clamp(2rem,3.5vw,2.8rem);margin-bottom:12px}.article-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.9rem;color:var(--muted);margin-bottom:18px}.article-body{line-height:1.8;font-size:1.02rem}.article-body h2,.article-body h3,.article-body h4{font-family:"Source Serif 4",serif;margin-top:2rem}.article-body blockquote{margin:1.4rem 0;padding:12px 18px;border-left:3px solid var(--accent);background:#eff6ff;color:var(--muted)}.article-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.92rem;background:#f3f4f6;padding:2px 6px;border-radius:6px}.article-body pre{padding:16px;border-radius:12px;background:#0f172a;color:#f8fafc;overflow-x:auto}.article-body pre code{background:transparent;padding:0;color:inherit}.footer{margin-top:60px;padding-top:18px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:var(--muted);font-size:.9rem}.footer a{color:var(--accent)}@media (max-width: 980px){.home-layout{grid-template-columns:1fr}}@media (max-width: 720px){.site-header{flex-direction:column;gap:12px;text-align:center}}