a:where(.astro-pz5bw2xs){color:inherit;text-decoration:none}section:where(.astro-pz5bw2xs){padding:100px 0}.btn:where(.astro-pz5bw2xs){display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);font-size:15px;font-weight:700;font-family:var(--font-sans);cursor:pointer;border:var(--border);transition:transform .1s,box-shadow .1s}.btn:where(.astro-pz5bw2xs):active{transform:translate(3px,3px);box-shadow:none!important}.btn:where(.astro-pz5bw2xs):focus-visible{outline:3px solid var(--secondary);outline-offset:2px}.btn-primary:where(.astro-pz5bw2xs){background:var(--primary);color:#0c0c0e;box-shadow:var(--shadow-md);border-color:var(--primary)}.btn-primary:where(.astro-pz5bw2xs):hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.btn-nav:where(.astro-pz5bw2xs){padding:var(--sp-2) var(--sp-4);font-size:13px;background:var(--surface-alt);color:var(--text);box-shadow:var(--shadow-sm)}.btn-nav:where(.astro-pz5bw2xs):hover{box-shadow:var(--shadow-md);transform:translate(-1px,-1px);border-color:var(--primary)}.section-label:where(.astro-pz5bw2xs){font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono);margin-bottom:var(--sp-3)}.section-title:where(.astro-pz5bw2xs){font-size:clamp(32px,5vw,48px);font-weight:900;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--sp-4)}.section-desc:where(.astro-pz5bw2xs){font-size:17px;max-width:560px;margin:0 auto;line-height:1.5}.story-hero:where(.astro-pz5bw2xs){padding:180px 0 80px;text-align:center;background:var(--surface)}.story-hero:where(.astro-pz5bw2xs) .section-label:where(.astro-pz5bw2xs){color:var(--secondary)}.story-content:where(.astro-pz5bw2xs){background:var(--surface-raised);border-top:var(--border);border-bottom:var(--border);padding:80px 0}.story-inner:where(.astro-pz5bw2xs){max-width:680px;margin:0 auto}.story-author:where(.astro-pz5bw2xs){font-size:17px;color:var(--text-muted);line-height:1.7;margin-bottom:var(--sp-4)}.author-links:where(.astro-pz5bw2xs){font-size:14px;font-family:var(--font-mono);font-weight:600;color:var(--text-dim);padding:var(--sp-4) var(--sp-6);border-left:3px solid var(--secondary);background:var(--surface-alt);margin-bottom:48px}.author-links:where(.astro-pz5bw2xs) a:where(.astro-pz5bw2xs){color:var(--secondary);text-decoration:underline;text-underline-offset:2px}.author-links:where(.astro-pz5bw2xs) a:where(.astro-pz5bw2xs):hover{color:var(--text)}.story-inner:where(.astro-pz5bw2xs) h2:where(.astro-pz5bw2xs){font-size:clamp(24px,3.5vw,32px);font-weight:900;letter-spacing:-.02em;line-height:1.2;margin-top:56px;margin-bottom:var(--sp-6);color:var(--text)}.story-inner:where(.astro-pz5bw2xs) h2:where(.astro-pz5bw2xs):first-of-type{margin-top:0}.story-inner:where(.astro-pz5bw2xs)>p:where(.astro-pz5bw2xs){font-size:16px;color:var(--text-muted);line-height:1.7}.story-inner:where(.astro-pz5bw2xs)>p:where(.astro-pz5bw2xs)+p:where(.astro-pz5bw2xs){margin-top:var(--sp-4)}.story-inner:where(.astro-pz5bw2xs) strong:where(.astro-pz5bw2xs){color:var(--text);font-weight:700}.story-inner:where(.astro-pz5bw2xs) a:where(.astro-pz5bw2xs){color:var(--primary);text-decoration:underline;text-underline-offset:2px}.story-inner:where(.astro-pz5bw2xs) a:where(.astro-pz5bw2xs):hover{color:var(--text)}.story-diagram:where(.astro-pz5bw2xs){margin-top:var(--sp-6);margin-bottom:var(--sp-4);padding:var(--sp-6);border:var(--border);background:var(--surface-raised);box-shadow:var(--shadow-sm)}.story-diagram:where(.astro-pz5bw2xs) .diagram-row:where(.astro-pz5bw2xs){display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0}.story-diagram:where(.astro-pz5bw2xs) .diagram-row:where(.astro-pz5bw2xs)+.diagram-row:where(.astro-pz5bw2xs){border-top:2px solid #2a2a2e}.story-diagram:where(.astro-pz5bw2xs) .diagram-label:where(.astro-pz5bw2xs){color:var(--text-dim);min-width:60px;font-size:12px;font-family:var(--font-mono);font-weight:600}.diagram-bar:where(.astro-pz5bw2xs){height:12px;background:var(--danger);border:2px solid var(--danger);min-width:12px}.story-diagram:where(.astro-pz5bw2xs) .diagram-value:where(.astro-pz5bw2xs){font-size:12px;font-family:var(--font-mono);font-weight:600;color:var(--text-muted);white-space:nowrap}.diagram-caption:where(.astro-pz5bw2xs){margin-top:var(--sp-4);font-size:12px;font-weight:600;font-family:var(--font-mono);color:var(--text-dim);text-align:center}.arch-diagram:where(.astro-pz5bw2xs){margin-top:var(--sp-6);margin-bottom:var(--sp-4);padding:var(--sp-6);border:var(--border);background:var(--surface-raised);box-shadow:var(--shadow-sm)}.arch-row:where(.astro-pz5bw2xs){display:flex;align-items:center;justify-content:center;gap:var(--sp-3);flex-wrap:wrap}.arch-box:where(.astro-pz5bw2xs){padding:var(--sp-2) var(--sp-4);font-size:13px;font-weight:700;font-family:var(--font-mono);border:var(--border);background:var(--surface-alt);color:var(--text)}.arch-box:where(.astro-pz5bw2xs).highlight{background:var(--primary);color:#0c0c0e;border-color:var(--primary);box-shadow:var(--shadow-sm)}.arch-box:where(.astro-pz5bw2xs).dim{color:var(--text-dim);border-color:#3a3a40;border-style:dashed}.arch-arrow:where(.astro-pz5bw2xs){color:var(--text-dim);font-size:18px;font-family:var(--font-mono)}.arch-note:where(.astro-pz5bw2xs){margin-top:var(--sp-4);font-size:12px;font-weight:600;font-family:var(--font-mono);color:var(--text-dim);text-align:center;line-height:1.5}.arch-note:where(.astro-pz5bw2xs) em:where(.astro-pz5bw2xs){color:var(--primary);font-style:normal;font-weight:700}.rec-grid:where(.astro-pz5bw2xs){display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-top:var(--sp-6)}.rec-card:where(.astro-pz5bw2xs){padding:var(--sp-6);border:var(--border);background:var(--surface-raised);box-shadow:var(--shadow-sm);transition:transform .1s,box-shadow .1s}.rec-card:where(.astro-pz5bw2xs):hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.rec-icon:where(.astro-pz5bw2xs){font-size:28px;margin-bottom:var(--sp-3)}.rec-card:where(.astro-pz5bw2xs) h3:where(.astro-pz5bw2xs){font-size:15px;font-weight:700;margin-bottom:var(--sp-2);color:var(--text)}.rec-card:where(.astro-pz5bw2xs) p:where(.astro-pz5bw2xs){font-size:13px;color:var(--text-muted);line-height:1.5}.rec-card:where(.astro-pz5bw2xs).pro{border-color:var(--secondary)}.rec-note:where(.astro-pz5bw2xs){margin-top:var(--sp-4)!important;font-size:13px!important;color:var(--text-dim)!important;font-family:var(--font-mono);text-align:center}.cta:where(.astro-pz5bw2xs){background:var(--surface);text-align:center}.cta:where(.astro-pz5bw2xs) .section-label:where(.astro-pz5bw2xs){color:var(--primary)}.cta:where(.astro-pz5bw2xs) .section-title:where(.astro-pz5bw2xs){color:var(--text)}.cta:where(.astro-pz5bw2xs) .section-desc:where(.astro-pz5bw2xs){color:var(--text-muted);margin-bottom:var(--sp-8)}.hero-actions:where(.astro-pz5bw2xs){display:flex;align-items:center;justify-content:center;gap:var(--sp-4);flex-wrap:wrap}@media(max-width:768px){section:where(.astro-pz5bw2xs){padding:64px 0}.story-hero:where(.astro-pz5bw2xs){padding:130px 0 64px}.story-content:where(.astro-pz5bw2xs){padding:64px 0}.story-diagram:where(.astro-pz5bw2xs),.arch-diagram:where(.astro-pz5bw2xs){padding:var(--sp-4)}.rec-grid:where(.astro-pz5bw2xs){grid-template-columns:1fr}}@media(max-width:480px){.btn:where(.astro-pz5bw2xs){width:100%;justify-content:center}.arch-row:where(.astro-pz5bw2xs){flex-direction:column}.arch-arrow:where(.astro-pz5bw2xs){transform:rotate(90deg)}}