.page.svelte-1t5f7zw{min-height:100dvh;max-height:100dvh;display:grid;grid-template-rows:var(--header-h) 1fr;overflow:hidden}.topbar.svelte-1t5f7zw{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding-top:env(safe-area-inset-top,0px);padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.back.svelte-1t5f7zw{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--text-3);transition:var(--transition)}html[data-vp~=mobile] .back.svelte-1t5f7zw,html[data-vp~=tablet] .back.svelte-1t5f7zw{width:44px;height:44px}.back.svelte-1t5f7zw:hover{color:var(--text);background:var(--surface)}.right.svelte-1t5f7zw{display:flex;align-items:center}.content.svelte-1t5f7zw{overflow-y:auto;padding:clamp(20px,4vw,48px) clamp(14px,4vw,32px) clamp(48px,9vw,96px);padding-bottom:max(clamp(48px,9vw,96px),env(safe-area-inset-bottom));max-width:1080px;width:100%;margin:0 auto}.hero.svelte-1t5f7zw{margin-bottom:clamp(28px,5vw,56px);display:flex;flex-direction:column;gap:16px}h1.svelte-1t5f7zw{font-size:clamp(28px,7vw,56px);font-weight:700;letter-spacing:-.035em;line-height:1}.italic-serif.svelte-1t5f7zw{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:1.06em}.lede.svelte-1t5f7zw{font-size:16px;color:var(--text-2);line-height:1.55;max-width:640px}.principles.svelte-1t5f7zw{margin-bottom:56px}.principles-head.svelte-1t5f7zw{margin-bottom:20px;display:flex;flex-direction:column;gap:6px}.sect-num.svelte-1t5f7zw{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}.sect-title.svelte-1t5f7zw{font-size:clamp(28px,3vw,36px);font-weight:700;letter-spacing:-.02em;line-height:1.1}.sect-sub.svelte-1t5f7zw{font-size:15px;color:var(--text-2);line-height:1.55;max-width:720px}.principle-grid.svelte-1t5f7zw{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media(max-width:64em){.principle-grid.svelte-1t5f7zw{grid-template-columns:repeat(2,1fr)}}@media(max-width:30em){.principle-grid.svelte-1t5f7zw{grid-template-columns:1fr}}.principle.svelte-1t5f7zw{display:flex;flex-direction:column;gap:8px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.principle-id.svelte-1t5f7zw{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}.principle-title.svelte-1t5f7zw{font-size:14px;font-weight:600;color:var(--text);letter-spacing:-.005em}.principle-body.svelte-1t5f7zw{font-size:12px;color:var(--text-3);line-height:1.5;flex:1}.principle-status.svelte-1t5f7zw{display:inline-flex;align-items:center;align-self:flex-start;padding:2px 10px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;border:1px solid var(--border-mid);color:var(--text-2);background:var(--surface)}.principle-status.status-held.svelte-1t5f7zw{color:var(--success);background:var(--success-dim);border-color:color-mix(in srgb,var(--success) 35%,transparent)}.principle-status.status-partial.svelte-1t5f7zw{color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent);border-color:color-mix(in srgb,var(--warn) 35%,transparent)}.principle-status.status-pending.svelte-1t5f7zw{color:var(--text-3);background:var(--surface);border-color:var(--border-mid)}.principle-note.svelte-1t5f7zw{font-family:var(--font-mono);font-size:10px;color:var(--text-3);line-height:1.5}.tier.svelte-1t5f7zw{margin-bottom:48px;padding:24px 28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);border-left:3px solid var(--tone, var(--accent))}@media(max-width:30em){.tier.svelte-1t5f7zw{margin-bottom:24px;padding:16px 14px}}.tier[data-tone=green].svelte-1t5f7zw{--tone: var(--success)}.tier[data-tone=cyan].svelte-1t5f7zw{--tone: var(--accent)}.tier[data-tone=amber].svelte-1t5f7zw{--tone: var(--warn)}.tier[data-tone=purple].svelte-1t5f7zw{--tone: color-mix(in srgb, var(--accent) 50%, var(--danger))}.tier-head.svelte-1t5f7zw{margin-bottom:18px;padding-bottom:14px;border-bottom:1px dashed var(--border)}.tier-when.svelte-1t5f7zw{font-family:var(--font-mono);font-size:11px;color:var(--tone, var(--accent));font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tier-label.svelte-1t5f7zw{font-size:20px;font-weight:700;margin:4px 0 8px;letter-spacing:-.015em}@media(max-width:30em){.tier-label.svelte-1t5f7zw{font-size:17px}.tier-blurb.svelte-1t5f7zw{font-size:13px}}.tier-blurb.svelte-1t5f7zw{font-size:14px;color:var(--text-2);line-height:1.5;max-width:720px}.layers.svelte-1t5f7zw{display:flex;flex-direction:column;gap:8px}.layer.svelte-1t5f7zw{display:grid;grid-template-columns:60px 1fr auto;align-items:flex-start;gap:16px;padding:14px 16px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition)}@media(max-width:45em){.layer.svelte-1t5f7zw{grid-template-columns:48px 1fr;gap:12px;padding:12px 14px}.layer.svelte-1t5f7zw .risk:where(.svelte-1t5f7zw){display:none}}@media(max-width:30em){.layer.svelte-1t5f7zw{grid-template-columns:40px 1fr;gap:10px;padding:10px 12px}.layer-title.svelte-1t5f7zw{font-size:13px}.layer-std.svelte-1t5f7zw{font-size:10px}.threats.svelte-1t5f7zw{gap:4px}.threat.svelte-1t5f7zw{font-size:10px;padding:2px 6px}}.layer.svelte-1t5f7zw:hover{border-color:var(--border-mid)}.layer-id.svelte-1t5f7zw{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--tone, var(--accent));letter-spacing:.1em;padding-top:2px}.layer-body.svelte-1t5f7zw{display:flex;flex-direction:column;gap:4px}.layer-title.svelte-1t5f7zw{font-size:14px;font-weight:600;letter-spacing:-.005em}.layer-std.svelte-1t5f7zw{font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.threats.svelte-1t5f7zw{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.threat.svelte-1t5f7zw{padding:3px 8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:11px;color:var(--text-2)}.risk.svelte-1t5f7zw{display:flex;gap:3px;padding-top:4px}.risk.svelte-1t5f7zw .dot:where(.svelte-1t5f7zw){width:6px;height:6px;border-radius:50%;background:var(--text-4)}.risk.svelte-1t5f7zw .dot.on:where(.svelte-1t5f7zw){background:var(--tone, var(--accent))}
