.spec-container{padding:var(--space-20) var(--space-8)}.spec-section{margin-bottom:var(--space-20)}.layout-two-col{display:grid;grid-template-columns:260px 1fr;grid-gap:var(--space-12);gap:var(--space-12);align-items:start}.side-nav{position:-webkit-sticky;position:sticky;top:var(--space-20)}.side-nav a{display:block;font-family:var(--font-body);font-weight:400;font-size:var(--font-size-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-subdued);text-decoration:none;padding:var(--space-2) 0}.side-nav a.active,.side-nav a:hover,.spec-section-label{color:var(--color-accent-gold)}.spec-section-label{font-family:var(--font-body);font-style:italic;font-weight:300;font-size:var(--font-size-body-lg);margin-bottom:var(--space-4)}.spec-title{font-size:var(--font-size-h1-xl);line-height:1.1}.spec-title,.spec-title-sm{font-family:var(--font-display);font-weight:200;letter-spacing:.05em;color:var(--color-text-primary);margin-bottom:var(--space-8)}.spec-title-sm{font-size:var(--font-size-h1);line-height:1.15}.spec-title.gold{color:var(--color-accent-gold)}.spec-section-label.inverse{color:var(--color-text-primary)}.spec-desc{font-family:var(--font-body);font-weight:400;font-size:var(--font-size-body);line-height:1.6;color:var(--color-text-medium);max-width:800px;margin-bottom:var(--space-12)}.spec-card{background:var(--color-surface-base);border:1px solid var(--color-border-default);padding:var(--space-12);border-radius:var(--radius-3)}.spec-card-compact{padding:var(--space-8)}.spec-grid{display:grid;grid-gap:var(--space-12);gap:var(--space-12)}.spec-grid-auto{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.spec-grid-2{grid-template-columns:repeat(2,1fr)}.spec-grid-3{grid-template-columns:repeat(3,1fr)}.body-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-12);gap:var(--space-12)}.spec-mono{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-subdued)}.spec-label{font-family:var(--font-body);font-weight:400;font-size:var(--font-size-base);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-gold);margin-bottom:var(--space-4)}.code-tabs{margin-top:var(--space-4)}.code-tabbar{display:flex;gap:var(--space-4);margin-bottom:var(--space-2)}.code-tab{padding:6px 10px;cursor:pointer;border-bottom:2px solid transparent;color:var(--color-text-subdued)}.code-tab.active{color:var(--color-accent-gold);border-bottom-color:var(--color-accent-gold)}.code-box{background:var(--color-surface-base);border:1px solid var(--color-border-default);padding:var(--space-6);border-radius:var(--radius-3);white-space:pre-wrap}.code-box,.rule-badge{font-family:var(--font-mono);font-size:var(--font-size-sm)}.rule-badge{border:1px solid var(--color-border-default);color:var(--color-text-subdued);padding:2px 6px;border-radius:4px}.rule-ok{color:var(--color-accent-gold)}.rule-ok,.rule-warn{border-color:var(--color-border-default)}.rule-warn{color:var(--color-text-high)}.rule-fail{color:var(--color-text-subtle);border-color:var(--color-border-default)}.swatch-box{height:80px;border:1px solid var(--color-border-default)}.swatch-meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3)}.bento-examples-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-12);gap:var(--space-12)}.bento-example{background:var(--color-surface-base);border:1px solid var(--color-border-default);padding:var(--space-12);border-radius:var(--radius-3)}.rows-small{grid-template-rows:auto auto 1fr auto;grid-gap:var(--space-3)}.rows-hero,.rows-small{display:grid;gap:var(--space-3);height:100%}.rows-hero{grid-template-rows:auto auto auto 1fr auto;grid-gap:var(--space-3)}.bento-cell{font-family:var(--font-body);font-weight:400;font-size:var(--font-size-base);line-height:1.6;letter-spacing:.2em;color:var(--color-text-body);display:flex;align-items:flex-start}.bento-cell.spacer{border:1px solid var(--color-border-default);border-radius:var(--radius-2);background:var(--color-surface-subtle)}.dodont-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-12);gap:var(--space-12)}.dodont-wrong{border:1px solid var(--color-border-default);border-radius:var(--radius-3)}.dodont-right,.dodont-wrong{padding:var(--space-12);background:var(--color-surface-base)}.dodont-right{border:1px solid var(--color-accent-gold);border-radius:var(--radius-3)}.dodont-title-wrong{color:var(--color-text-subtle)}.dodont-title-right,.dodont-title-wrong{font-family:var(--font-body);font-size:var(--font-size-base);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-4)}.dodont-title-right{color:var(--color-accent-gold)}.dodont-box{background:var(--color-surface-base);border-radius:var(--radius-3);padding:var(--space-8);height:100%}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-3{margin-top:var(--space-3)}.mt-12{margin-top:var(--space-12)}.mb-0{margin-bottom:0}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.pad-8{padding:var(--space-8)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-gold{color:var(--color-accent-gold)}.no-margin{margin:0}.auto-rows-320{grid-auto-rows:minmax(320px,auto)}.rows-phase{display:grid;grid-template-rows:auto var(--space-6) minmax(80px,auto) 1fr auto}.label-italic{font-family:var(--font-body);font-style:italic;font-weight:300;font-size:var(--font-size-body-lg);color:var(--color-accent-gold)}.title-domaine-64{font-size:var(--font-size-display)}.title-domaine-48,.title-domaine-64{font-family:var(--font-display);font-weight:200;line-height:1.1;letter-spacing:.05em;color:var(--color-text-primary)}.title-domaine-48{font-size:var(--font-size-h1-xl)}.text-intro{font-family:var(--font-body);font-weight:400;font-size:var(--font-size-body);line-height:1.5;color:var(--color-text-medium)}.text-body-16{font-size:var(--font-size-body);letter-spacing:0}.text-body-14,.text-body-16{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--color-text-body)}.text-body-14{font-size:var(--font-size-base);letter-spacing:.12em}.text-quote{font-family:var(--font-body);font-style:italic;font-weight:300;font-size:var(--font-size-body-lg);line-height:1.4;color:var(--color-text-high)}.key-figure{font-family:var(--font-display);font-weight:200;font-size:var(--font-size-display-lg);line-height:1.1;letter-spacing:.05em;color:var(--color-accent-gold)}.body-12{font-size:var(--font-size-sm)}.body-12,.body-14{font-family:var(--font-body);font-weight:400;line-height:1.6;letter-spacing:.12em;color:var(--color-text-body)}.body-14{font-size:var(--font-size-base)}.body-16{font-weight:400;font-size:var(--font-size-body);line-height:1.6;letter-spacing:0;color:var(--color-text-body)}.body-16,.body-18{font-family:var(--font-body)}.body-18{font-weight:300;font-size:var(--font-size-body-lg);line-height:1.5;letter-spacing:.03em;color:var(--color-text-medium)}.typo-board{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:var(--space-12);gap:var(--space-12);align-items:start}.typo-board .panel{background:var(--color-surface-base);border:1px solid var(--color-border-default);padding:var(--space-12)}.typo-board .notes{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-subdued)}.pairings-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-12);gap:var(--space-12)}.pairing-article,.pairing-card,.pairing-quote{background:var(--color-surface-base);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-12);display:flex;flex-direction:column}.pairing-article,.pairing-card{gap:var(--space-4)}.pairing-quote{gap:var(--space-6)}.pairing-caption{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-subdued);margin-bottom:var(--space-6)}.label-italic-lg{font-family:var(--font-body);font-style:italic;font-weight:300;font-size:var(--font-size-body-lg);color:var(--color-accent-gold)}.title-32{font-size:var(--font-size-h2)}.title-32,.title-48{font-family:var(--font-display);font-weight:200;line-height:1.1;letter-spacing:.05em;color:var(--color-text-primary)}.title-48{font-size:var(--font-size-h1-xl)}.title-64{font-family:var(--font-display);font-weight:200;font-size:var(--font-size-display);line-height:1.1;letter-spacing:.05em;color:var(--color-text-primary)}.action-row-panel{background:var(--color-surface-base);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-12)}.action-row{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:var(--space-6);gap:var(--space-6)}.action-row-violation{display:grid;grid-template-columns:1fr;grid-gap:var(--space-3);gap:var(--space-3)}.button-primary{letter-spacing:.12em;padding:11px 23px;border:1px solid var(--color-accent-gold);background:var(--color-accent-gold);color:var(--color-background);border-radius:var(--radius-1)}.button-primary,.button-violation{font-family:var(--font-body);font-weight:400;font-size:var(--font-size-base);text-transform:uppercase}.button-violation{width:100%;padding:var(--space-3);letter-spacing:.08em;border:1px solid var(--color-border-default);background:transparent;color:var(--color-text-body);border-radius:var(--radius-2)}.accent-left{border-left:4px solid var(--color-accent-gold);border-radius:0 8px 8px 0;background:var(--color-surface-subtle);padding:var(--space-6) var(--space-8)}.accent-violation{border:1px solid var(--color-border-default);border-radius:var(--radius-2);padding:var(--space-6);background:var(--color-surface-base)}.bullet-list{list-style:none;padding-left:var(--space-4);color:var(--color-text-body)}.bullet-list li{position:relative;padding-left:var(--space-4);margin:0 0 var(--space-2) 0}.bullet-list li:before{content:"•";position:absolute;left:0;top:.175rem;font-size:.75em;color:currentColor}.list-native{color:var(--color-text-body);padding-left:var(--space-5)}.list-native li{margin-bottom:var(--space-2)}.phase-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-12);gap:var(--space-12)}.phase-grid-tight{gap:var(--space-6)}.phase-card{background:var(--color-surface-base);border:1px solid var(--color-border-default);border-radius:var(--radius-3);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}.phase-label{font-family:var(--font-body);font-style:italic;font-weight:300;font-size:var(--font-size-body-lg);color:var(--color-accent-gold);letter-spacing:.12em;text-transform:uppercase}@media (max-width:1024px){.layout-two-col{grid-template-columns:1fr}.side-nav{position:static;display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-3)}.side-nav a{padding:var(--space-1) var(--space-2);white-space:nowrap}}@media (max-width:600px){.spec-container{padding:var(--space-12) var(--space-4)}.bento-examples-grid,.body-grid,.dodont-grid,.phase-grid,.spec-grid,.spec-grid-2,.spec-grid-3{grid-template-columns:1fr}}.phase-body{font-family:var(--font-body);font-weight:300;font-size:var(--font-size-body);line-height:1.6;letter-spacing:.12em;color:var(--color-text-body);margin:0}.phase-card-violation{border:1px solid var(--color-border-default);background:var(--color-surface-base);border-radius:var(--radius-3);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}.phase-label-violation{font-family:var(--font-body);font-weight:400;font-size:var(--font-size-base);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-subdued)}.phase-body-violation{font-weight:300;font-size:var(--font-size-body);line-height:1.4;letter-spacing:0;margin:0}.action-heading-violation,.phase-body-violation{font-family:var(--font-body);color:var(--color-text-body)}.action-heading-violation{font-weight:400;font-size:var(--font-size-h4);letter-spacing:.05em}