:root{--color-bg:#fafaf8;--color-bg-alt:#f0efe9;--color-surface:#ffffff;--color-surface-hover:#f5f4f0;--color-border:#e0ddd4;--color-border-strong:#c4c0b4;--color-text:#1a1a18;--color-text-secondary:#5c5a52;--color-text-muted:#8a877c;--color-text-inverse:#fafaf8;--color-accent:#8b5c2a;--color-accent-hover:#6d4820;--color-accent-light:#f5ede3;--color-accent-text:#ffffff;--color-success:#2d7a4f;--color-warning:#b8860b;--color-error:#c0392b;--color-info:#2c6fbb;--font-serif:"Georgia","Times New Roman","Noto Serif",serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans","Helvetica Neue",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.25;--leading-normal:1.6;--leading-relaxed:1.75;--leading-article:1.8;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--max-width-narrow:680px;--max-width-content:840px;--max-width-wide:1200px;--max-width-full:1440px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.06);--shadow-lg:0 8px 24px rgba(0,0,0,0.08);--transition-fast:150ms ease;--transition-normal:250ms ease}@media (prefers-color-scheme:dark){:root{--color-bg:#1a1a18;--color-bg-alt:#242420;--color-surface:#2a2a26;--color-surface-hover:#333330;--color-border:#3d3d38;--color-border-strong:#555550;--color-text:#f0efe9;--color-text-secondary:#b0ad9f;--color-text-muted:#8a877c;--color-text-inverse:#1a1a18;--color-accent:#d4a06a;--color-accent-hover:#e0b080;--color-accent-light:#2d251c;--color-accent-text:#1a1a18}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);background-color:var(--color-bg)}.article-body,body{color:var(--color-text)}.article-body{font-family:var(--font-serif);font-size:var(--text-lg);line-height:var(--leading-article);max-width:var(--max-width-narrow);margin:0 auto}.article-body h1,.article-body h2,.article-body h3,.article-body h4{font-family:var(--font-sans);font-weight:700;line-height:var(--leading-tight);margin-top:2em;margin-bottom:.5em}.article-body h1{font-size:var(--text-3xl)}.article-body h2{font-size:var(--text-2xl)}.article-body h3{font-size:var(--text-xl)}.article-body h4{font-size:var(--text-lg)}.article-body p{margin-bottom:1.25em}.article-body a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.article-body a:hover{color:var(--color-accent-hover)}.article-body blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-6);margin:var(--space-6) 0;color:var(--color-text-secondary);font-style:italic}.article-body img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-6) 0}.article-body pre{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;font-size:var(--text-sm);margin:var(--space-6) 0}.article-body code,.article-body pre{background:var(--color-bg-alt);font-family:var(--font-mono)}.article-body code{font-size:.9em;padding:.15em .3em;border-radius:var(--radius-sm)}.article-body pre code{background:none;padding:0}.article-body ol,.article-body ul{padding-left:1.5em;margin-bottom:1.25em}.article-body li{margin-bottom:.5em}.article-body table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--text-sm)}.article-body td,.article-body th{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:left}.article-body th{background:var(--color-bg-alt);font-weight:600}.container{width:100%;max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--space-4)}@media (min-width:768px){.container{padding:0 var(--space-8)}}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);position:-webkit-sticky;position:sticky;top:0;z-index:100}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:64px}.site-logo{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:700;color:var(--color-text);text-decoration:none}.site-logo span{color:var(--color-accent)}.site-nav{display:flex;gap:var(--space-6);align-items:center}.site-nav a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:color var(--transition-fast)}.site-nav a:hover{color:var(--color-text)}.article-card{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-normal),transform var(--transition-normal);text-decoration:none;color:inherit}.article-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.article-card-cover{width:100%;aspect-ratio:16/9;object-fit:cover}.article-card-body{padding:var(--space-4) var(--space-6)}.article-card-title{font-size:var(--text-xl);font-weight:700;line-height:var(--leading-tight);margin-bottom:var(--space-2)}.article-card-excerpt{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card-meta{display:flex;font-size:var(--text-xs);color:var(--color-text-muted)}.article-card-meta,.btn{align-items:center;gap:var(--space-2)}.btn{display:inline-flex;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-surface-hover)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-1);color:var(--color-text)}.form-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-accent-text);border-radius:var(--radius-md);z-index:200;text-decoration:none;font-weight:500}.skip-link:focus{top:var(--space-2)}.toc{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-8)}.toc-title{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.toc ul{list-style:none;padding:0}.toc li{margin-bottom:var(--space-1)}.toc a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast)}.toc a:hover{color:var(--color-accent)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-8) 0;margin-top:var(--space-16);color:var(--color-text-muted);font-size:var(--text-sm)}.articles-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-6);gap:var(--space-6)}@media (min-width:640px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.articles-grid{grid-template-columns:repeat(3,1fr)}}.empty-state{text-align:center;padding:var(--space-16) var(--space-4);color:var(--color-text-muted)}.empty-state-icon{font-size:var(--text-5xl);margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.library-page{padding-top:40px;padding-bottom:64px}.library-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:28px}.library-heading h1{font-size:clamp(26px,4vw,40px);line-height:1.2;margin-bottom:12px}.library-eyebrow{color:var(--color-accent);font-size:13px;margin-bottom:8px}.library-message{padding:16px;background:var(--color-accent-light);border-radius:8px;margin-bottom:24px;overflow-wrap:anywhere}.library-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.5fr);grid-gap:24px;gap:24px;align-items:flex-start}.library-login,.library-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px;min-width:0}.library-login{max-width:440px}.library-editor label,.library-login label{display:block;margin:16px 0;font-weight:500}.library-editor input,.library-editor select,.library-editor textarea,.library-login input{margin-top:8px;width:100%}.library-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.library-actions .form-input{flex:1 1;min-width:140px}.library-body{min-height:220px;resize:vertical;font-family:monospace;font-size:14px}.library-list{list-style:none;padding:0;margin:16px 0}.library-list button{width:100%;border:0;border-bottom:1px solid var(--color-border);background:transparent;text-align:left;padding:16px 0;cursor:pointer;color:inherit}.library-list button[aria-pressed=true]{color:var(--color-accent)}.library-list span,.library-list strong{display:block;overflow-wrap:anywhere}.library-list span{font-size:12px;margin-top:6px;color:var(--color-text-secondary)}.library-editor details{margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border)}.library-editor summary{cursor:pointer;font-weight:600}@media (max-width:760px){.library-grid{grid-template-columns:1fr}.library-heading{flex-direction:column}.library-panel{padding:16px}}.article-body,article a,article h1,article h2,article p{overflow-wrap:anywhere}.library-list{max-height:60vh;overflow-y:auto}@media (max-width:760px){.library-list{max-height:35vh}}.site-nav .btn-primary{color:var(--color-accent-text)}@media (max-width:480px){.site-header .container{flex-wrap:wrap;gap:8px;padding-top:10px;padding-bottom:10px}.site-nav{width:100%;justify-content:space-between;gap:8px}}