:root{--color-primary: #60a5fa;--color-primary-rgb: 96, 165, 250;--color-primary-hover: #93c5fd;--color-primary-active: #3b82f6;--color-on-primary: #0b1220;--color-surface: #1e293b;--color-surface-card: rgba(30, 41, 59, .55);--color-background: #0f172a;--color-text: #f1f5f9;--color-text-bright: #f8fafc;--color-text-soft: #cbd5e1;--color-text-muted: #94a3b8;--color-text-dim: #64748b;--color-border: #334155;--color-border-strong: #475569;--color-success: #4ade80;--color-danger: #f87171;--color-focus-ring: #bfdbfe;--section-padding: 6rem 0;--font-family: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Courier New", monospace;--radius-card: 14px;--radius-control: 8px}html{scroll-behavior:smooth;font-size:16px}@media (min-width: 1500px){html{font-size:17px}}@media (min-width: 1800px){html{font-size:18px}}body{font-family:var(--font-family);color:var(--color-text);background-color:var(--color-background);line-height:1.6}.container{max-width:min(84rem,94vw);padding-left:clamp(1rem,2.5vw,2.5rem);padding-right:clamp(1rem,2.5vw,2.5rem)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px;border-radius:4px}section[id]{scroll-margin-top:5.5rem}.section-padding{padding:var(--section-padding)}.section-alt{background-color:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.section-eyebrow{display:block;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary)}.section-heading{margin:0;font-size:clamp(1.75rem,3.4vw,2.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.12;color:var(--color-text-bright)}.section-lead{color:var(--color-text-muted);line-height:1.6;margin:0}.section-rule{display:block;width:56px;height:3px;border-radius:2px;background-color:var(--color-primary)}.hairline{display:block;height:1px;background-color:var(--color-border);border:0;opacity:1}.surface-card{background-color:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-card)}.section-alt .surface-card{background-color:#0f172a8c}.btn-accent,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:46px;padding:.7rem 1.35rem;border-radius:var(--radius-control);font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.btn-accent{background-color:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-on-primary)}.btn-accent:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-on-primary);transform:translateY(-1px);box-shadow:0 8px 20px rgba(var(--color-primary-rgb),.22)}.btn-accent:active:not(:disabled){background-color:var(--color-primary-active);border-color:var(--color-primary-active);transform:translateY(1px);box-shadow:none}.btn-accent:disabled{background-color:var(--color-border);border-color:var(--color-border);color:var(--color-text-dim);cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background-color:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-soft);font-weight:500}.btn-ghost:hover{border-color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.08);color:var(--color-text-bright)}.tech-badge{font-family:var(--font-mono);background-color:rgba(var(--color-primary-rgb),.12);color:var(--color-primary);font-weight:400;font-size:.75rem;padding:.4em .65em;border-radius:6px}.date-badge{font-family:var(--font-mono);background-color:transparent!important;color:var(--color-text-muted)!important;border:1px solid var(--color-border)!important;font-weight:400;font-size:.75rem;padding:.5em .8em;border-radius:7px}.flag-badge{font-size:.78rem;font-weight:500;color:var(--color-success);background-color:#4ade801f;border-radius:6px;padding:.4em .7em}.meta-label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-dim)}.footer{background-color:var(--color-background);border-top:1px solid var(--color-border)}ul{list-style-type:disc}.text-balance{text-wrap:pretty}
