:root{--color-primary-50:#f2f5f9;--color-primary-100:#e1e8f1;--color-primary-200:#c2d0e0;--color-primary-300:#93a8c2;--color-primary-400:#5e7799;--color-primary-500:#34527a;--color-primary-600:#1f3a5f;--color-primary-700:#142a48;--color-primary-800:#0c1e36;--color-primary-900:#07142a;--color-accent-50:#e8f4f7;--color-accent-100:#c2e2ea;--color-accent-200:#8ac8d6;--color-accent-300:#4eaac0;--color-accent-400:#1f8faa;--color-accent-500:#0f7894;--color-accent-600:#096078;--color-accent-700:#07495c;--color-accent-800:#05333f;--color-accent-900:#021e25;--color-neutral-0:#fff;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f4f8;--color-neutral-200:#e4e9f0;--color-neutral-300:#cdd5e0;--color-neutral-400:#9aa6b8;--color-neutral-500:#6b7689;--color-neutral-600:#4d5768;--color-neutral-700:#353d4b;--color-neutral-800:#1f2530;--color-neutral-900:#0f141c;--color-success-50:#ecfaf3;--color-success-100:#d1f2df;--color-success-300:#6fcb94;--color-success-500:#1f9d5b;--color-success-700:#166e40;--color-success-900:#0c3e24;--color-warning-50:#fff7e6;--color-warning-100:#ffeab8;--color-warning-300:#f2c254;--color-warning-500:#c28a1b;--color-warning-700:#8a6010;--color-warning-900:#4d360a;--color-danger-50:#fdf1f2;--color-danger-100:#f9d9dc;--color-danger-300:#e68891;--color-danger-500:#c13546;--color-danger-700:#8e2231;--color-danger-900:#4f121c;--surface-canvas:var(--color-neutral-0);--surface-subtle:var(--color-neutral-50);--surface-muted:var(--color-neutral-100);--surface-inverse:var(--color-primary-900);--text-primary:var(--color-primary-900);--text-secondary:var(--color-neutral-600);--text-muted:var(--color-neutral-500);--text-inverse:var(--color-neutral-0);--text-link:var(--color-accent-600);--text-link-hover:var(--color-accent-700);--border-subtle:var(--color-neutral-200);--border-default:var(--color-neutral-300);--border-strong:var(--color-neutral-400);--border-focus:var(--color-accent-500);--font-sans:"Inter","Geist",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--fs-display:56px;--lh-display:64px;--ls-display:-0.022em;--fs-h1:40px;--lh-h1:48px;--ls-h1:-0.020em;--fs-h2:32px;--lh-h2:40px;--ls-h2:-0.018em;--fs-h3:24px;--lh-h3:32px;--ls-h3:-0.014em;--fs-h4:20px;--lh-h4:28px;--ls-h4:-0.010em;--fs-h5:18px;--lh-h5:26px;--ls-h5:-0.006em;--fs-h6:16px;--lh-h6:24px;--ls-h6:0em;--fs-body-lg:18px;--lh-body-lg:28px;--fs-body-md:16px;--lh-body-md:24px;--fs-body-sm:14px;--lh-body-sm:20px;--fs-label:13px;--lh-label:16px;--ls-label:0.04em;--fs-caption:12px;--lh-caption:16px;--ls-caption:0.01em;--fs-code:13px;--lh-code:20px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--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-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-1:0 1px 2px rgba(15,20,28,.04),0 1px 1px rgba(15,20,28,.03);--shadow-2:0 2px 4px rgba(15,20,28,.05),0 4px 8px rgba(15,20,28,.04);--shadow-3:0 6px 12px rgba(15,20,28,.06),0 12px 24px rgba(15,20,28,.06);--shadow-focus:0 0 0 3px rgba(15,120,148,.32);--duration-fast:120ms;--duration-base:200ms;--duration-slow:320ms;--easing-standard:cubic-bezier(0.2,0,0,1);--easing-emphasized:cubic-bezier(0.2,0,0,1.2);--easing-exit:cubic-bezier(0.4,0,1,1)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-body-md);line-height:var(--lh-body-md);color:var(--text-primary);background:var(--surface-canvas);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.shell-nav{position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100vh;border-right:1px solid var(--border-subtle);padding:var(--space-6) var(--space-5);overflow-y:auto;background:var(--surface-canvas)}.shell-nav .brandline{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.shell-nav .brandmark{width:22px;height:22px;background:var(--color-primary-900);border-radius:5px;position:relative}.shell-nav .brandmark:after{content:"";position:absolute;inset:6px;border:1.5px solid var(--color-accent-400);border-radius:2px}.shell-nav .brandtxt{font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);letter-spacing:-.01em}.shell-nav .brandtxt span{color:var(--text-muted);font-weight:var(--fw-regular)}.shell-nav h6{font-size:11px;line-height:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-weight:var(--fw-semibold);margin:var(--space-5) 0 var(--space-2)}.shell-nav h6:first-of-type{margin-top:0}.shell-nav a{display:block;font-size:var(--fs-body-sm);line-height:1;color:var(--text-secondary);text-decoration:none;padding:7px var(--space-2);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.shell-nav a:hover{background:var(--surface-subtle);color:var(--text-primary)}.shell-main{padding:var(--space-8) var(--space-8) var(--space-10);max-width:1280px}.shell-header{padding-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-8)}.shell-header .eyebrow{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-muted);font-weight:var(--fw-semibold);margin:0 0 var(--space-3)}.shell-header h1{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);font-weight:var(--fw-bold);margin:0 0 var(--space-3)}.shell-header p{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--text-secondary);max-width:64ch;margin:0}.section{margin-bottom:var(--space-9);scroll-margin-top:var(--space-5)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-2)}.section-head h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);font-weight:var(--fw-semibold);margin:0}.section-head .num{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-muted);letter-spacing:.06em}.section-lead{font-size:var(--fs-body-md);color:var(--text-secondary);max-width:70ch;margin:0 0 var(--space-6);text-wrap:pretty}.specimen{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-canvas);overflow:hidden}.specimen+.specimen{margin-top:var(--space-5)}.specimen-stage{padding:var(--space-7);background:linear-gradient(var(--surface-canvas),var(--surface-canvas)) padding-box,repeating-linear-gradient(45deg,var(--color-neutral-50),var(--color-neutral-50) 8px,var(--surface-canvas) 8px,var(--surface-canvas) 16px);background-blend-mode:normal}.specimen-stage--plain{background:var(--surface-canvas);padding:var(--space-7)}.specimen-stage--subtle{background:var(--color-neutral-50);padding:var(--space-7)}.specimen-stage--inverse{background:var(--color-primary-900);padding:var(--space-7);color:var(--text-inverse)}.specimen-meta{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--surface-subtle);font-size:var(--fs-caption);color:var(--text-muted);font-family:var(--font-mono)}.specimen-meta .label{font-family:var(--font-sans);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:var(--text-primary);letter-spacing:0}.row{flex-wrap:wrap;align-items:center}.col,.row{display:flex;gap:var(--space-3)}.col{flex-direction:column}.grid-2{grid-template-columns:1fr 1fr;grid-gap:var(--space-5)}.grid-2,.grid-3{display:grid;gap:var(--space-5)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-5)}.btn{--btn-bg:var(--color-accent-500);--btn-bg-hover:var(--color-accent-600);--btn-bg-active:var(--color-accent-700);--btn-fg:#fff;--btn-border:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--fw-medium);line-height:1;border-radius:var(--radius-md);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard)}.btn:hover{background:var(--btn-bg-hover)}.btn:active{background:var(--btn-bg-active)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn--sm{padding:8px 12px;font-size:var(--fs-body-sm);border-radius:var(--radius-sm)}.btn--md{padding:12px 18px;font-size:var(--fs-body-md)}.btn--lg{padding:16px 24px;font-size:var(--fs-body-lg)}.btn--secondary{--btn-bg:var(--color-neutral-0);--btn-bg-hover:var(--color-neutral-50);--btn-bg-active:var(--color-neutral-100);--btn-fg:var(--text-primary);--btn-border:var(--border-default)}.btn--secondary:hover{border-color:var(--color-primary-900)}.btn--ghost{--btn-bg:transparent;--btn-bg-hover:var(--color-neutral-100);--btn-bg-active:var(--color-neutral-200);--btn-fg:var(--text-primary);--btn-border:transparent}.btn--danger{--btn-bg:var(--color-danger-500);--btn-bg-hover:var(--color-danger-700);--btn-bg-active:var(--color-danger-900)}.btn .icon{width:16px;height:16px}.btn--lg .icon{width:18px;height:18px}.btn--sm .icon{width:14px;height:14px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);text-transform:uppercase;font-weight:var(--fw-semibold);color:var(--text-secondary)}.field-help{color:var(--text-muted)}.field-error,.field-help{font-size:var(--fs-caption)}.field-error{color:var(--color-danger-700)}.input,.select,.textarea{font-family:var(--font-sans);font-size:var(--fs-body-md);line-height:var(--lh-body-md);color:var(--text-primary);background:var(--surface-canvas);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px 12px;transition:border-color var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard);width:100%}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.input--error,.select--error,.textarea--error{border-color:var(--color-danger-500)}.input--error:focus,.select--error:focus,.textarea--error:focus{box-shadow:0 0 0 3px rgba(193,53,70,.25)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-subtle);color:var(--text-muted);cursor:not-allowed}.textarea{resize:vertical;min-height:96px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%234D5768' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.input-group{display:flex;align-items:center;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-canvas);transition:border-color var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard)}.input-group:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.input-group .input{border:none;box-shadow:none;border-radius:0;background:transparent}.input-group .input:focus{box-shadow:none}.input-group-icon{padding:0 0 0 12px;color:var(--text-muted);display:flex;align-items:center}.input-group-icon svg{width:16px;height:16px}.card{background:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.card--elevated{box-shadow:var(--shadow-2);border-color:transparent}.card--interactive{cursor:pointer;transition:border-color var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard),transform var(--duration-base) var(--easing-standard)}.card--interactive:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-2)}.card-eyebrow{font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-accent-700)}.card-eyebrow,.card-title{font-weight:var(--fw-semibold)}.card-title{font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--ls-h4);color:var(--text-primary);margin:0}.card-body{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text-secondary);margin:0}.card-footer{display:flex;justify-content:space-between;padding-top:var(--space-3);margin-top:auto;border-top:1px solid var(--border-subtle);color:var(--text-muted)}.badge,.card-footer{align-items:center;font-size:var(--fs-caption)}.badge{display:inline-flex;gap:6px;line-height:1;font-weight:var(--fw-medium);padding:5px 9px;border-radius:var(--radius-full);background:var(--color-accent-50);color:var(--color-accent-700);letter-spacing:.01em;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge--neutral{background:var(--color-neutral-100);color:var(--color-neutral-700)}.badge--success{background:var(--color-success-50);color:var(--color-success-700)}.badge--warning{background:var(--color-warning-50);color:var(--color-warning-700)}.badge--danger{background:var(--color-danger-50);color:var(--color-danger-700)}.badge--solid{background:var(--color-primary-900);color:var(--text-inverse)}.tag{display:inline-flex;gap:6px;font-size:var(--fs-body-sm);padding:6px 10px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-canvas);color:var(--text-primary);font-weight:var(--fw-medium)}.tag,.tag-close{align-items:center;line-height:1}.tag-close{border:none;background:transparent;font-family:var(--font-sans);font-size:14px;color:var(--text-muted);cursor:pointer;padding:0;width:14px;height:14px;display:flex;justify-content:center;border-radius:var(--radius-sm)}.tag-close:hover{background:var(--color-neutral-200);color:var(--text-primary)}.hero{border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-canvas)}.hero--photo{position:relative;min-height:480px;color:var(--text-inverse);display:flex;align-items:flex-end;background-image:linear-gradient(180deg,rgba(7,20,42,0),rgba(7,20,42,.78)),url(https://images.unsplash.com/photo-1436491865332-7a61a109cc05?auto=format&fit=crop&w=2000&q=70);background-size:cover;background-position:50%}.hero--photo .hero-content{padding:var(--space-8);max-width:720px}.hero--photo .hero-eyebrow{color:var(--color-accent-200)}.hero--photo .hero-title{color:var(--text-inverse)}.hero--photo .hero-lead{color:hsla(0,0%,100%,.86)}.hero-eyebrow{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;font-weight:var(--fw-semibold);color:var(--color-accent-700);margin:0 0 var(--space-3)}.hero-title{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);font-weight:var(--fw-bold);margin:0 0 var(--space-3);text-wrap:balance}.hero-lead{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--text-secondary);margin:0 0 var(--space-5);max-width:56ch}.hero-cta{display:flex;gap:var(--space-3);flex-wrap:wrap}.hero--text{border:1px solid var(--border-subtle);padding:var(--space-9) var(--space-8);text-align:left;background:var(--surface-canvas)}.hero--text .hero-content{max-width:760px}.hero--split{border:1px solid var(--border-subtle);display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch;min-height:420px}.hero--split .hero-content{padding:var(--space-8);align-self:center}.hero--split .hero-visual{background-image:url(https://images.unsplash.com/photo-1610142037364-30f3aaccea0c?auto=format&fit=crop&w=1400&q=70);background-size:cover;background-position:50%}.nav{justify-content:space-between;padding:var(--space-3) var(--space-6);background:var(--surface-canvas);border-bottom:1px solid var(--border-subtle)}.nav,.nav-brand{display:flex;align-items:center}.nav-brand{gap:var(--space-3);font-weight:var(--fw-semibold);font-size:var(--fs-body-md);letter-spacing:-.01em;color:var(--text-primary);text-decoration:none}.nav-brand .mark{width:28px;height:28px;background:var(--color-primary-900);border-radius:6px;position:relative}.nav-brand .mark:after{content:"";position:absolute;inset:7px;border:1.5px solid var(--color-accent-400);border-radius:2px}.nav-brand .pipe{width:1px;height:18px;background:var(--border-default)}.nav-brand .product{font-size:var(--fs-body-sm);color:var(--text-secondary);font-weight:var(--fw-regular)}.nav-links{display:flex;align-items:center;gap:var(--space-5)}.nav-links a{font-size:var(--fs-body-sm);color:var(--text-secondary);text-decoration:none;padding:6px 0;position:relative;transition:color var(--duration-fast) var(--easing-standard)}.nav-links a:hover{color:var(--text-primary)}.nav-links a[aria-current=page]{color:var(--text-primary);font-weight:var(--fw-medium)}.nav-links a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:2px;background:var(--color-accent-500)}.nav-cta{display:flex;align-items:center;gap:var(--space-3)}.nav-mobile{display:flex;flex-direction:column;background:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;width:360px}.nav-mobile-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.nav-mobile-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer}.nav-mobile-toggle span{display:block;width:16px;height:1.5px;background:var(--text-primary);position:relative}.nav-mobile-toggle span:after,.nav-mobile-toggle span:before{content:"";position:absolute;left:0;width:16px;height:1.5px;background:var(--text-primary)}.nav-mobile-toggle span:before{top:-5px}.nav-mobile-toggle span:after{top:5px}.nav-mobile-panel{display:flex;flex-direction:column}.nav-mobile-panel a{padding:var(--space-4);font-size:var(--fs-body-md);color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.nav-mobile-panel a:last-child{border-bottom:none}.nav-mobile-panel a:hover{background:var(--surface-subtle)}.nav-mobile-cta{padding:var(--space-4);display:flex;gap:var(--space-3);border-top:1px solid var(--border-subtle)}.nav-mobile-cta .btn{flex:1 1}.footer{background:var(--color-primary-900);color:hsla(0,0%,100%,.78);padding:var(--space-8) var(--space-7) var(--space-6);border-radius:var(--radius-lg)}.footer-top{display:grid;grid-template-columns:1.4fr repeat(3,1fr);grid-gap:var(--space-7);gap:var(--space-7);padding-bottom:var(--space-7);border-bottom:1px solid hsla(0,0%,100%,.1)}.footer-brand{display:flex;align-items:center;gap:var(--space-3);color:var(--text-inverse);font-weight:var(--fw-semibold);margin-bottom:var(--space-3);font-size:var(--fs-body-md)}.footer-brand .mark{width:28px;height:28px;background:var(--color-neutral-0);border-radius:6px;position:relative}.footer-brand .mark:after{content:"";position:absolute;inset:7px;border:1.5px solid var(--color-accent-500);border-radius:2px}.footer-tagline{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:hsla(0,0%,100%,.7);max-width:36ch;margin:0}.footer-col h4{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;font-weight:var(--fw-semibold);color:var(--text-inverse);margin:0 0 var(--space-3)}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.footer-col a{color:hsla(0,0%,100%,.7);text-decoration:none;font-size:var(--fs-body-sm);transition:color var(--duration-fast) var(--easing-standard)}.footer-col a:hover{color:var(--text-inverse)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-5);font-size:var(--fs-caption);color:hsla(0,0%,100%,.55)}.footer-bottom .row{gap:var(--space-5)}.footer-bottom a{color:inherit;text-decoration:none}.footer-bottom a:hover{color:var(--text-inverse)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-body-sm);color:var(--text-muted);flex-wrap:wrap}.breadcrumbs a{color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);padding:2px 4px}.breadcrumbs a:hover{color:var(--text-primary);background:var(--surface-subtle)}.breadcrumbs .sep{color:var(--color-neutral-300);-webkit-user-select:none;-moz-user-select:none;user-select:none}.breadcrumbs [aria-current=page]{color:var(--text-primary);font-weight:var(--fw-medium)}.tabs{display:flex;flex-direction:column}.tab-list{gap:var(--space-5);border-bottom:1px solid var(--border-subtle);padding:0;list-style:none;margin:0}.tab,.tab-list{display:flex;align-items:center}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-body-md);font-weight:var(--fw-medium);color:var(--text-secondary);padding:12px 2px;position:relative;transition:color var(--duration-fast) var(--easing-standard);gap:var(--space-2)}.tab:hover,.tab[aria-selected=true]{color:var(--text-primary)}.tab[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--color-accent-500)}.tab .badge{padding:2px 7px}.tab-panel{padding:var(--space-5) 0 0;font-size:var(--fs-body-md);color:var(--text-secondary)}.tab-panel[hidden]{display:none}.modal-backdrop{position:fixed;inset:0;background:rgba(7,20,42,.48);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-5);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--easing-standard)}.modal-backdrop[data-open=true]{opacity:1;pointer-events:auto}.modal{background:var(--surface-canvas);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);width:100%;max-width:480px;display:flex;flex-direction:column;transform:translateY(8px) scale(.98);transition:transform var(--duration-base) var(--easing-emphasized)}.modal-backdrop[data-open=true] .modal{transform:translateY(0) scale(1)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-5) var(--space-5) var(--space-3);gap:var(--space-4)}.modal-title{font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--ls-h4);font-weight:var(--fw-semibold);margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm);color:var(--text-muted)}.modal-close:hover{background:var(--surface-subtle);color:var(--text-primary)}.modal-body{padding:0 var(--space-5) var(--space-5);font-size:var(--fs-body-md);line-height:var(--lh-body-md);color:var(--text-secondary)}.modal-footer{justify-content:flex-end;padding:var(--space-4) var(--space-5);background:var(--surface-subtle);border-top:1px solid var(--border-subtle);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.modal-footer,.swatch-stack{display:flex;gap:var(--space-3)}.swatch-stack{flex-wrap:wrap}.code-inline{font-family:var(--font-mono);font-size:var(--fs-code);background:var(--surface-muted);padding:2px 6px;border-radius:var(--radius-sm);color:var(--text-primary)}@media (max-width:1080px){.shell{grid-template-columns:1fr}.shell-nav{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border-subtle)}.grid-2,.grid-3{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.hero--split{grid-template-columns:1fr}.hero--split .hero-visual{min-height:240px}}@media (max-width:720px){.shell-main{padding:var(--space-6) var(--space-5) var(--space-8)}.shell-header h1{font-size:36px;line-height:44px}.footer-top{grid-template-columns:1fr}.nav-links{display:none}}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr;background:var(--surface-subtle)}@media (min-width:900px){.auth-shell{grid-template-columns:1.05fr .95fr}}.auth-aside{display:none;position:relative;background:var(--color-primary-900);color:var(--text-inverse);padding:var(--space-8);flex-direction:column;justify-content:space-between}@media (min-width:900px){.auth-aside{display:flex}}.auth-aside h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);font-weight:var(--fw-bold);margin:0 0 var(--space-4);max-width:22ch}.auth-aside p{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:hsla(0,0%,100%,.8);max-width:42ch;margin:0}.auth-aside .aside-points{list-style:none;padding:0;margin:var(--space-6) 0 0;display:flex;flex-direction:column;gap:var(--space-3)}.auth-aside .aside-points li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-body-md);color:hsla(0,0%,100%,.88)}.auth-aside .aside-points .dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-accent-400);flex:none}.auth-main{display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.auth-panel{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--space-5)}.auth-panel .card{padding:var(--space-7);gap:var(--space-5)}.auth-head h1{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3);font-weight:var(--fw-bold);margin:0 0 var(--space-2)}.auth-head p{margin:0;font-size:var(--fs-body-md);color:var(--text-secondary)}.form{display:flex;flex-direction:column;gap:var(--space-4)}.form .btn{width:100%}.form-alert{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--fs-body-sm)}.form-alert--error{background:var(--color-danger-50);color:var(--color-danger-700);border:1px solid var(--color-danger-100)}.form-alert--success{background:var(--color-success-50);color:var(--color-success-700);border:1px solid var(--color-success-100)}.auth-foot{text-align:center;font-size:var(--fs-body-sm);color:var(--text-secondary)}.auth-foot a{color:var(--text-link);text-decoration:none;font-weight:var(--fw-medium)}.auth-foot a:hover{color:var(--text-link-hover)}.brandline{display:flex;align-items:center;gap:var(--space-3)}.brandline .mark{width:28px;height:28px;background:var(--color-primary-900);border-radius:6px;position:relative;flex:none}.brandline .mark:after{content:"";position:absolute;inset:7px;border:1.5px solid var(--color-accent-400);border-radius:2px}.brandline.on-dark .mark{background:var(--color-neutral-0)}.brandline.on-dark .mark:after{border-color:var(--color-accent-500)}.brandline .name{font-weight:var(--fw-semibold);letter-spacing:-.01em}.brandline .name span{color:var(--text-muted);font-weight:var(--fw-regular)}.brandline.on-dark .name{color:var(--text-inverse)}.brandline.on-dark .name span{color:hsla(0,0%,100%,.6)}.plan-note{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-subtle);border:1px solid var(--border-subtle);font-size:var(--fs-body-sm);color:var(--text-secondary)}.steps{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.steps .step{flex:1 1;height:4px;border-radius:var(--radius-full);background:var(--border-subtle)}.steps .step.active{background:var(--color-accent-500)}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--surface-canvas);border-bottom:1px solid var(--border-subtle)}.app-topbar .actions{display:flex;align-items:center;gap:var(--space-4)}.app-topbar .who{font-size:var(--fs-body-sm);color:var(--text-secondary)}.app-page{max-width:960px;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-10)}.empty-state{text-align:center;padding:var(--space-9) var(--space-6);border:1px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--surface-canvas)}.empty-state .empty-icon{width:56px;height:56px;margin:0 auto var(--space-5);border-radius:var(--radius-lg);background:var(--color-accent-50);position:relative}.empty-state .empty-icon:after{content:"";position:absolute;inset:16px;border:2px solid var(--color-accent-400);border-radius:var(--radius-sm)}.empty-state h2{font-size:var(--fs-h4);line-height:var(--lh-h4);margin:0 0 var(--space-2);color:var(--text-primary)}.empty-state p{margin:0 auto;max-width:46ch;color:var(--text-secondary);font-size:var(--fs-body-md)}.page-head{margin-bottom:var(--space-7)}.page-head h1{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);font-weight:var(--fw-bold);margin:0 0 var(--space-2)}.page-head p{margin:0;color:var(--text-secondary)}.profile-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.profile-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border-subtle)}.profile-row:last-child{border-bottom:none}.profile-row .k{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;font-weight:var(--fw-semibold);color:var(--text-muted)}.profile-row .v{font-size:var(--fs-body-md);color:var(--text-primary)}.center-loading{min-height:60vh;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--fs-body-sm)}.app-topbar-left{display:flex;align-items:center;gap:var(--space-6)}.app-nav{display:none;align-items:center;gap:var(--space-2)}@media (min-width:720px){.app-nav{display:flex}}.app-nav-link{font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:var(--text-secondary);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.app-nav-link:hover{color:var(--text-primary);background:var(--surface-subtle)}.app-nav-link[aria-current=page]{color:var(--color-accent-700);background:var(--color-accent-50)}.progress-track{height:6px;background:var(--color-neutral-200);overflow:hidden}.progress-fill,.progress-track{border-radius:var(--radius-full)}.progress-fill{height:100%;background:var(--color-accent-500);transition:width var(--duration-base) var(--easing-standard)}.catalogue-grid{display:grid;grid-gap:var(--space-5);gap:var(--space-5);grid-template-columns:1fr}@media (min-width:720px){.catalogue-grid{grid-template-columns:repeat(2,1fr)}}.course-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);text-decoration:none;color:inherit}.course-card[data-locked=true]{opacity:.92}.course-card--skeleton{min-height:190px;background:linear-gradient(90deg,var(--surface-subtle),var(--surface-muted),var(--surface-subtle));border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.course-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.course-card-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.course-card-lockicon{color:var(--text-muted);flex:none}.course-card-title{font-size:var(--fs-h5);line-height:var(--lh-h5);font-weight:var(--fw-semibold);color:var(--text-primary);margin:0}.course-card-desc{font-size:var(--fs-body-sm);color:var(--text-secondary);margin:0}.course-card-lock{font-size:var(--fs-body-sm);color:var(--text-muted);margin:var(--space-2) 0 0}.course-card-progress{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3)}.course-card-meta{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-muted)}.course-hero{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-5);padding:var(--space-6);margin:var(--space-4) 0 var(--space-6)}.course-hero-main{display:flex;flex-direction:column;gap:var(--space-3);flex:1 1 320px}.course-hero-main h1{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);font-weight:var(--fw-bold);margin:0}.course-hero-desc{margin:0;color:var(--text-secondary);max-width:60ch}.course-hero-progress{display:flex;flex-direction:column;gap:var(--space-2);max-width:420px}.summary-modules{display:flex;flex-direction:column;gap:var(--space-6)}.summary-module-title{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;font-weight:var(--fw-semibold);color:var(--text-muted);margin:0 0 var(--space-3)}.chapter-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.chapter-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-canvas);text-decoration:none;color:inherit;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.chapter-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-1)}.chapter-status{width:12px;height:12px;border-radius:var(--radius-full);border:2px solid var(--border-strong);flex:none}.chapter-status[data-status=IN_PROGRESS]{border-color:var(--color-accent-500);background:var(--color-accent-100)}.chapter-status[data-status=COMPLETED]{border-color:var(--color-success-500);background:var(--color-success-500)}.chapter-main{display:flex;flex-direction:column;gap:2px;flex:1 1}.chapter-title{font-weight:var(--fw-medium);color:var(--text-primary)}.chapter-meta{font-size:var(--fs-body-sm)}.chapter-chevron,.chapter-meta{color:var(--text-muted)}.reader-progressbar{height:3px;background:var(--color-neutral-200)}.reader-progressbar-fill{height:100%;background:var(--color-accent-500);transition:width var(--duration-base) var(--easing-standard)}.reader{max-width:760px;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-10)}.reader-head{margin-bottom:var(--space-6)}.reader-kicker{font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:var(--ls-caption);text-transform:uppercase;color:var(--color-accent-600);margin:var(--space-3) 0 var(--space-2)}.reader-title{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);font-weight:var(--fw-bold);margin:0}@media (max-width:640px){.reader-title{font-size:var(--fs-h2);line-height:var(--lh-h2)}}.reader-body{display:flex;flex-direction:column;gap:var(--space-5)}.rd-heading{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3);font-weight:var(--fw-bold);color:var(--text-primary);margin:var(--space-4) 0 0}.rd-subheading{font-size:var(--fs-h5);line-height:var(--lh-h5);font-weight:var(--fw-semibold);color:var(--text-primary);margin:var(--space-2) 0 0}.rd-paragraph{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--color-neutral-800);margin:0}.rd-list{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.rd-list li{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--color-neutral-800)}.rd-list--bullet{list-style:disc}.rd-list--ordered{list-style:decimal}.rd-divider{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-4) 0}.rd-table-wrap{margin:0}.rd-table-scroll{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.rd-table{width:100%;border-collapse:collapse;font-size:var(--fs-body-sm)}.rd-table td,.rd-table th{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);vertical-align:top}.rd-table thead th{background:var(--color-primary-900);color:var(--text-inverse);font-weight:var(--fw-semibold);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;white-space:nowrap}.rd-table tbody tr:nth-child(2n){background:var(--surface-subtle)}.rd-table tbody tr:last-child td{border-bottom:none}.rd-caption{font-size:var(--fs-caption);color:var(--text-muted);margin-top:var(--space-2);text-align:center}.rd-callout{border:1px solid var(--border-subtle);border-left:4px solid var(--color-accent-500);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);background:var(--color-accent-50)}.rd-callout-title{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;font-weight:var(--fw-bold);color:var(--color-accent-700);margin:0 0 var(--space-2)}.rd-callout-body{font-size:var(--fs-body-md);line-height:var(--lh-body-md);color:var(--color-neutral-800)}.rd-callout[data-variant=warning]{border-left-color:var(--color-warning-500);background:var(--color-warning-50)}.rd-callout[data-variant=warning] .rd-callout-title{color:var(--color-warning-700)}.rd-callout[data-variant=definition]{border-left-color:var(--color-primary-600);background:var(--color-primary-50)}.rd-callout[data-variant=definition] .rd-callout-title{color:var(--color-primary-700)}.rd-callout[data-variant=success]{border-left-color:var(--color-success-500);background:var(--color-success-50)}.rd-callout[data-variant=success] .rd-callout-title{color:var(--color-success-700)}.rd-figure{margin:0}.rd-image{display:block;width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.rd-image-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;min-height:180px;padding:var(--space-5);border:1px dashed var(--border-default);border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--text-muted);font-size:var(--fs-body-sm)}.rd-imagetext{display:grid;grid-gap:var(--space-4);gap:var(--space-4);align-items:center}@media (min-width:640px){.rd-imagetext{grid-template-columns:1fr 1fr}.rd-imagetext[data-side=right] .rd-figure{order:2}}.rd-imagetext-body{display:flex;flex-direction:column;gap:var(--space-2)}.rd-flashcards{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:1fr}@media (min-width:560px){.rd-flashcards{grid-template-columns:repeat(3,1fr)}}.rd-flashcard{min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-canvas);cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast)}.rd-flashcard:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.rd-flashcard[data-flipped=true]{background:var(--color-primary-900);border-color:var(--color-primary-900)}.rd-flashcard-face{font-size:var(--fs-body-md);font-weight:var(--fw-semibold);color:var(--text-primary)}.rd-flashcard[data-flipped=true] .rd-flashcard-face{color:var(--text-inverse);font-weight:var(--fw-regular)}.rd-flashcard-hint{font-size:var(--fs-caption);color:var(--text-muted)}.rd-flashcard[data-flipped=true] .rd-flashcard-hint{color:hsla(0,0%,100%,.6)}.rd-quiz{border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--surface-subtle);display:flex;flex-direction:column;gap:var(--space-4)}.rd-quiz-head{display:flex;align-items:center;justify-content:space-between}.rd-quiz-tag{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;font-weight:var(--fw-bold);color:var(--color-accent-700);background:var(--color-accent-100);padding:2px var(--space-2);border-radius:var(--radius-sm)}.rd-quiz-count{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-muted)}.rd-quiz-prompt{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);font-weight:var(--fw-medium);color:var(--text-primary);margin:0}.rd-quiz-options{display:flex;flex-direction:column;gap:var(--space-2)}.rd-quiz-option{display:flex;align-items:center;gap:var(--space-3);text-align:left;width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-canvas);cursor:pointer;color:var(--text-primary);font-size:var(--fs-body-md);transition:border-color var(--duration-fast),background var(--duration-fast)}.rd-quiz-option:hover:not(:disabled){border-color:var(--color-accent-400)}.rd-quiz-option:disabled{cursor:default}.rd-quiz-marker{width:26px;height:26px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--surface-muted);font-family:var(--font-mono);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--text-secondary)}.rd-quiz-option[data-state=selected]{border-color:var(--color-accent-500);background:var(--color-accent-50)}.rd-quiz-option[data-state=correct]{border-color:var(--color-success-500);background:var(--color-success-50)}.rd-quiz-option[data-state=correct] .rd-quiz-marker{background:var(--color-success-500);color:var(--text-inverse)}.rd-quiz-option[data-state=incorrect]{border-color:var(--color-danger-500);background:var(--color-danger-50)}.rd-quiz-option[data-state=incorrect] .rd-quiz-marker{background:var(--color-danger-500);color:var(--text-inverse)}.rd-quiz-option[data-state=locked]{opacity:.6}.rd-quiz-error{color:var(--color-danger-700);font-size:var(--fs-body-sm);margin:0}.rd-quiz-feedback{border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--border-subtle);background:var(--surface-canvas)}.rd-quiz-feedback[data-correct=true]{border-color:var(--color-success-300);background:var(--color-success-50)}.rd-quiz-feedback[data-correct=false]{border-color:var(--color-danger-300);background:var(--color-danger-50)}.rd-quiz-verdict{font-weight:var(--fw-bold);margin:0 0 var(--space-2)}.rd-quiz-feedback[data-correct=true] .rd-quiz-verdict{color:var(--color-success-700)}.rd-quiz-feedback[data-correct=false] .rd-quiz-verdict{color:var(--color-danger-700)}.rd-quiz-explain{margin:0;font-size:var(--fs-body-md);line-height:var(--lh-body-md);color:var(--color-neutral-800)}.rd-quiz-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.rd-quiz-progress{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-muted)}.reader-foot{margin-top:var(--space-8);border-top:1px solid var(--border-subtle);padding-top:var(--space-5)}.reader-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.reader-done{text-align:center;color:var(--color-success-700);font-size:var(--fs-body-sm);margin:var(--space-4) 0 0}.dash-grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6);grid-template-columns:1fr}@media (min-width:900px){.dash-grid{grid-template-columns:1.6fr 1fr}}.dash-col{display:flex;flex-direction:column;gap:var(--space-4)}.dash-section-title{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;font-weight:var(--fw-semibold);color:var(--text-muted);margin:0}.dash-resume-list{flex-direction:column}.dash-resume,.dash-resume-list{display:flex;gap:var(--space-4)}.dash-resume{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-5)}.dash-resume-main{flex-direction:column;flex:1 1}.dash-resume-main,.dash-scores{display:flex;gap:var(--space-2)}.dash-scores{list-style:none;margin:0;padding:0;flex-direction:column}.dash-score{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-canvas)}.dash-score-title{font-size:var(--fs-body-sm);color:var(--text-secondary)}.dash-score-value{font-family:var(--font-mono);font-weight:var(--fw-semibold);color:var(--color-danger-500)}.dash-score-value[data-good=true]{color:var(--color-success-700)}.dash-empty-note{font-size:var(--fs-body-sm);color:var(--text-muted);margin:0}.dash-all-link{align-self:flex-start;margin-top:var(--space-2)}.dash-skeleton{min-height:220px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--surface-subtle),var(--surface-muted),var(--surface-subtle));border:1px solid var(--border-subtle)}