:root{--n-off-white:#f6f4ef;--n-sand:#efe8da;--n-beige:#e4dacb;--n-warm-gray-light:#c9bfb2;--n-warm-gray:#8b7e74;--n-warm-charcoal:#2e2e2e;--n-white:#fff;--a-sage:#7a8f7a;--a-sage-dark:#5e7160;--a-sage-light:#aebca9;--a-terracotta:#b3654a;--a-terracotta-dark:#8f4e39;--a-gold:#c2a875;--surface-page:var(--n-off-white);--surface-alt:var(--n-sand);--surface-card:var(--n-white);--surface-sunken:var(--n-beige);--surface-inverse:var(--n-warm-charcoal);--border-subtle:#e2dacd;--border-default:#d6cbbb;--border-strong:var(--n-warm-gray);--text-primary:var(--n-warm-charcoal);--text-secondary:#5c5650;--text-muted:#8b8378;--text-inverse:var(--n-off-white);--text-on-accent:var(--n-off-white);--accent-primary:var(--a-sage);--accent-primary-hover:var(--a-sage-dark);--accent-secondary:var(--a-terracotta);--accent-secondary-hover:var(--a-terracotta-dark);--accent-highlight:var(--a-gold);--focus-ring:var(--a-sage-dark);--feedback-success:var(--a-sage-dark);--feedback-caution:var(--a-terracotta);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-s:6px;--radius-m:12px;--radius-l:20px;--radius-pill:999px;--shadow-card:0 1px 2px #2e2e2e0a,0 8px 24px #2e2e2e0f;--shadow-raised:0 2px 4px #2e2e2e0d,0 16px 40px #2e2e2e17;--shadow-none:none;--ease-standard:cubic-bezier(.4,0,.2,1);--duration-fast:.15s;--duration-standard:.26s;--duration-slow:.42s;--container-max:1120px;--border-width:1px;--font-display:"Playfair Display",ui-serif,Georgia,serif;--font-interface:"Manrope",ui-sans-serif,system-ui,sans-serif;--text-display-xl:3.5rem;--text-display-l:2.75rem;--text-display-m:2rem;--text-heading-l:1.75rem;--text-heading-m:1.375rem;--text-heading-s:1.125rem;--text-body-l:1.125rem;--text-body-m:1rem;--text-body-s:.875rem;--text-caption:.75rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.55;--leading-relaxed:1.7;--tracking-tight:0;--tracking-normal:0;--tracking-wide:0;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--emphasis-style:italic;--tone-sage:#7a8f7a29;--tone-terracotta:#b3654a24;--tone-gold:#c2a8752e;--text-gold:#7a6435;--overlay:#2e2e2e59;--text-ui:.875rem;--text-ui-small:.8125rem;--text-ui-large:.9375rem;--control-sm:36px;--control-md:44px;--control-lg:52px;--choice-size:20px;--switch-width:40px;--switch-height:24px;--switch-thumb:18px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-stroke:1.5;--space-half:2px;--space-control:10px;--space-control-inline:20px;--space-badge-inline:10px;--focus-width:2px;--focus-offset:3px;--disabled-opacity:.45;--dialog-width:480px;--switch-small-width:36px;--switch-small-height:20px;--switch-small-thumb:14px;--spinner-duration:1s;--motion-reduced-duration:.01ms}.rdl-button,.rdl-input,.rdl-choice,.rdl-badge,.rdl-tag,.rdl-toast,.rdl-tooltip,.rdl-card,.rdl-dialog,.rdl-tabs{font-family:var(--font-interface);letter-spacing:var(--tracking-normal);box-sizing:border-box}.rdl-button{justify-content:center;align-items:center;gap:var(--space-2);border:var(--border-width) solid transparent;border-radius:var(--radius-s);font-weight:var(--weight-semibold);cursor:pointer;white-space:nowrap;transition:background var(--duration-standard) var(--ease-standard),color var(--duration-standard) var(--ease-standard);text-decoration:none;display:inline-flex}.rdl-button--primary{background:var(--accent-primary);color:var(--text-on-accent)}.rdl-button--primary:hover{background:var(--accent-primary-hover)}.rdl-button--secondary{color:var(--text-primary);border-color:var(--border-default);background:0 0}.rdl-button--secondary:hover,.rdl-button--ghost:hover{background:var(--surface-alt)}.rdl-button--ghost{color:var(--text-primary);background:0 0}.rdl-button--sm{min-height:var(--control-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-ui-small)}.rdl-button--md{min-height:var(--control-md);padding:var(--space-control) var(--space-control-inline);font-size:var(--text-ui)}.rdl-button--lg{min-height:var(--control-lg);padding:var(--space-3) var(--space-5);font-size:var(--text-ui-large)}.rdl-button:disabled,.rdl-input:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.rdl-choice:has(input:disabled){opacity:var(--disabled-opacity);cursor:not-allowed}.rdl-button:focus-visible,.rdl-input:focus-visible,.rdl-choice input:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.rdl-icon{stroke-width:var(--icon-stroke);width:var(--icon-md);height:var(--icon-md);flex-shrink:0;display:inline-block}.rdl-icon--sm{width:var(--icon-sm);height:var(--icon-sm)}.rdl-icon--lg{width:var(--icon-lg);height:var(--icon-lg)}.rdl-field{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.rdl-label{font-size:var(--text-ui-small);color:var(--text-secondary)}.rdl-input{background:var(--surface-card);width:100%;min-width:0;color:var(--text-primary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-s);font-size:var(--text-ui);padding:var(--space-control) var(--space-3);transition:border-color var(--duration-fast) var(--ease-standard)}.rdl-input::placeholder{color:var(--text-muted)}.rdl-input--sm{height:var(--control-sm)}.rdl-input--md{height:var(--control-md)}.rdl-input--lg{height:var(--control-lg)}.rdl-input:focus{border-color:var(--focus-ring)}.rdl-input--error{border-color:var(--feedback-caution)}.rdl-help{font-size:var(--text-caption);color:var(--text-muted)}.rdl-help--error{color:var(--a-terracotta-dark)}.rdl-select{appearance:none;padding-right:var(--space-6)}.rdl-select-wrap{position:relative}.rdl-select-wrap>.rdl-icon{right:var(--space-3);pointer-events:none;color:var(--text-muted);position:absolute;top:50%;transform:translateY(-50%)}.rdl-choice{align-items:center;gap:var(--space-control);font-size:var(--text-ui);color:var(--text-primary);cursor:pointer;display:inline-flex}.rdl-checkbox,.rdl-radio{width:var(--choice-size);height:var(--choice-size);accent-color:var(--accent-primary);cursor:inherit;flex-shrink:0}.rdl-choice--sm{width:var(--icon-sm);height:var(--icon-sm)}.rdl-switch{width:var(--switch-width);height:var(--switch-height);flex-shrink:0;display:inline-flex;position:relative}.rdl-switch input{opacity:0;z-index:1;cursor:inherit;width:100%;height:100%;margin:0;position:absolute;inset:0}.rdl-switch-track{background:var(--border-default);border-radius:var(--radius-pill);width:100%;height:100%;transition:background var(--duration-fast) var(--ease-standard)}.rdl-switch-track:after{content:"";width:var(--switch-thumb);height:var(--switch-thumb);top:var(--focus-offset);left:var(--focus-offset);border-radius:var(--radius-pill);background:var(--surface-card);transition:transform var(--duration-fast) var(--ease-standard);position:absolute}.rdl-switch input:checked+.rdl-switch-track{background:var(--accent-primary)}.rdl-switch input:checked+.rdl-switch-track:after{transform:translateX(calc(var(--switch-width) - var(--switch-thumb) - var(--focus-offset) * 2))}.rdl-switch:has(input:focus-visible){outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-pill)}.rdl-switch--sm{--switch-width:var(--switch-small-width);--switch-height:var(--switch-small-height);--switch-thumb:var(--switch-small-thumb)}.rdl-badge{border-radius:var(--radius-pill);padding:var(--space-1) var(--space-badge-inline);font-size:var(--text-caption);font-weight:var(--weight-semibold);line-height:var(--leading-normal);align-items:center;display:inline-flex}.rdl-badge--neutral{background:var(--surface-sunken);color:var(--text-secondary)}.rdl-badge--sage{background:var(--tone-sage);color:var(--a-sage-dark)}.rdl-badge--terracotta{background:var(--tone-terracotta);color:var(--a-terracotta-dark)}.rdl-badge--gold{background:var(--tone-gold);color:var(--text-gold)}.rdl-badge--sm{padding:var(--space-half) var(--space-2)}.rdl-tag{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-pill);font-size:var(--text-ui-small);color:var(--text-primary);display:inline-flex}.rdl-tag--subtle{background:var(--surface-alt);border-color:#0000}.rdl-tag--sm{font-size:var(--text-caption)}.rdl-tag-remove.rdl-button{min-height:0;color:var(--text-muted);padding:0}.rdl-toast{align-items:center;gap:var(--space-3);background:var(--surface-card);border-radius:var(--radius-m);box-shadow:var(--shadow-raised);padding:var(--space-4);color:var(--text-primary);font-size:var(--text-ui);animation:rdl-fade var(--duration-standard) var(--ease-standard);display:inline-flex}.rdl-toast .rdl-icon{color:var(--feedback-success)}.rdl-toast--caution .rdl-icon{color:var(--feedback-caution)}.rdl-toast--neutral .rdl-icon{color:var(--text-secondary)}.rdl-tooltip{display:inline-flex;position:relative}.rdl-tooltip-label{transform:translate(-50%,calc(-1 * var(--space-2)));border-radius:var(--radius-s);background:var(--surface-inverse);color:var(--text-inverse);font-size:var(--text-caption);padding:var(--space-2) var(--space-3);white-space:nowrap;opacity:0;pointer-events:none;z-index:10;transition:opacity var(--duration-fast) var(--ease-standard);position:absolute;bottom:100%;left:50%}.rdl-tooltip:hover .rdl-tooltip-label,.rdl-tooltip:focus-within .rdl-tooltip-label{opacity:1}.rdl-tooltip--bottom .rdl-tooltip-label{transform:translate(-50%,var(--space-2));top:100%;bottom:auto}.rdl-card{background:var(--surface-card);border-radius:var(--radius-m);gap:var(--space-3);color:var(--text-primary);flex-direction:column;display:flex}.rdl-card--elevated{box-shadow:var(--shadow-card)}.rdl-card--outline{border:var(--border-width) solid var(--border-subtle)}.rdl-card--subtle{background:var(--surface-alt)}.rdl-card--sm{padding:var(--space-5)}.rdl-card--md{padding:var(--space-6)}.rdl-card--lg{padding:var(--space-7)}.rdl-card-title{font-family:var(--font-display);font-size:var(--text-heading-m);line-height:var(--leading-snug)}.rdl-card-content{font-size:var(--text-body-s);line-height:var(--leading-normal);color:var(--text-secondary)}.rdl-card-footer{margin-top:var(--space-2)}.rdl-dialog{width:var(--dialog-width);max-width:calc(100% - var(--space-6));border-radius:var(--radius-l);background:var(--surface-card);color:var(--text-primary);box-shadow:var(--shadow-raised);border:none;margin:auto;padding:0;position:fixed;inset:0}.rdl-dialog::backdrop{background:var(--overlay)}.rdl-dialog--lg{width:var(--container-max)}.rdl-dialog-inner{padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.rdl-dialog-heading{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.rdl-dialog-heading h2{font-family:var(--font-display);font-size:var(--text-heading-l);font-weight:var(--weight-regular)}.rdl-dialog-content{line-height:var(--leading-normal);font-size:var(--text-body-m)}.rdl-dialog-footer{justify-content:flex-end;gap:var(--space-3);display:flex}.rdl-tabs{gap:var(--space-5);border-bottom:var(--border-width) solid var(--border-subtle);display:flex}.rdl-tabs .rdl-tab{color:var(--text-muted);padding:var(--space-3) var(--space-half);border-bottom:var(--focus-width) solid transparent;border-radius:0}.rdl-tabs .rdl-tab[aria-selected=true]{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.rdl-tabs--pill{background:var(--surface-alt);border-radius:var(--radius-pill);gap:var(--space-1);padding:var(--space-1);border:0}.rdl-tabs--pill .rdl-tab{border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);border:0}.rdl-tabs--pill .rdl-tab[aria-selected=true]{background:var(--surface-card)}.rdl-spinner{width:var(--icon-sm);height:var(--icon-sm);border:var(--focus-width) solid currentColor;border-radius:var(--radius-pill);animation:rdl-spin var(--spinner-duration) linear infinite;border-right-color:#0000}@keyframes rdl-spin{to{transform:rotate(360deg)}}@keyframes rdl-fade{0%{opacity:0;transform:translateY(var(--space-1))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:var(--motion-reduced-duration)!important;transition-duration:var(--motion-reduced-duration)!important}}.rdl-textarea{resize:vertical;height:auto;line-height:var(--leading-normal);padding:var(--space-3)}.rdl-textarea--sm{min-height:var(--space-9)}.rdl-textarea--md{min-height:var(--space-10)}.rdl-textarea--lg{min-height:calc(var(--space-10) * 1.5)}@font-face{font-family:Manrope;src:url(/assets/manrope-latin-DHIcAJRg.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Playfair Display;src:url(/assets/playfair-latin-BOwq7MWX.woff2)format("woff2");font-style:normal;font-weight:400 600;font-display:swap}@font-face{font-family:Playfair Display;src:url(/assets/playfair-italic-latin-DmbndNpe.woff2)format("woff2");font-style:italic;font-weight:400 600;font-display:swap}:root{--sidebar-width:232px;--topbar-height:76px;--showcase-max:1320px;--showcase-photo-height:250px;--showcase-preview-height:240px;--showcase-mini-height:72px}.showcase{min-height:100vh}.sidebar{width:var(--sidebar-width);border-right:var(--border-width) solid var(--border-subtle);padding:var(--space-6) var(--space-5);background:var(--surface-page);z-index:20;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.system-brand{padding:var(--space-2) var(--space-3) var(--space-7);flex-direction:column;display:flex}.system-name{font-family:var(--font-display);font-size:var(--text-display-l);line-height:var(--leading-tight)}.brand-dot{color:var(--a-sage)}.system-descriptor{font-size:var(--text-caption);color:var(--text-secondary);margin-top:var(--space-2)}.sidebar-label{font-size:var(--text-caption);color:var(--text-muted);margin:var(--space-4) var(--space-3);display:block}.sidebar nav{gap:var(--space-1);flex-direction:column;display:flex}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3);color:var(--text-secondary);font-size:var(--text-ui-small);border-radius:var(--radius-s);display:flex}.nav-item--active{background:var(--surface-alt);color:var(--a-sage-dark);font-weight:var(--weight-semibold)}.nav-item:hover{background:var(--surface-alt)}.active-dot,.status-dot{width:var(--space-1);height:var(--space-1);border-radius:var(--radius-pill);background:var(--a-sage);display:inline-block}.active-dot{margin-left:auto}.sidebar-note{gap:var(--space-2);padding:var(--space-7) var(--space-3) var(--space-6);font-size:var(--text-caption);color:var(--text-muted);flex-direction:column;margin-top:auto;display:flex}.signature{font-family:var(--font-display);font-size:var(--text-body-l);color:var(--text-secondary)}.sidebar-footer{align-items:center;gap:var(--space-2);border-top:var(--border-width) solid var(--border-subtle);padding-top:var(--space-5);font-size:var(--text-caption);color:var(--text-muted);display:flex}.sidebar-footer>span:last-child{margin-left:auto}.main-wrap{margin-left:var(--sidebar-width)}.topbar{height:var(--topbar-height);border-bottom:var(--border-width) solid var(--border-subtle);padding:0 var(--space-7);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.breadcrumb{gap:var(--space-3);font-size:var(--text-caption);color:var(--text-muted);align-items:center;display:flex}.breadcrumb>span:last-child{color:var(--text-secondary)}.mobile-menu.rdl-button{display:none}main{max-width:var(--showcase-max);padding:var(--space-7);margin:auto}.eyebrow{font-size:var(--text-caption);color:var(--text-muted);font-weight:var(--weight-medium)}.overview-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-6);display:flex}.overview-heading h1{font-family:var(--font-display);font-size:var(--text-display-l);line-height:var(--leading-snug);margin:var(--space-3) 0}.heading-period{color:var(--a-sage)}.overview-heading p{font-size:var(--text-body-s);color:var(--text-secondary)}.overview-heading>.rdl-badge{white-space:nowrap;margin-bottom:var(--space-1)}.editorial-specimen{background:var(--surface-alt);padding:var(--space-6);border-radius:var(--radius-s);margin-bottom:var(--space-7)}.specimen-meta,.specimen-bottom{font-size:var(--text-caption);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.specimen-meta .rdl-icon{color:var(--a-sage-dark)}.editorial-specimen blockquote{font-family:var(--font-display);font-size:var(--text-display-m);line-height:var(--leading-snug);padding:var(--space-6) 0 var(--space-7);color:var(--text-primary)}.editorial-specimen em{color:var(--a-sage-dark)}.specimen-bottom{border-top:var(--border-width) solid var(--border-default);padding-top:var(--space-4)}.section-heading{margin:var(--space-6) 0 var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.section-heading h2{font-family:var(--font-display);font-size:var(--text-heading-m)}.section-heading>span,.section-heading>a{font-size:var(--text-caption);color:var(--text-muted)}.section-heading>a{align-items:center;gap:var(--space-2);color:var(--text-secondary);display:flex}.foundation-grid{gap:var(--space-5);margin-bottom:var(--space-7);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.foundation-item{border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-s);padding:var(--space-5);gap:var(--space-5);transition:border-color var(--duration-fast) var(--ease-standard);flex-direction:column;display:flex}.foundation-item:hover{border-color:var(--a-sage)}.foundation-item h3{font-size:var(--text-ui);font-weight:var(--weight-semibold);justify-content:space-between;gap:var(--space-2);display:flex}.foundation-item h3>.rdl-icon{color:var(--text-muted)}.foundation-item p{font-size:var(--text-caption);color:var(--text-secondary);margin-top:var(--space-2)}.tiny-caption{font-size:var(--text-caption);color:var(--text-muted);display:block}.mini-palette{height:var(--showcase-mini-height);border-radius:var(--radius-s);display:flex;overflow:hidden}.mini-palette span{flex:1}.mini-sand{background:var(--n-sand)}.mini-beige{background:var(--n-beige)}.mini-sage{background:var(--a-sage)}.mini-terra{background:var(--a-terracotta)}.mini-charcoal{background:var(--n-warm-charcoal)}.mini-type{gap:var(--space-5);height:var(--showcase-mini-height);align-items:center;display:flex}.mini-type span{font-size:var(--text-display-l);line-height:var(--leading-tight)}.mini-type span:first-child{font-family:var(--font-display)}.mini-type span:last-child{color:var(--a-sage)}.mini-controls{align-items:center;gap:var(--space-3);height:var(--showcase-mini-height);display:flex}.mini-cta{align-items:center;gap:var(--space-2);background:var(--a-sage);padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);color:var(--text-inverse);font-size:var(--text-caption);display:flex}.mini-check{background:var(--a-sage);color:var(--text-inverse);border-radius:var(--radius-s);width:var(--choice-size);height:var(--choice-size);justify-content:center;align-items:center;display:flex}.mini-toggle{background:var(--a-sage);height:var(--switch-height);width:var(--switch-width);border-radius:var(--radius-pill);display:block;position:relative}.mini-toggle:after{content:"";right:var(--focus-offset);top:var(--focus-offset);background:var(--surface-card);width:var(--switch-thumb);height:var(--switch-thumb);border-radius:var(--radius-pill);position:absolute}.practice-grid{gap:var(--space-5);grid-template-columns:1.35fr 1fr .85fr;align-items:start;display:grid}.practice-controls h3{font-family:var(--font-display);font-size:var(--text-heading-l);margin:var(--space-3) 0}.practice-controls>p{font-size:var(--text-body-s);line-height:var(--leading-relaxed);color:var(--text-secondary);max-width:30ch}.button-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.practice-controls .button-row{margin:var(--space-5) 0}.practice-controls .rdl-button{font-size:var(--text-caption);padding-left:var(--space-3);padding-right:var(--space-3)}.practice-switch{gap:var(--space-3);margin:var(--space-5) 0;flex-wrap:wrap;display:flex}.practice-switch .rdl-choice{font-size:var(--text-caption)}.practice-card{margin-top:var(--space-2)}.practice-card.rdl-card{padding:var(--space-5)}.practice-card .rdl-card-content p{margin-top:var(--space-4);line-height:var(--leading-relaxed)}.practice-card .rdl-card-footer>.rdl-button{min-height:var(--control-sm);font-size:var(--text-caption);color:var(--a-sage-dark);padding:0}.portrait-specimen{border-radius:var(--radius-s);overflow:hidden}.portrait-specimen img{height:var(--showcase-photo-height);object-fit:cover;object-position:center 38%}.portrait-specimen figcaption{gap:var(--space-1);margin-top:var(--space-3);font-size:var(--text-caption);color:var(--text-secondary);flex-direction:column;display:flex}.portrait-specimen figcaption span:last-child{color:var(--text-muted)}.detail-band{margin-top:var(--space-7);padding:var(--space-6) 0;border-top:var(--border-width) solid var(--border-subtle);border-bottom:var(--border-width) solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-5);display:flex}.detail-band h2{font-family:var(--font-display);font-size:var(--text-heading-m);margin-top:var(--space-2)}.spacing-samples{align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.spacing-samples>div{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.spacing-samples code{font-size:var(--text-caption);color:var(--text-muted)}.spacing-bar{width:var(--space-5);background:var(--a-sage-light);border-radius:var(--space-half);display:block}.spacing-1{height:var(--space-1)}.spacing-2{height:var(--space-2)}.spacing-3{height:var(--space-3)}.spacing-4{height:var(--space-4)}.spacing-5{height:var(--space-5)}.spacing-6{height:var(--space-6)}.spacing-7{height:var(--space-7)}.photo-grid{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.photo-grid img{height:var(--showcase-photo-height);object-fit:cover;border-radius:var(--radius-s)}.photo-grid figcaption{font-size:var(--text-caption);color:var(--text-muted);padding-top:var(--space-3)}.page-footer{padding:var(--space-5) var(--space-7);border-top:var(--border-width) solid var(--border-subtle);justify-content:space-between;gap:var(--space-4);font-size:var(--text-caption);color:var(--text-muted);display:flex}.page-heading{margin-bottom:var(--space-7)}.page-heading h1{font-family:var(--font-display);font-size:var(--text-display-l);line-height:var(--leading-snug);margin:var(--space-3) 0}.page-heading p{color:var(--text-secondary)}.token-section{margin-bottom:var(--space-7)}.swatch-grid{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.swatch-color{height:var(--space-10);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-s);font-family:var(--font-display);font-size:var(--text-display-m);justify-content:center;align-items:center;display:flex}.swatch-info{justify-content:space-between;align-items:center;gap:var(--space-1);margin-top:var(--space-2);display:flex}.swatch-info code{font-size:var(--text-caption);overflow-wrap:anywhere}.swatch-info .rdl-button{padding:var(--space-1);min-height:var(--control-sm)}.font-pair{border-bottom:var(--border-width) solid var(--border-subtle);padding-bottom:var(--space-7);gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.font-display-sample{font-family:var(--font-display)}.font-display-sample,.font-interface-sample{font-size:var(--text-display-m);margin:var(--space-5) 0 var(--space-3)}.font-pair p{margin-bottom:var(--space-2);font-size:var(--text-ui-small)}.type-row{padding:var(--space-6) 0;border-bottom:var(--border-width) solid var(--border-subtle);gap:var(--space-5);grid-template-columns:180px minmax(0,1fr);align-items:center;display:grid}.type-row code{font-size:var(--text-caption)}.type-row .tiny-caption{margin-top:var(--space-2)}.type-example{line-height:var(--leading-snug)}.emphasis-specimen{padding:var(--space-7) 0}.emphasis-specimen p{font-family:var(--font-display);font-size:var(--text-display-m);margin-top:var(--space-4)}.emphasis-specimen em{color:var(--a-sage-dark)}.type-meta-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.type-meta-grid h3{font-family:var(--font-display);font-size:var(--text-heading-m);margin-bottom:var(--space-3)}.type-meta-grid p{font-size:var(--text-caption);padding:var(--space-2) 0}.icon-toolbar{justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6);display:flex}.icon-toolbar .rdl-field{max-width:320px}.icon-grid{gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.icon-tile.rdl-button{border:var(--border-width) solid var(--border-subtle);gap:var(--space-5);padding:var(--space-5) var(--space-2);font-size:var(--text-caption);font-weight:var(--weight-regular);flex-direction:column;display:flex}.icon-tile .rdl-icon{color:var(--a-sage-dark)}.icon-sizes{gap:var(--space-7);margin-top:var(--space-6);display:flex}.icon-sizes>div{align-items:center;gap:var(--space-3);display:flex}.component-layout{gap:var(--space-6);grid-template-columns:190px minmax(0,1fr);display:grid}.component-nav{top:var(--space-5);align-self:start;position:sticky}.component-link.rdl-button{width:100%;font-weight:var(--weight-regular);font-size:var(--text-ui-small);min-height:var(--control-sm);padding:var(--space-2) var(--space-3);justify-content:space-between}.component-link--active.rdl-button{color:var(--a-sage-dark);background:var(--surface-alt)}.component-link .rdl-icon{color:var(--text-muted)}.component-title{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.component-title h2{font-family:var(--font-display);font-size:var(--text-display-m);margin-top:var(--space-1)}.component-preview{border:var(--border-width) solid var(--border-subtle);padding:var(--space-6);min-height:var(--showcase-preview-height);border-radius:var(--radius-s);justify-content:center;gap:var(--space-5);flex-direction:column;display:flex}.specimen-label{font-size:var(--text-caption);color:var(--text-muted)}.demo-hover.rdl-button{background:var(--accent-primary-hover)}.demo-focus{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.form-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.choice-stack{gap:var(--space-5);flex-direction:column;align-items:flex-start;display:flex}.choice-stack .rdl-tabs{width:100%}.cards-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dialog-demo{align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.dialog-demo h3{font-family:var(--font-display);font-size:var(--text-heading-l)}.icon-example{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.icon-example code{font-size:var(--text-caption)}.code-example{border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-s);margin-top:var(--space-4);position:relative}.code-example summary{padding:var(--space-4) var(--space-5);cursor:pointer;font-size:var(--text-caption);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.code-example pre{background:var(--surface-alt);padding:var(--space-5);font-size:var(--text-caption);line-height:var(--leading-relaxed);white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:auto}.code-copy.rdl-button{right:var(--space-2);bottom:var(--space-2);position:absolute}.context-example{margin-top:var(--space-7);padding-top:var(--space-6);border-top:var(--border-width) solid var(--border-subtle)}.context-example h3{font-family:var(--font-display);font-size:var(--text-heading-l);margin:var(--space-3) 0 var(--space-5)}.context-actions{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-5);display:flex}.context-actions .rdl-choice{font-size:var(--text-caption)}.floating-toast{bottom:var(--space-6);right:var(--space-6);z-index:30;max-width:calc(100% - var(--space-6));align-items:center;display:flex;position:fixed}@media (width>=1600px){main{padding-top:var(--space-8)}.overview-heading h1{font-size:var(--text-display-xl)}}@media (width<=1200px){.overview-heading{flex-direction:column;align-items:flex-start}.practice-grid{grid-template-columns:1fr 1fr}.portrait-specimen{display:none}.foundation-item{padding:var(--space-4)}.mini-controls{gap:var(--space-2)}.detail-band{flex-direction:column;align-items:flex-start}.cards-grid{grid-template-columns:1fr}.swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){:root{--sidebar-width:200px}.sidebar{padding-left:var(--space-4);padding-right:var(--space-4)}main{padding:var(--space-6)}.topbar{padding:0 var(--space-6)}.foundation-grid{grid-template-columns:1fr}.foundation-item{align-items:center;gap:var(--space-4);grid-template-columns:1fr 2fr;display:grid}.foundation-item>.tiny-caption{grid-column:2}.component-layout{gap:var(--space-4);grid-template-columns:150px minmax(0,1fr)}.component-preview{padding:var(--space-5)}.form-grid{grid-template-columns:1fr}.swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.font-pair,.type-row{grid-template-columns:1fr}.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-footer{padding:var(--space-5) var(--space-6)}.page-footer span:nth-child(2){display:none}}@media (width<=650px){.sidebar{width:var(--sidebar-width);box-shadow:var(--shadow-raised);padding-top:var(--space-6);display:none}.sidebar--open{display:flex}.main-wrap{margin-left:0}.mobile-menu.rdl-button{padding:var(--space-1);display:inline-flex}.topbar{height:var(--space-8);padding:0 var(--space-4)}.breadcrumb{gap:var(--space-2)}.breadcrumb>span:first-of-type,.breadcrumb>.rdl-icon{display:none}.topbar>.rdl-badge{font-size:var(--text-caption)}main{padding:var(--space-6) var(--space-5)}.overview-heading h1,.page-heading h1{font-size:var(--text-display-m)}.overview-heading p{font-size:var(--text-ui-small)}.editorial-specimen{padding:var(--space-5)}.editorial-specimen blockquote{font-size:var(--text-heading-l);padding:var(--space-6) 0}.desktop-break{display:none}.specimen-bottom{font-size:var(--text-caption);gap:var(--space-3)}.section-heading>span{display:none}.foundation-item{padding:var(--space-5);grid-template-columns:1fr}.foundation-item>.tiny-caption{grid-column:auto}.foundation-item .mini-type{height:var(--space-8)}.practice-grid{grid-template-columns:1fr}.portrait-specimen{margin-top:var(--space-4);display:block}.portrait-specimen img{height:var(--space-10);object-position:center 33%}.practice-card{margin-top:var(--space-3)}.spacing-samples{gap:var(--space-1);flex-wrap:wrap;justify-content:space-between;width:100%}.spacing-samples code{font-size:var(--text-caption)}.photo-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid img{height:180px}.page-footer{padding:var(--space-5);font-size:var(--text-caption)}.swatch-grid{gap:var(--space-4)}.swatch-info{align-items:flex-start}.swatch-info code{font-size:var(--text-caption)}.type-display-xl,.type-display-l{font-size:var(--text-display-m)!important}.font-interface-sample,.font-display-sample{font-size:var(--text-heading-l)}.icon-toolbar{flex-direction:column;align-items:flex-start}.icon-toolbar .rdl-field{max-width:none}.icon-grid{gap:var(--space-2)}.icon-tile.rdl-button{white-space:normal;overflow-wrap:anywhere;min-height:var(--space-10)}.icon-sizes{gap:var(--space-5);flex-wrap:wrap}.component-layout{grid-template-columns:1fr}.component-nav{gap:var(--space-1);flex-wrap:wrap;display:flex;position:static}.component-nav .rdl-field{margin-bottom:var(--space-2);flex:0 0 100%}.component-nav>.sidebar-label{display:none}.component-link.rdl-button{width:auto;font-size:var(--text-caption);padding:var(--space-2)}.component-link .rdl-icon{display:none}.component-preview{padding:var(--space-5)}.context-actions{align-items:flex-start;gap:var(--space-5);flex-direction:column}.type-meta-grid{grid-template-columns:1fr}.floating-toast{right:var(--space-4);bottom:var(--space-4)}.floating-toast .rdl-toast{font-size:var(--text-caption)}}.color-n-off-white{background:var(--n-off-white)}.color-n-sand{background:var(--n-sand)}.color-n-beige{background:var(--n-beige)}.color-n-warm-gray-light{background:var(--n-warm-gray-light)}.color-n-warm-gray{background:var(--n-warm-gray)}.color-n-warm-charcoal{background:var(--n-warm-charcoal)}.color-n-white{background:var(--n-white)}.color-a-sage{background:var(--a-sage)}.color-a-sage-dark{background:var(--a-sage-dark)}.color-a-sage-light{background:var(--a-sage-light)}.color-a-terracotta{background:var(--a-terracotta)}.color-a-terracotta-dark{background:var(--a-terracotta-dark)}.color-a-gold{background:var(--a-gold)}.color-surface-page{background:var(--surface-page)}.color-surface-alt{background:var(--surface-alt)}.color-surface-card{background:var(--surface-card)}.color-surface-sunken{background:var(--surface-sunken)}.color-surface-inverse{background:var(--surface-inverse)}.color-border-subtle{background:var(--border-subtle)}.color-border-default{background:var(--border-default)}.color-border-strong{background:var(--border-strong)}.color-text-primary{color:var(--text-primary);background:var(--surface-alt)}.color-text-secondary{color:var(--text-secondary);background:var(--surface-alt)}.color-text-muted{color:var(--text-muted);background:var(--surface-alt)}.color-text-inverse{color:var(--text-inverse);background:var(--surface-alt)}.color-text-on-accent{color:var(--text-on-accent);background:var(--surface-alt)}.color-accent-primary{background:var(--accent-primary)}.color-accent-primary-hover{background:var(--accent-primary-hover)}.color-accent-secondary{background:var(--accent-secondary)}.color-accent-secondary-hover{background:var(--accent-secondary-hover)}.color-accent-highlight{background:var(--accent-highlight)}.color-focus-ring{background:var(--focus-ring)}.color-feedback-success{background:var(--feedback-success)}.color-feedback-caution{background:var(--feedback-caution)}.color-tone-sage{background:var(--tone-sage)}.color-tone-terracotta{background:var(--tone-terracotta)}.color-tone-gold{background:var(--tone-gold)}.color-overlay{background:var(--overlay)}.type-display-xl{font-size:var(--text-display-xl);font-family:var(--font-display)}.type-display-l{font-size:var(--text-display-l);font-family:var(--font-display)}.type-display-m{font-size:var(--text-display-m);font-family:var(--font-display)}.type-heading-l{font-size:var(--text-heading-l);font-family:var(--font-display)}.type-heading-m{font-size:var(--text-heading-m);font-family:var(--font-display)}.type-heading-s{font-size:var(--text-heading-s);font-family:var(--font-display)}.type-body-l{font-size:var(--text-body-l);font-family:var(--font-interface)}.type-body-m{font-size:var(--text-body-m);font-family:var(--font-interface)}.type-body-s{font-size:var(--text-body-s);font-family:var(--font-interface)}.type-caption{font-size:var(--text-caption);font-family:var(--font-interface)}.spacing-8{height:var(--space-8)}.spacing-9{height:var(--space-9)}.spacing-10{height:var(--space-10)}.geometry-grid{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.geometry-grid>div{gap:var(--space-3);font-size:var(--text-caption);color:var(--text-muted);flex-direction:column;display:flex}.radius-specimen,.shadow-specimen{width:var(--space-9);height:var(--space-8);background:var(--surface-alt);border:var(--border-width) solid var(--border-default);display:block}.radius-s{border-radius:var(--radius-s)}.radius-m{border-radius:var(--radius-m)}.radius-l{border-radius:var(--radius-l)}.radius-pill{border-radius:var(--radius-pill)}.shadow-specimen{background:var(--surface-card);border-radius:var(--radius-m);border:0}.shadow-none{box-shadow:var(--shadow-none)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-raised{box-shadow:var(--shadow-raised)}.motion-tokens{gap:var(--space-5);margin-top:var(--space-7);font-size:var(--text-caption);color:var(--text-muted);flex-wrap:wrap;align-items:center;display:flex}.motion-tokens>div{align-items:center;gap:var(--space-3);display:flex}.motion-sample{width:var(--space-5);height:var(--space-5);background:var(--a-sage-light);border-radius:var(--radius-s);transition:background var(--duration-standard) var(--ease-standard)}.motion-sample:hover{background:var(--a-sage-dark)}.motion-fast{transition-duration:var(--duration-fast)}.motion-slow{transition-duration:var(--duration-slow)}@media (width<=650px){.geometry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spacing-samples{justify-content:flex-start;gap:var(--space-3)}}.central{background:var(--surface-page);min-height:100vh}.central-top{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width) solid var(--border-subtle);background:var(--surface-card);display:flex}.central-brand{font-family:var(--font-display);font-size:var(--text-heading-m)}.central-brand .brand-dot{color:var(--accent-primary)}.central-brand-sub{font-family:var(--font-interface);font-size:var(--text-body-s);color:var(--text-muted)}.central-user{align-items:center;gap:var(--space-3);display:flex}.central-email{color:var(--text-muted);font-size:var(--text-caption)}.central-main{max-width:var(--container-max);padding:var(--space-7) var(--space-5) var(--space-9);margin:0 auto}.central-narrow{max-width:720px;margin:0 auto}.central-heading{margin-bottom:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.central-heading h1{font-family:var(--font-display);font-size:var(--text-display-m);line-height:var(--leading-tight)}.central-heading p{color:var(--text-secondary);font-size:var(--text-body-m);max-width:60ch}.eyebrow{font-size:var(--text-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.central-muted{color:var(--text-muted)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack-lg{gap:var(--space-6);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.grid-2{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.focus-card{background:var(--surface-card);border-radius:var(--radius-l);box-shadow:var(--shadow-card);padding:var(--space-6);gap:var(--space-4);border-left:4px solid var(--accent-primary);flex-direction:column;display:flex}.focus-card h2{font-family:var(--font-display);font-size:var(--text-heading-l)}.focus-card p{color:var(--text-secondary)}.section-title{font-family:var(--font-display);font-size:var(--text-heading-m);margin-bottom:var(--space-3)}.list{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.list li{background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-m);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.answer{padding:var(--space-3) 0;border-bottom:var(--border-width) solid var(--border-subtle)}.answer dt{font-size:var(--text-caption);color:var(--text-muted);margin-bottom:var(--space-1)}.answer dd{white-space:pre-wrap}.prose{white-space:pre-wrap;line-height:var(--leading-relaxed)}.auth-wrap{min-height:100vh;padding:var(--space-5);place-items:center;display:grid}.auth-card{width:100%;max-width:420px}.divider{align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-caption);display:flex}.divider:before,.divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.link-btn{color:var(--accent-primary-hover);cursor:pointer;font-size:var(--text-body-s);background:0 0;border:0;padding:0;text-decoration:underline}.action-editor{border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-m);padding:var(--space-4);background:var(--surface-card);gap:var(--space-3);flex-direction:column;display:flex}.steps{gap:var(--space-2);flex-wrap:wrap;display:flex}.error-text{color:var(--a-terracotta-dark);font-size:var(--text-body-s)}.tool-results{gap:var(--space-2);flex-direction:column;display:flex}.tool-results>div{justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:var(--border-width) solid var(--border-subtle);display:flex}.tool-results dd{font-weight:var(--weight-semibold);white-space:nowrap}.tool-result-total{color:var(--accent-primary-hover);font-size:var(--text-heading-s)}.tool-snapshot{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:var(--text-caption);padding:var(--space-3);background:var(--surface-card)}.central-main{min-width:0}.central-main p,.central-main span,.central-main strong,.central-main summary{overflow-wrap:anywhere}.central-main .rdl-tabs{max-width:100%;overflow-x:auto}.central-main details summary{cursor:pointer;padding:var(--space-3) 0}.central-main details summary:focus-visible{outline:var(--border-width) solid var(--accent-primary)}.central-main input[type=file]{max-width:100%;margin-top:var(--space-2);display:block}@media (width<=640px){.central-email{display:none}.central-main{padding:var(--space-5) var(--space-4) var(--space-8)}.central-heading h1{font-size:var(--text-heading-l)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-interface);color:var(--text-primary);background:var(--surface-page);font-size:var(--text-body-s);letter-spacing:var(--tracking-normal);line-height:var(--leading-normal)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}h1,h2,h3{font-weight:var(--weight-regular)}button,a,input,select{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}img{width:100%;height:auto;display:block}code,pre{font-family:ui-monospace,SFMono-Regular,monospace}::selection{background:var(--a-sage-light);color:var(--text-primary)}