:root{--offwhite:#fefff6;--bluish-background:#567895;--darkblue:#3a5a7a;--light-gray:#f5f5f5;--medium-gray:#e0e0e0;--dark-gray:#666;--text-black:#333;--border-light:#ccc;--code-bg-light:#f8f8f8;--text-primary:var(--text-black);--text-secondary:var(--dark-gray);--text-muted:#999;--bg-primary:var(--offwhite);--bg-secondary:var(--light-gray);--bg-accent:var(--bluish-background);--border-color:var(--medium-gray);--border-accent:var(--border-light);--link-color:#06c;--link-hover:#0052a3;--code-bg:var(--code-bg-light);--code-border:var(--border-light);--nav-text:var(--offwhite);--syntax-comment:green;--syntax-string:#a31515;--syntax-punctuation:#393a34;--syntax-number:#36acaa;--syntax-keyword:#00f;--syntax-function:#393a34;--syntax-selector:#00009f;--syntax-class:#2b91af;--syntax-tag:maroon;--syntax-attr:red;--syntax-important:#e90;--syntax-line-number:#2b91af;--paper:var(--bg-primary);--nav-background:var(--bg-accent);--table-header-background:var(--bg-accent);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:4px;--radius-md:5px;--radius-lg:8px;--shadow-sm:2px 2px 2px var(--border-color);--shadow-md:0 2px 4px #0000001a;--shadow-lg:0 4px 8px #00000026;--shadow-elevated:0 4px 6px #0000001a;--shadow-interactive:0 2px 4px #0003;--transition-fast:.2s ease;--transition-fast-in-out:.2s ease-in-out;--transition-medium:.3s ease}@media (prefers-color-scheme:dark){:root{--text-primary:#e0e0e0;--text-secondary:#c8c8c8;--text-muted:#a0a0a0;--bg-primary:#1a1a1a;--bg-secondary:#2a2a2a;--bg-accent:#4a6b8a;--border-color:#404040;--border-accent:#606060;--link-color:#80c7ff;--link-hover:#99d6ff;--code-bg:#2d2d2d;--code-border:#505050;--nav-text:#e0e0e0;--syntax-comment:#6a9955;--syntax-string:#ce9178;--syntax-punctuation:#d4d4d4;--syntax-number:#b5cea8;--syntax-keyword:#569cd6;--syntax-function:#dcdcaa;--syntax-selector:#92c5f8;--syntax-class:#4ec9b0;--syntax-tag:#f44747;--syntax-attr:#9cdcfe;--syntax-important:#ffb347;--syntax-line-number:#858585;--paper:var(--bg-primary);--nav-background:var(--bg-accent);--table-header-background:var(--bg-accent)}}:root{--color-success:#059669;--color-error:#dc2626;--color-warning:#ff9800;--color-info:#007acc;--color-footer:#777}body{color:var(--text-primary);background-color:var(--bg-primary);font-family:Verdana,Geneva,Tahoma,sans-serif}code,pre,.monospace{font-family:Monaco,Menlo,Ubuntu Mono,monospace}h1{font-size:2em;font-weight:700}h3{padding-top:.5rem}p,li{line-height:1.5}.nav,nav{font-size:1.25rem;font-weight:500}button{font-size:1.2rem}.footer,footer{letter-spacing:.1px;color:var(--color-footer);font-size:.7rem}.category-label{font-size:.9rem}.category-tag{font-size:.8rem;font-weight:500}.footnote-ref{font-size:.75em}.footnotes{font-size:.9em}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}a:visited{color:var(--link-color)}button{background:var(--bg-accent);border:1px solid var(--border-accent);border-radius:var(--radius-md);color:var(--offwhite);cursor:pointer;transition:all var(--transition-fast-in-out);padding:5px 10px;font-size:1.2rem}button:hover{opacity:.9}.btn-small{padding:5px 10px}.btn-medium{padding:.5rem 1rem}.card{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-secondary);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);padding:1em}.card:hover{border-color:var(--link-color)}.large-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-fast-in-out);margin-bottom:1.5rem;padding:1.5rem}.large-card:hover{box-shadow:var(--shadow-lg)}.callout{border-left:8px solid var(--link-color);background-color:var(--bg-secondary);border-radius:var(--radius-sm);margin:1em 0;padding:1em;line-height:1.5}.callout-info{border-left-color:var(--color-info)}.callout-warning{border-left-color:var(--color-warning)}.callout-success{border-left-color:var(--color-success)}.callout-error{border-left-color:var(--color-error)}nav{background:var(--nav-background);color:var(--nav-text);padding:1rem 0;font-size:1.25rem;font-weight:500}nav a{color:inherit;transition:opacity var(--transition-fast);text-decoration:none}nav a:hover{opacity:.8}nav ul{gap:1rem;margin:0;padding:0;list-style:none;display:flex}img{border:2px solid var(--border-color);max-width:90%;height:auto}table{table-layout:fixed;border-collapse:collapse;border:2px solid var(--border-color)}thead{background-color:var(--table-header-background);border:2px solid var(--border-color);color:#fff}thead th{letter-spacing:2px;padding:.5rem;font-size:1.25rem}td{letter-spacing:1px;vertical-align:top;padding:.5rem;line-height:1.25}input,select,textarea{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary);padding:.5rem;font-size:1rem}label{color:var(--text-primary);margin-bottom:.25rem;font-weight:500}.form-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:2rem;padding:1rem}.tag{background-color:var(--bg-accent);color:var(--bg-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:.25rem .5rem;font-size:.8rem;font-weight:500;text-decoration:none;display:inline-block}.tag:hover{box-shadow:var(--shadow-interactive);transform:translateY(-1px)}.filter-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:1rem 1rem 2rem;padding:1rem}.filter-controls{align-items:center;gap:1rem;display:flex}.page-header{margin-bottom:2rem;padding:1rem}.page-header h1{margin-bottom:1rem;padding:0}.card-list{flex-direction:column;gap:1rem;padding:0 1rem;display:flex}footer{text-align:center;color:var(--color-footer);letter-spacing:.1px;margin-top:auto;padding:.5rem;font-size:.7rem}.container{grid-template-rows:auto 1fr auto;grid-template-columns:2fr 6fr;gap:20px;min-height:100vh;display:grid}header{grid-area:1/1/auto/-1}.sidebar,aside{border-right:1px solid #999;grid-area:2/1;padding:1rem;overflow-y:auto}article,main{grid-area:2/2/auto/-1;padding:0 2rem;overflow-y:auto}footer{grid-area:3/1/auto/-1}.content-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.two-column{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.nav-list{gap:1rem;list-style:none;display:flex}.card-flex{align-items:flex-start;gap:1em;display:flex}.tags{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.form{flex-direction:column;gap:1rem;display:flex}@media (width>=1024px){.container{grid-template-columns:2fr 8fr;gap:30px}article,main{padding:0 3rem}}@media (width<=768px){.container{grid-template-columns:1fr}.sidebar,aside{display:none}article,main{grid-column:1;padding:2rem}.content-grid{grid-template-columns:1fr;gap:1.5rem}.two-column{grid-template-columns:1fr}.filter-controls{flex-direction:column;align-items:flex-start;gap:.5rem}.card-container{flex-direction:column}}@media (width<=700px){thead th{letter-spacing:1px;padding:.25rem;font-size:1rem}}#text-nav{display:flex}#burger-nav{display:none}@media (width<=768px){#text-nav{display:none}#burger-nav{display:block}}.mobile-menu{background:var(--nav-background);opacity:0;transition:all var(--transition-medium);pointer-events:none;position:absolute;top:100%;left:0;right:0;transform:translateY(-10px)}.mobile-menu.open{opacity:1;pointer-events:all;transform:translateY(0)}body{background:var(--bg-primary);color:var(--text-primary)}.wrap{max-width:720px;padding:var(--space-lg) var(--space-md) var(--space-2xl);margin:0 auto}.hero{text-align:center;padding-bottom:var(--space-lg);margin-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.hero h1{margin-bottom:var(--space-xs)}.tagline{color:var(--text-secondary);margin-bottom:var(--space-lg)}.number{letter-spacing:.02em;padding:var(--space-sm) var(--space-lg);background:var(--bg-accent);color:var(--nav-text);border-radius:var(--radius-md);transition:filter var(--transition-fast);font-size:1.6rem;font-weight:700;text-decoration:none;display:inline-block}.number:hover{filter:brightness(1.08);text-decoration:none}.fine{margin-top:var(--space-md);color:var(--text-muted);font-size:.85rem}section{margin:var(--space-xl) 0}section h2{border-bottom:1px solid var(--border-color);padding-bottom:var(--space-xs);margin-bottom:var(--space-md)}pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-sm);padding:var(--space-md);overflow-x:auto}.callout-warning ul{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.callout-warning li{margin:var(--space-xs) 0}.site-footer{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color);text-align:center;color:var(--color-footer);font-size:.85rem}@media (width<=768px){.number{padding:var(--space-sm) var(--space-md);font-size:1.3rem}}