:root{--color-bg:#f0ece4;--color-surface:#fff;--color-surface-hover:#f5f1eb;--color-surface-elevated:#ede9e1;--color-border:#d8d2c8;--color-border-subtle:#e8e3da;--color-text-primary:#1a1a1e;--color-text-secondary:#4a4a52;--color-text-muted:#636368;--color-accent:#1a1a1e;--color-accent-hover:#3a3a44;--color-accent-subtle:#1a1a1e14;--color-accent-category:#922b21;--color-accent-category-subtle:#922b2114;--color-accent-category-border:#922b2140;--badge-experienced-bg:#cbe5d9;--badge-experienced-text:#1a1a1e;--badge-experienced-border:#a8bfb2;--badge-comfortable-bg:#e8e3da;--badge-comfortable-text:#4a4a52;--badge-comfortable-border:#c8c2b8;--font-family-sans:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-size-xs:clamp(.6944rem, .1564vw + .6632rem, .8rem);--font-size-sm:clamp(.8333rem, .2469vw + .784rem, 1rem);--font-size-base:clamp(1rem, .3704vw + .9259rem, 1.25rem);--font-size-lg:clamp(1.2rem, .537vw + 1.0926rem, 1.5625rem);--font-size-xl:clamp(1.44rem, .7602vw + 1.288rem, 1.9531rem);--font-size-2xl:clamp(1.728rem, 1.0569vw + 1.5166rem, 2.4414rem);--font-size-3xl:clamp(2.0736rem, 1.4491vw + 1.7838rem, 3.0518rem);--font-size-4xl:clamp(2.4883rem, 1.965vw + 2.0953rem, 3.8147rem);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-px:2px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--border-width-1:1px;--border-width-2:2px;--border-style-solid:solid;--border-style-none:none;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--container-max-width:900px;--container-padding:var(--space-6);--letter-spacing-tight:-.02em;--letter-spacing-wide:.05em;--letter-spacing-wider:.08em;--transition-fast:.15s ease;--transition-normal:.25s ease}@media (prefers-color-scheme:dark){:root{--color-bg:#18181b;--color-surface:#242428;--color-surface-hover:#2e2e34;--color-surface-elevated:#2b2b30;--color-border:#383842;--color-border-subtle:#2d2d35;--color-text-primary:#f5f5f7;--color-text-secondary:#c2c2cc;--color-text-muted:#9494a0;--color-accent:#f4f4f6;--color-accent-hover:#dddde4;--color-accent-subtle:#f4f4f61a;--color-accent-category:#e57368;--color-accent-category-subtle:#e5736824;--color-accent-category-border:#e5736852;--badge-experienced-bg:#224233;--badge-experienced-text:#b4ebd6;--badge-experienced-border:#31604a;--badge-comfortable-bg:#302c28;--badge-comfortable-text:#dcd2c5;--badge-comfortable-border:#48423c}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family-sans);background-color:var(--color-bg);color:var(--color-text-primary);color-scheme:light dark;font-size:16px;line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}a.btn{color:inherit}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);margin-top:var(--space-8);margin-bottom:var(--space-4)}h1{font-size:var(--font-size-3xl);margin-top:0}h2{font-size:var(--font-size-2xl);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-2)}h3{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}ul,ol{margin-bottom:var(--space-6);padding-left:var(--space-6);color:var(--color-text-secondary)}li{margin-bottom:var(--space-2);line-height:var(--line-height-relaxed)}strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.15rem .35rem}.container{width:100%;max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid #0000;align-items:center;padding:.15rem .55rem;display:inline-flex}.badge--experienced{background-color:var(--badge-experienced-bg);color:var(--badge-experienced-text);border-color:var(--badge-experienced-border)}.badge--comfortable{background-color:var(--badge-comfortable-bg);color:var(--badge-comfortable-text);border-color:var(--badge-comfortable-border)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);transition:transform var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast)}.card:hover{background-color:var(--color-surface-hover);border-color:var(--color-accent)}.table-container{margin-bottom:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--font-size-sm)}th{background-color:var(--color-surface-elevated);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary)}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--color-surface)}