@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--color-primary: #479FA4;--color-secondary: #C39A44;--color-action: #376DA4;--color-error: #D64545;--neutral-900: #1A1A2E;--neutral-700: #3D3D50;--neutral-500: #8E8E9A;--neutral-300: #B8B8C2;--neutral-200: #D4D4DA;--neutral-100: #EDEDF0;--warm-900: #6B5B2E;--warm-700: #B8963E;--warm-500: #D4C48A;--warm-300: #E8DDB8;--warm-200: #F0E8D4;--warm-100: #F5F0E6;--teal-900: #1D6068;--teal-700: #3A8A8F;--teal-500: #5CB8B8;--teal-300: #9AD4D4;--teal-200: #C4E8E8;--teal-100: #E4F4F4;--blue-900: #376DA4;--blue-700: #5A8DBE;--blue-500: #8DB8E3;--blue-300: #BCD5F3;--blue-200: #D8E8F8;--blue-100: #ECF2FA;--accent-yellow: #FFD770;--accent-pink: #FFE9FA;--accent-green-dark: #219653;--accent-green: #27AE60;--accent-green-light: #6FCF97;--accent-sage: #ADD6C2;--accent-olive: #C8D6AD;--accent-sand: #EADEA1;--accent-blue-light: #BCD5F3;--accent-blue-mid: #8DB8E3;--accent-indigo: #96A7D7;--surface-page: #FFFFFF;--surface-warm: var(--warm-100);--surface-card: #FFFFFF;--surface-nav: var(--teal-900);--border-default: var(--neutral-200);--border-strong: var(--neutral-300);--border-active: var(--color-action);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-700);--text-disabled: var(--neutral-300);--text-link: var(--color-action);--text-inverse: #FFFFFF;--font-sans: "Roboto", system-ui, sans-serif;--font-serif: "Lora", Georgia, serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-h1-size: 2rem;--text-h1-lh: 1.25;--text-h1-weight: 700;--text-h2-size: 1.5rem;--text-h2-lh: 1.3;--text-h2-weight: 600;--text-h3-size: 1.125rem;--text-h3-lh: 1.4;--text-h3-weight: 600;--text-body-size: 1rem;--text-body-lh: 1.6;--text-body-weight: 400;--text-sm-size: .875rem;--text-sm-lh: 1.5;--text-sm-weight: 400;--text-caption-size: .75rem;--text-caption-lh: 1.4;--text-caption-weight: 500;--text-button-size: .875rem;--text-button-weight: 600;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-default: 6px;--radius-lg: 8px;--radius-pill: 9999px;--shadow-subtle: 0 1px 3px rgba(0,0,0,.08);--shadow-elevated: 0 4px 12px rgba(0,0,0,.1);--status-success-text: #219653;--status-success-bg: rgba(111, 207, 151, .15);--status-warning-text: #C39A44;--status-warning-bg: rgba(255, 215, 112, .2);--status-error-text: #D64545;--status-error-bg: rgba(214, 69, 69, .1);--status-info-text: #376DA4;--status-info-bg: rgba(188, 213, 243, .3)}body{font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-lh);color:var(--text-primary);background-color:var(--surface-page);-webkit-font-smoothing:antialiased}h1{font-family:var(--font-serif);font-size:var(--text-h1-size);line-height:var(--text-h1-lh);font-weight:var(--text-h1-weight);color:var(--text-primary)}h2{font-family:var(--font-serif);font-size:var(--text-h2-size);line-height:var(--text-h2-lh);font-weight:var(--text-h2-weight);color:var(--text-primary)}h3{font-family:var(--font-sans);font-size:var(--text-h3-size);line-height:var(--text-h3-lh);font-weight:var(--text-h3-weight);color:var(--text-primary)}p{font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-lh);color:var(--text-primary)}small,.caption{font-family:var(--font-sans);font-size:var(--text-caption-size);line-height:var(--text-caption-lh);font-weight:var(--text-caption-weight);color:var(--text-secondary)}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:var(--font-mono);font-size:.875em;background:var(--neutral-100);border-radius:var(--radius-default)}code{padding:.1em .4em}pre{padding:var(--space-md);overflow-x:auto}:root{--gradient-teal: linear-gradient(135deg, #1D6068 0%, #5CB8B8 100%);--gradient-warm: linear-gradient(135deg, #6B5B2E 0%, #D4C48A 100%);--gradient-blue: linear-gradient(135deg, #376DA4 0%, #8DB8E3 100%);--gradient-brand: linear-gradient(135deg, #1D6068 0%, #479FA4 50%, #376DA4 100%);--gradient-sunset: linear-gradient(135deg, #6B5B2E 0%, #C39A44 50%, #479FA4 100%);--gradient-subtle: linear-gradient(180deg, #FFFFFF 0%, #EDEDF0 100%);--gradient-card: linear-gradient(180deg, #F5F0E6 0%, #FFFFFF 100%)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-lh);color:var(--text-primary);background:var(--gradient-card);background-attachment:fixed;-webkit-font-smoothing:antialiased}a{color:var(--text-link)}.app-shell{min-height:100vh;display:flex}.side-nav{width:280px;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--teal-900);padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl)}.side-nav-title{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-serif);font-size:1.125rem;font-weight:600;line-height:1.3;text-decoration:none;color:#fff}.side-nav-logo{width:100%;max-width:200px;height:auto;display:block}.side-nav-cards{display:flex;flex-direction:column;gap:var(--space-sm)}.nav-separator{height:1px;background:var(--teal-700);margin:var(--space-md) 0}a.nav-card.nav-card-standalone{background:#5a8388;border:none}a.nav-card.nav-card-standalone:hover{background:#668f94}.nav-card-standalone .nav-card-detail{color:#ffffffd9}.nav-card{display:flex;flex-direction:column;gap:2px;text-decoration:none;padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid transparent;background:#ffffff0d;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.nav-card:hover{background:var(--teal-700)}.nav-card-icon{width:14px;height:10px;margin-bottom:4px}.nav-card-active{background:var(--teal-500);box-shadow:var(--shadow-elevated)}.nav-card-active:hover{background:var(--teal-500)}.nav-card-label{font-family:var(--font-sans);font-size:var(--text-body-size);font-weight:600;color:#fff}.nav-card-detail{font-family:var(--font-sans);font-size:.8125rem;color:var(--teal-200);line-height:1.45}.nav-card-active .nav-card-detail{color:#ffffffd9}.canvas{flex:1;min-width:0;padding:var(--space-2xl) var(--space-2xl) 96px}@media (max-width: 860px){.app-shell{flex-direction:column}.side-nav{width:100%;height:auto;position:static;flex-direction:row;align-items:center;overflow-x:auto}.side-nav-brand{flex-shrink:0}.side-nav-cards{flex-direction:row}.nav-card{flex-shrink:0;min-width:180px;height:100%}.nav-separator{display:none}.canvas{padding:var(--space-xl) var(--space-lg) 64px}}.content-header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-primary)}.content-header .intro-copy{margin-bottom:0}.canvas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-lg);align-items:stretch}.canvas-grid-capped{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,400px));gap:var(--space-lg);align-items:stretch}.reading-list{column-width:360px;column-gap:var(--space-lg)}.reading-list .card{break-inside:avoid;margin-bottom:var(--space-md)}h1{font-family:var(--font-serif);font-size:var(--text-h1-size);line-height:var(--text-h1-lh);font-weight:var(--text-h1-weight);margin:0 0 var(--space-sm)}h2{font-family:var(--font-serif);font-size:var(--text-h2-size);line-height:var(--text-h2-lh);font-weight:var(--text-h2-weight);margin:0 0 var(--space-md)}h3{font-family:var(--font-sans);font-size:var(--text-h3-size);line-height:var(--text-h3-lh);font-weight:var(--text-h3-weight);margin:0 0 var(--space-sm)}.intro-copy{color:var(--text-secondary);max-width:90ch;margin:0 0 var(--space-xl)}.card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-subtle);transition:border-color .15s ease,box-shadow .15s ease}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-elevated)}.button{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:44px;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-default);font-family:var(--font-sans);font-size:var(--text-button-size);font-weight:var(--text-button-weight);cursor:pointer;border:1px solid var(--border-default);background:var(--surface-page);color:var(--text-primary);box-shadow:var(--shadow-subtle);transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;text-decoration:none}.button:hover{border-color:var(--border-strong);box-shadow:var(--shadow-elevated)}.button-primary{background:var(--color-action);border-color:var(--color-action);color:var(--text-inverse)}.button-primary:hover{background:var(--blue-900);border-color:var(--blue-900)}.card p{max-width:65ch}.home-steps{display:flex;flex-direction:column;gap:var(--space-xl)}.home-step-row{display:grid;grid-template-columns:300px 1fr;gap:var(--space-xl);align-items:start}.home-step-chip{display:flex;align-items:center;gap:var(--space-md);background:var(--warm-100);border:1px solid var(--warm-500);border-radius:var(--radius-lg);padding:var(--space-lg)}.home-step-icon{display:block;flex:none;width:40px;height:40px}.home-step-chip-text h3{font-family:var(--font-sans);font-size:var(--text-body-size);font-weight:700;margin:0 0 4px;color:var(--neutral-900)}.home-step-chip-text p{font-size:var(--text-sm-size);color:var(--text-secondary);margin:0}.home-step-description{font-size:var(--text-body-size);color:var(--text-primary);margin:var(--space-sm) 0 0;max-width:65ch}.home-step-start{grid-column:2;justify-self:start;margin-top:var(--space-sm)}@media (max-width: 720px){.home-step-row{grid-template-columns:1fr}.home-step-start{grid-column:1}}.doc-sheet{background:var(--surface-page);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-2xl);max-width:1200px}.doc-tabs-row{display:flex;align-items:center;gap:var(--space-lg);border-bottom:1px solid var(--border-default);margin-bottom:var(--space-xl)}.doc-copy-button{flex-shrink:0;transform:translateY(-4px)}.doc-tabs{display:flex;gap:var(--space-lg);overflow-x:auto;flex:1;min-width:0}.doc-tab{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;padding:var(--space-sm) 0 var(--space-md);font-family:var(--font-sans);font-size:var(--text-body-size);font-weight:600;color:var(--text-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0}.doc-tab:hover{color:var(--text-primary)}.doc-tab-active{color:var(--color-action);border-bottom-color:var(--color-action)}.doc-group{margin-bottom:var(--space-xl)}.doc-group:last-child{margin-bottom:0}.doc-sheet h3{font-family:var(--font-sans);font-size:var(--text-body-size);font-weight:600;color:var(--color-action);margin:0 0 var(--space-sm)}.doc-sheet p{margin:0}.doc-table{width:100%;border-collapse:collapse}.doc-table th,.doc-table td{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-default);vertical-align:top}.doc-table th{font-size:var(--text-caption-size);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.doc-table td:first-child{font-weight:600;width:30%}.doc-table tr:last-child td{border-bottom:none}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a2e66;display:flex;justify-content:flex-end;z-index:100}.overlay-backdrop-contained{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.overlay-panel{background:var(--surface-page);box-shadow:var(--shadow-elevated);display:flex;flex-direction:column;max-height:100vh;overflow-y:auto}.overlay-side-panel{width:420px;max-width:90vw;height:100vh}.overlay-contained-panel{width:360px;max-width:80%;height:100%;max-height:none}.overlay-modal{margin:auto;width:480px;max-width:90vw;max-height:80vh;border-radius:var(--radius-lg)}.overlay-backdrop:has(.overlay-modal){justify-content:center;align-items:center}.overlay-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border-default)}.overlay-header h2{margin:0;font-size:var(--text-h3-size);outline:none}.overlay-close{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--text-secondary);padding:var(--space-xs);line-height:1}.overlay-close:hover{color:var(--text-primary)}.overlay-close:focus-visible{outline:2px solid var(--border-active);outline-offset:2px}.overlay-body{padding:var(--space-lg)}.demo-card{--grid-header-bg: #F3F4F6;--grid-hover-bg: #F3F4F6;--grid-selected-bg: #E6F1FE;--grid-accent: #1677FF;--grid-accent-muted: #E6F1FE;--grid-group-bg: #F0EDFC;position:relative;padding:var(--space-lg)}.demo-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.demo-card-header-left{display:flex;align-items:center;gap:var(--space-sm)}.header-separator{color:var(--border-strong)}.filters-trigger{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;font:inherit;font-size:var(--text-sm-size);font-weight:600;color:var(--grid-accent);cursor:pointer}.filters-trigger:hover{text-decoration:underline}.demo-card-header h3{margin:0;font-family:var(--font-sans);font-size:var(--text-h3-size);font-weight:600}.demo-card-actions{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.as-of-timestamp{font-size:var(--text-sm-size);color:var(--text-secondary);white-space:nowrap}.demo-card-actions .button{min-height:32px;padding:4px var(--space-md);font-size:var(--text-sm-size)}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-default)}.filter-input{min-height:32px;padding:4px var(--space-sm);border:1px solid var(--border-default);border-radius:4px;font:inherit;font-size:var(--text-sm-size);background:var(--surface-page);flex:1;min-width:100px}.filter-input:focus{outline:none;border-color:var(--grid-accent)}.filter-input-global{flex:none;width:260px;max-width:100%}.demo-table-wrap{overflow-x:auto}.group-header-row td{background:var(--grid-group-bg);font-weight:600;padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.totals-row td{border-top:2px solid var(--border-strong);background:var(--surface-page)}.empty-row{text-align:center;color:var(--text-secondary);padding:var(--space-xl)!important}.demo-table{border-collapse:collapse;width:100%;font-size:var(--text-sm-size)}.demo-table th,.demo-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-default);white-space:nowrap;vertical-align:middle}.demo-table[data-density=compact] th,.demo-table[data-density=compact] td{padding:4px var(--space-sm)}.demo-table[data-density=spacious] th,.demo-table[data-density=spacious] td{padding:var(--space-md) var(--space-lg)}.demo-table thead th{background:var(--grid-header-bg);font-weight:600;text-align:left}.demo-table thead tr:first-child th{border-bottom:none}.demo-table thead th.group-header{text-align:center;color:var(--text-secondary);font-weight:600;padding-bottom:2px}.demo-table thead tr:first-child th.group-header{border-bottom:1px solid var(--border-default)}.stacked-pair-header{padding:4px var(--space-sm)}.stacked-pair-header-line{display:flex;justify-content:flex-start;padding:2px 0}.stacked-pair-cell{display:flex;flex-direction:column;gap:2px;white-space:normal}.stacked-pair-value{font-size:var(--text-sm-size)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.demo-table thead tr:nth-child(2) th{padding-top:2px}.demo-table tbody tr:hover{background:var(--grid-hover-bg)}.demo-table tr.row-selected{background:var(--grid-selected-bg)}.select-col,.reorder-col,.actions-col{width:1%;white-space:nowrap}.detail-col{position:sticky;left:0;width:40px;min-width:40px;background:var(--surface-page);border-right:1px solid var(--border-default);z-index:1}.demo-table thead .detail-col{background:var(--grid-header-bg);z-index:2}.demo-table tbody tr:hover .detail-col{background:var(--grid-hover-bg)}.demo-table tr.row-selected .detail-col{background:var(--grid-selected-bg)}.locked-col{position:sticky;background:var(--surface-page);border-right:2px solid var(--grid-accent);z-index:1}.demo-table thead .locked-col{background:var(--grid-header-bg);z-index:2}.demo-table tbody tr:hover .locked-col{background:var(--grid-hover-bg)}.demo-table tr.row-selected .locked-col{background:var(--grid-selected-bg)}.sort-header{display:inline-flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font:inherit;font-weight:500;padding:0;color:var(--grid-accent)}.sort-header-active{font-weight:700}.sort-caret{display:inline-flex;flex-direction:column;gap:1px;margin-left:3px}.sort-caret-inactive{color:var(--neutral-300)}.sort-caret-active{color:var(--grid-accent)}.icon-spin{animation:icon-spin .9s linear infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sort-priority{font-size:.6875rem;background:var(--grid-accent);color:#fff;border-radius:var(--radius-pill);width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center}.editable-cell{cursor:text}.editable-value{display:inline-block;padding:2px 6px;border:1px solid var(--border-strong);border-radius:4px;background:var(--surface-page);box-shadow:inset 0 1px 2px #1a1a2e0f}.editable-cell input{width:100%;border:1px solid var(--grid-accent);border-radius:4px;background:var(--surface-page);font:inherit;padding:2px 6px}.editable-cell input:focus{outline:none}.truncate-cell{position:relative;cursor:default}.truncate-cell:focus-visible{outline:2px solid var(--border-active);outline-offset:2px}.truncate-tooltip{position:absolute;bottom:100%;left:0;margin-bottom:6px;background:var(--neutral-900);color:#fff;padding:var(--space-sm);border-radius:var(--radius-default);white-space:normal;width:260px;font-size:var(--text-sm-size);z-index:10;box-shadow:var(--shadow-elevated)}.reorder-btn{background:none;border:1px solid var(--border-default);border-radius:4px;width:22px;height:22px;cursor:pointer;color:var(--grid-accent);display:inline-flex;align-items:center;justify-content:center}.reorder-btn:hover{border-color:var(--border-strong);background:var(--grid-accent-muted)}.col-drag-handle{display:inline-flex;align-items:center;margin-left:6px;color:var(--grid-accent);opacity:0;cursor:grab;flex-shrink:0}th:hover .col-drag-handle,.col-drag-handle:focus-visible{opacity:1}.col-drag-handle:focus-visible{outline:2px solid var(--border-active);outline-offset:2px}th.col-drag-over{background:var(--grid-accent-muted)}.icon-button{background:none;border:1px solid var(--border-default);border-radius:var(--radius-pill);width:26px;height:26px;cursor:pointer;color:var(--grid-accent);display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}.icon-button:hover{background:var(--grid-accent-muted);border-color:var(--border-strong)}.icon-button:disabled{opacity:.6;cursor:not-allowed}.detail-toggle{transform-origin:center}.detail-toggle[aria-expanded=true]:not(.detail-toggle-more){transform:rotate(90deg)}.actions-buttons{display:inline-flex;align-items:center;gap:var(--space-xs)}.actions-col .button{min-height:28px;padding:2px var(--space-sm);font-size:var(--text-sm-size);color:var(--grid-accent);border-color:var(--grid-accent)}.actions-col .button:hover{background:var(--grid-accent-muted)}.actions-col .button[aria-pressed=true]{background:var(--grid-accent-muted);border-color:var(--grid-accent);color:var(--grid-accent)}.expand-row td{background:var(--neutral-100);white-space:normal}.expand-content{display:flex;flex-direction:column;gap:4px;padding:var(--space-sm) 0}.bulk-bar{display:flex;align-items:center;gap:var(--space-md);background:var(--grid-accent-muted);color:var(--grid-accent);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-default);margin-bottom:var(--space-md)}.bulk-bar .button{min-height:32px;padding:4px var(--space-md);color:var(--grid-accent);border-color:transparent}.demo-note{font-size:var(--text-sm-size);color:var(--text-secondary);margin-top:var(--space-md)}.view-toggle{display:inline-flex;gap:2px;background:var(--neutral-100);border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:2px;margin-bottom:var(--space-md)}.view-toggle-button{border:none;background:none;padding:6px var(--space-md);border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--text-sm-size);font-weight:600;color:var(--text-secondary);cursor:pointer}.view-toggle-button-active{background:#fff;color:var(--text-primary);box-shadow:var(--shadow-elevated)}.mobile-demo-card{max-width:390px}.mobile-card-list{display:flex;flex-direction:column}.mobile-row-card{margin:0 calc(-1 * var(--space-lg));padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-default);border-left:3px solid transparent;transition:background-color .15s ease,border-left-color .15s ease}.mobile-row-card:last-child{border-bottom:none}.mobile-row-card-selected{background:var(--grid-accent-muted);border-left-color:var(--grid-accent)}.mobile-row-card-body{display:flex;align-items:stretch;gap:var(--space-md)}.mobile-row-card-content{flex:1;min-width:0}.mobile-row-side-block{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-xs);padding-left:var(--space-md);border-left:1px solid var(--border-default)}.mobile-row-side-block input[type=checkbox],.mobile-row-side-block input[type=radio]{width:20px;height:20px;margin:8px;accent-color:var(--grid-accent);cursor:pointer}.mobile-row-side-block .icon-button{width:36px;height:36px}.mobile-row-corners{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm) var(--space-md)}.mobile-row-stack{display:flex;flex-direction:column;gap:var(--space-xs)}.mobile-row-field{min-width:0}.mobile-corner-right{text-align:right;justify-content:flex-end}.mobile-row-field-value{font-size:var(--text-body-size);font-weight:var(--text-body-weight);color:var(--text-primary);overflow-wrap:break-word}.mobile-row-overflow{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-default)}.mobile-headers-box{background:var(--grid-header-bg);margin:0 calc(-1 * var(--space-lg)) var(--space-sm);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border-strong)}.mobile-header-cell{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-caption-size);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.mobile-header-cell-sortable{background:none;border:none;padding:0;cursor:pointer;color:var(--grid-accent)}.mobile-header-cell-active{font-weight:700}.mobile-overflow-trigger{display:inline-flex;align-items:center;gap:2px;background:none;border:none;padding:0;margin-top:var(--space-sm);font:inherit;font-size:var(--text-sm-size);font-weight:600;color:var(--grid-accent);cursor:pointer}.mobile-overflow-chevron-open{transform:rotate(90deg)}.mobile-filter-bar{flex-direction:column;align-items:stretch}.mobile-filter-bar .filter-input-global{width:100%}.mobile-bulk-row{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.mobile-select-all{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm-size);color:var(--text-secondary)}.mobile-bulk-row .bulk-bar{margin-bottom:0}.mobile-action-menu-wrap{position:relative}.mobile-action-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:5;display:flex;flex-direction:column;min-width:140px;background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);overflow:hidden;animation:mobile-menu-in .12s ease;transform-origin:top right}@keyframes mobile-menu-in{0%{opacity:0;transform:scale(.96) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.mobile-action-menu button{background:none;border:none;text-align:left;padding:var(--space-sm) var(--space-md);min-height:44px;font:inherit;font-size:var(--text-sm-size);color:var(--text-primary);cursor:pointer}.mobile-action-menu button:hover{background:var(--neutral-100)}tr[aria-busy=true]{opacity:.6}.button:focus-visible{outline:2px solid var(--border-active);outline-offset:2px}.debug-panel{margin-top:var(--space-xl);background:var(--surface-warm);border:1px solid var(--border-default);border-radius:var(--radius-default);padding:var(--space-lg);font-size:var(--text-sm-size)}.debug-panel pre{white-space:pre-wrap;word-break:break-word;margin:var(--space-sm) 0 0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{.no-print,.side-nav,.select-col,.reorder-col,.detail-col,.actions-col,.demo-card-actions,.filter-bar,.bulk-bar{display:none!important}.locked-col{position:static!important;left:auto!important}.demo-table-wrap{overflow:visible!important}.demo-card{border:none!important;box-shadow:none!important}.app-shell{display:block!important}.canvas{padding:0!important}}.framework-card{display:grid;grid-template-columns:280px 1fr;gap:var(--space-xl);background:var(--surface-page);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-2xl)}.framework-intro h2{margin:0 0 var(--space-md)}.framework-intro p{font-size:var(--text-sm-size);color:var(--text-secondary);margin:0 0 var(--space-md)}.framework-current-marker{display:block;width:14px;height:14px;border-radius:50%;background:var(--teal-500);margin:var(--space-lg) 0}.framework-stages{display:flex;flex-direction:column;gap:var(--space-md)}.framework-stage-card{display:flex;align-items:flex-start;gap:var(--space-md);background:var(--warm-100);border-radius:var(--radius-lg);padding:var(--space-lg)}.framework-stage-card h3{font-family:var(--font-sans);font-size:var(--text-body-size);font-weight:700;margin:0 0 4px}.framework-stage-card p{font-size:var(--text-sm-size);color:var(--text-secondary);margin:0}.framework-stage-icon{flex-shrink:0;color:var(--color-primary);margin-top:2px}.framework-stage-current{background:var(--teal-500)}.framework-stage-current h3,.framework-stage-current p,.framework-stage-current .framework-stage-icon{color:#fff}.framework-approaches{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl);margin-top:var(--space-lg)}.framework-approach{border-left:3px solid var(--color-action);padding-left:var(--space-md)}.framework-approach-alt{border-left-color:var(--color-primary)}.framework-approach h3{margin:0 0 var(--space-sm)}.framework-approach p{margin:0}@media (max-width: 720px){.framework-card{grid-template-columns:1fr}}.examples-toggle-wrap{margin-top:4px}.examples-toggle{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:2px 4px;margin-left:-4px;border-radius:4px;font:inherit;font-size:var(--text-sm-size);color:var(--color-action);cursor:pointer}.examples-toggle:hover{background:var(--teal-100)}.card-more-link{display:inline-block;background:none;border:none;padding:4px 0 0;font:inherit;font-size:var(--text-sm-size);font-weight:600;color:var(--color-action);cursor:pointer}.card-more-link:hover{text-decoration:underline}.examples-detail{font-size:var(--text-sm-size);color:var(--text-secondary);margin:4px 0 0;max-width:60ch}.status-cell{display:inline-flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot-success{background:var(--status-success-text)}.status-dot-warning{background:var(--status-warning-text)}.status-dot-error{background:var(--status-error-text)}.status-dot-info{background:var(--status-info-text)}.status-dot-neutral{background:var(--neutral-500)}.demo-table-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border-default)}.footnote-marker{color:var(--text-secondary);margin-left:1px;cursor:help}.footnote-list{list-style:none;margin:0;padding:0;font-size:var(--text-sm-size);color:var(--text-secondary)}.footnote-list li{margin:0}.status-legend{display:flex;flex-wrap:wrap;gap:var(--space-md);list-style:none;margin:0;padding:0}.status-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm-size);color:var(--text-secondary)}