@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:optional;src:url(/practice/fonts/inter-latin-variable.woff2)format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:optional;src:url(/practice/fonts/poppins-latin-600.woff2)format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:optional;src:url(/practice/fonts/poppins-latin-700.woff2)format("woff2")}:root{color-scheme:light;--color-brand:#6528f7;--color-brand-hover:#5511f8;--color-brand-soft:#f2f0fe;--color-ink:#0f172a;--color-body:#454f5e;--color-muted:#667085;--color-surface:#fff;--color-surface-subtle:#f8f7ff;--color-border:#d8d8f5;--color-focus:#0b63ce;--color-success:#0d5f3c;--color-warning:#7a4200;--color-danger:#8a174d;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--radius-sm:.45rem;--radius-md:.8rem;--radius-lg:1.25rem;--shadow-sm:0 1px 2px #0f172a14;--shadow-md:0 12px 32px #391a861f;--font-heading:"Poppins", Arial, sans-serif;--font-body:"Inter Variable", "Inter", Arial, sans-serif;--max-width:72rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:20rem;color:var(--color-body);background:var(--color-surface);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.65}h1,h2,h3{color:var(--color-ink);font-family:var(--font-heading);margin-block:0 .65em;line-height:1.18}h1{letter-spacing:-.04em;max-width:14ch;font-size:clamp(2.35rem,7vw,4.8rem)}h2{letter-spacing:-.025em;font-size:clamp(1.7rem,4vw,2.5rem)}h3{font-size:1.15rem}p{margin-block:0 1rem}a{color:var(--color-brand);text-underline-offset:.2em;text-decoration-thickness:.08em}a:hover{color:var(--color-brand-hover)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.skip-link{z-index:100;top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:#fff;background:var(--color-ink);position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.container{width:min(calc(100% - 2rem), var(--max-width));margin-inline:auto}.site-header{border-bottom:1px solid var(--color-border);background:#fffffff0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-5);min-height:4.75rem;display:flex}.wordmark{align-items:center;gap:var(--space-3);color:var(--color-ink);font-family:var(--font-heading);font-weight:700;text-decoration:none;display:inline-flex}.wordmark__mark{color:#fff;background:var(--color-brand);width:2.35rem;height:2.35rem;box-shadow:var(--shadow-sm);border-radius:.7rem;place-items:center;display:grid}.wordmark__text{line-height:1.05;display:grid}.wordmark__text small{color:var(--color-muted);font-family:var(--font-body);margin-top:.25rem;font-size:.72rem;font-weight:600}.lab-nav ul,.footer-links{align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.lab-nav a{color:var(--color-ink);font-weight:650;text-decoration:none}.lab-nav a:hover,.lab-nav a[aria-current=page]{color:var(--color-brand)}.breadcrumbs{padding-block:var(--space-4);font-size:.9rem}.breadcrumbs ol{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{margin-left:var(--space-2);color:var(--color-muted);content:"/"}.breadcrumbs [aria-current=page]{color:var(--color-body);font-weight:600;text-decoration:none}main{min-height:60vh}.hero{padding-block:var(--space-8);background:radial-gradient(circle at 85% 15%, #6528f72e, transparent 30rem), linear-gradient(180deg, var(--color-brand-soft), white)}.hero__grid{gap:var(--space-7);grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr);align-items:center;display:grid}.eyebrow{margin-bottom:var(--space-4);color:var(--color-brand);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.lede{max-width:62ch;color:var(--color-body);font-size:clamp(1.06rem,2vw,1.25rem)}.hero__actions,.badge-row{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.hero-note{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#ffffffc7}.hero-note strong{margin-bottom:var(--space-2);color:var(--color-ink);font-family:var(--font-heading);display:block}.section{padding-block:var(--space-7)}.section--soft{background:var(--color-surface-subtle)}.section__heading{max-width:44rem;margin-bottom:var(--space-6)}.grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.card{min-height:13.5rem;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);position:relative}.card--linked{box-shadow:var(--shadow-md);border-color:#6528f76b}.card__eyebrow{margin-bottom:var(--space-2);color:var(--color-brand);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.card__link:after{content:"";position:absolute;inset:0}.card__action{color:var(--color-brand);font-weight:700}.status{color:#596273;background:#eef0f4;border-radius:999px;padding:.2rem .65rem;font-size:.8rem;font-weight:700;display:inline-flex}.button{border-radius:var(--radius-sm);min-height:2.8rem;font:inherit;cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;padding:.68rem 1.05rem;font-weight:750;text-decoration:none;display:inline-flex}.button--primary{color:#fff;background:var(--color-brand)}.button--primary:hover{color:#fff;background:var(--color-brand-hover)}.button--secondary{border-color:var(--color-brand);color:var(--color-brand);background:#fff}.button--quiet{color:var(--color-ink);background:var(--color-brand-soft)}.difficulty{border:1px solid;border-radius:999px;padding:.28rem .68rem;font-size:.78rem;font-weight:800;display:inline-flex}.difficulty--beginner{color:#0d5f3c;background:#e6f7ee}.difficulty--intermediate{color:#0b4a8b;background:#e7f1ff}.difficulty--advanced{color:#7a4200;background:#fff3d6}.difficulty--expert{color:#8a174d;background:#fde8f1}.callout{padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-left:.4rem solid var(--color-brand);border-radius:var(--radius-md);background:var(--color-brand-soft)}.callout--success{border-left-color:var(--color-success);background:#effaf5}.callout--warning{border-left-color:var(--color-warning);background:#fff8e9}.a11y-low-contrast{color:#b7b7b7;background:#fff}.callout__body>:last-child{margin-bottom:0}.fixture-marker{align-items:center;gap:var(--space-2);width:fit-content;padding:var(--space-2) var(--space-3);border:2px dashed var(--color-brand);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-brand-soft);font-size:.8rem;display:flex}.code-block{border-radius:var(--radius-md);background:var(--color-ink);box-shadow:var(--shadow-md);border:1px solid #273244;overflow:hidden}.code-block__toolbar{padding:var(--space-2) var(--space-4);color:#dbe4f3;background:#202b3c;justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.code-block button{border-radius:var(--radius-sm);color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #8995a7;padding:.3rem .65rem}pre{padding:var(--space-5);color:#f8fafc;margin:0;font-size:.92rem;line-height:1.55;overflow-x:auto}.tabs{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff}.tabs__list{gap:var(--space-1);padding:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.tabs [role=tab]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-ink);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.tabs [role=tab][aria-selected=true]{color:#fff;background:var(--color-brand)}.tabs [role=tabpanel]{padding:var(--space-4)}.tabs [role=tabpanel]>:last-child{margin-bottom:0}.solution{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff}.solution summary{padding:var(--space-4);color:var(--color-ink);cursor:pointer;font-weight:750}.solution__body{padding:0 var(--space-4) var(--space-4)}.component-stack{gap:var(--space-5);max-width:52rem;display:grid}.hero--compact{padding-block:var(--space-7)}.hero--compact h1{max-width:18ch;font-size:clamp(2.2rem,6vw,4rem)}.practice-layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);align-items:start;display:grid}.fixture-shell,.task-card,.fixture-section,.locator-example{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff}.fixture-shell{gap:var(--space-5);min-width:0;padding:var(--space-5);display:grid}.practice-sidebar{top:var(--space-4);gap:var(--space-4);display:grid;position:sticky}.task-card{padding:var(--space-5)}.task-card h2{font-size:1.35rem}.task-list{gap:var(--space-3);margin:0;padding-left:1.25rem;display:grid}.fixture-section{padding:var(--space-5);scroll-margin-top:var(--space-5)}.fixture-section--warning{background:#fffaf2;border-color:#d59845}.fixture-section__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.fixture-section__header h2{margin-bottom:var(--space-2);font-size:clamp(1.35rem,3vw,1.8rem)}.fixture-section__header p{max-width:65ch;margin:0}.anti-pattern-badge,.status-chip{color:var(--color-danger);background:#ffe8f2;border-radius:999px;flex:none;padding:.25rem .6rem;font-size:.75rem;font-weight:800;display:inline-flex}.fixture-surface,.form-grid,.control-stack,.example-stack,.locator-grid{gap:var(--space-4);display:grid}.fixture-surface{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .span-2{grid-column:1/-1}.field{gap:var(--space-2);display:grid}.field label,.field legend,.control-label{color:var(--color-ink);font-weight:700}.field input,.field select,.field textarea,.searchable-select input,.fixture-surface>input,.fixture-surface>select{border-radius:var(--radius-sm);width:100%;min-height:2.75rem;color:var(--color-ink);font:inherit;background:#fff;border:1px solid #aab0c6;padding:.65rem .75rem}.field textarea{resize:vertical;min-height:7rem}.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--color-danger)}.field-hint,.field-error,.result,.live-value{margin:0;font-size:.9rem}.field-error{color:var(--color-danger);font-weight:700}.result{min-height:1.5rem;padding:var(--space-3);border-left:4px solid var(--color-brand);border-radius:var(--radius-sm);color:var(--color-ink);background:#fff}.result[data-tone=success]{border-color:var(--color-success)}.result[data-tone=error]{border-color:var(--color-danger)}.button-row,.choice-row,.inline-control{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.fixture-button{border:1px solid var(--color-brand);border-radius:var(--radius-sm);color:#fff;background:var(--color-brand);min-height:2.6rem;font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:.55rem .9rem;font-weight:750;display:inline-flex}.fixture-button:hover:not(:disabled){background:var(--color-brand-hover)}.fixture-button--secondary{color:var(--color-brand);background:#fff}.fixture-button:disabled{color:#555d72;cursor:not-allowed;background:#e8eaf1;border-color:#aeb4c6}.icon-button{border-radius:50%;width:2.75rem;padding:0}.suggestions,.option-list,.infinite-list{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;margin:0;list-style:none;display:grid}.suggestions:empty,.option-list:empty{display:none}.suggestions button,.option-list [role=option]{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-align:left;color:var(--color-ink);font:inherit;cursor:pointer;background:0 0;border:0}.option-list [role=option][aria-selected=true],.option-list [role=option].is-active,.suggestions button:hover{color:#fff;background:var(--color-brand)}.infinite-list{max-height:13rem;overflow-y:auto}.tree,.choice-group{gap:var(--space-2);border:0;padding:0;display:grid}.tree ul{gap:var(--space-2);margin:var(--space-2) 0 var(--space-2) var(--space-5);padding:0;list-style:none;display:grid}.form-summary{padding:var(--space-4);border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);background:#fff4f8}.form-summary[hidden]{display:none}.strength-meter{background:#e2e4ed;border-radius:999px;height:.55rem;overflow:hidden}.strength-meter span{background:var(--color-danger);width:0;height:100%;transition:width .16s;display:block}.locator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.locator-example{padding:var(--space-4)}.locator-example--awkward{background:#fffaf2;border-color:#d59845}.locator-example h3{margin-bottom:var(--space-3)}.locator-prose{max-width:76ch}.locator-prose h2{margin-top:var(--space-6)}.fixture-nav{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.fixture-nav a{background:var(--color-brand-soft);border-radius:999px;padding:.4rem .7rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.table-intro,.table-panel{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;display:grid}.table-intro p,.table-panel>:last-child{margin-bottom:0}.table-scroll{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;max-width:100%;overflow:auto}.table-scroll table{border-collapse:collapse;width:100%;min-width:58rem}.compact-table table{min-width:36rem}.compact-table{max-height:28rem}.compact-table thead th{z-index:1;position:sticky;top:0}.table-scroll caption{padding:var(--space-3);color:var(--color-muted);text-align:left;font-weight:700}.table-scroll th,.table-scroll td{border-top:1px solid var(--color-border);text-align:left;vertical-align:top;padding:.7rem .8rem}.table-scroll thead th{color:var(--color-ink);white-space:nowrap;background:#eceeff}.table-scroll tbody tr:nth-child(2n){background:#f8f8fc}.table-scroll th button{align-items:center;gap:var(--space-2);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;display:inline-flex}.table-scroll [data-sort-indicator]{min-width:2.25rem;color:var(--color-brand);font-size:.78rem}.table-empty,.list-empty{color:var(--color-danger);font-weight:750;padding:var(--space-5)!important;text-align:center!important}.form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.pagination-grid,.nested-grid,.search-lab-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.search-lab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pagination-controls{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.pagination-controls .result{flex:1}.inline-editor{border-radius:var(--radius-sm);width:min(100%,18rem);min-height:2.5rem;font:inherit;border:1px solid #aab0c6;padding:.45rem .6rem}.inline-editor[aria-invalid=true]{border-color:var(--color-danger)}.row-detail{color:var(--color-ink);background:#f0f5ff}.table-scroll--sticky{max-height:22rem}.table-scroll--sticky thead th{z-index:2;position:sticky;top:0}.table-scroll--sticky th:first-child,.table-scroll--sticky td:first-child{z-index:1;box-shadow:2px 0 0 var(--color-border);background:#fff;position:sticky;left:0}.table-scroll--sticky thead th:first-child{z-index:3;background:#eceeff}.virtual-table{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;overflow:hidden}.virtual-header,.virtual-row{grid-template-columns:9rem minmax(12rem,1.4fr) minmax(10rem,1fr) 7rem;min-width:44rem;display:grid}.virtual-header{color:var(--color-ink);background:#eceeff;font-weight:800;overflow:hidden}.virtual-header span,.virtual-row span{border-right:1px solid var(--color-border);padding:.75rem}.virtual-viewport{height:20rem;position:relative;overflow:auto}#virtual-spacer{min-width:44rem;position:relative}#virtual-body{width:100%;position:absolute;inset:0 auto auto 0}.virtual-row{border-bottom:1px solid var(--color-border);background:#fff;width:100%;min-height:47px;position:absolute}.virtual-row:nth-child(2n){background:#f8f8fc}.nested-grid details{min-width:22rem}.nested-grid summary{color:var(--color-brand);cursor:pointer;font-weight:750}.result-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.result-list li{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);background:#fff;padding:.7rem .8rem}.result-list--cards{grid-template-columns:repeat(2,minmax(0,1fr))}.autocomplete-field{max-width:38rem}.autocomplete-field .suggestions [role=option][aria-selected=true] button{color:#fff;background:var(--color-brand)}.api-infinite-list{max-height:21rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;overflow-y:auto}#infinite-sentinel{height:1px}[hidden]{display:none!important}.wait-guidance,.control-panel,.interaction-log-panel{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#f7f5ff;display:grid}.wait-guidance{grid-template-columns:minmax(0,1.5fr) minmax(16rem,1fr)}.strategy-list{gap:var(--space-3);margin:0;padding-left:1.4rem;display:grid}.control-panel{grid-template-columns:minmax(12rem,1fr) minmax(12rem,1fr) minmax(18rem,2fr);align-items:end}.loading-indicator{width:fit-content;color:var(--color-brand);background:var(--color-brand-soft);border-radius:999px;padding:.65rem .9rem;font-weight:800}.skeleton-card{border-radius:var(--radius-md);background:linear-gradient(100deg,#ececf3 30%,#f8f8fc 50%,#ececf3 70%) 0 0/240% 100%;width:min(100%,28rem);height:7rem;animation:1.2s linear infinite skeleton-slide}@keyframes skeleton-slide{to{background-position-x:-240%}}progress{width:min(100%,34rem);height:1.1rem;accent-color:var(--color-brand)}.metric{font-size:1.05rem}.lazy-spacer{border:1px dashed var(--color-border);border-radius:var(--radius-md);min-height:16rem;color:var(--color-muted);background:#fafafe;place-items:center;display:grid}.lazy-card{align-items:center;gap:var(--space-4);min-height:8rem;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.generated-card,.fragility-note{padding:var(--space-3);border-radius:var(--radius-sm)}.generated-card{border:1px solid var(--color-border)}.fragility-note{margin-top:var(--space-3);color:#704000;background:#fff4dc}dialog{border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(100% - 2rem,38rem);max-height:calc(100vh - 3rem);color:var(--color-ink);background:#fff;padding:0;overflow:auto;box-shadow:0 1.5rem 4rem #1612333d}dialog::backdrop{background:#1b153894}.modal-card{gap:var(--space-4);padding:var(--space-5);display:grid}.modal-scroll{max-height:18rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow-y:auto}.toast-stack{gap:var(--space-2);max-width:32rem;display:grid;position:relative}.toast{border:1px solid var(--color-border);border-left:.35rem solid var(--color-brand);border-radius:var(--radius-sm);background:#fff;padding:.8rem 1rem;font-weight:750;box-shadow:0 .5rem 1.4rem #1612331f}.toast--success{border-left-color:#16784c}.toast--error{border-left-color:var(--color-danger)}.toast--warning{border-left-color:#b66a00}.toast--info{border-left-color:#1265a8}.interaction-log-panel{background:#f0f5ff}.interaction-log-panel .result-list{max-height:12rem;overflow-y:auto}.menu-fixture{width:fit-content;position:relative}.fixture-menu{z-index:4;width:min(18rem,100%);margin-top:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;display:grid;position:relative;box-shadow:0 .5rem 1.4rem #1612331f}.fixture-menu button{border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:0;padding:.65rem .8rem}.fixture-menu button:hover,.fixture-menu button:focus-visible{color:#fff;background:var(--color-brand)}.tooltip{width:fit-content;margin-top:var(--space-2);border-radius:var(--radius-sm);color:#fff;background:#28213d;padding:.55rem .75rem}.scroll-practice-region{max-height:16rem;margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-y:auto}.scroll-practice-spacer{min-height:28rem}.custom-listbox{width:min(100%,26rem);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:.25rem;display:grid}.custom-listbox [role=option]{border-radius:var(--radius-sm);text-align:left;background:#fff;border:0;padding:.7rem .8rem}.custom-listbox [role=option][aria-selected=true]{color:#fff;background:var(--color-brand)}kbd{border:1px solid var(--color-border);font:inherit;background:#fff;border-bottom-width:2px;border-radius:.3rem;padding:.1rem .4rem;font-size:.9em}.calendar-header,.calendar-weekdays,.calendar-grid,.timezone-grid,.dual-range{gap:var(--space-2);display:grid}.calendar-header{text-align:center;grid-template-columns:auto 1fr auto;align-items:center}.calendar-header button,.calendar-grid button,.stepper button{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:#fff;min-width:2.5rem;min-height:2.5rem}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(2.5rem,1fr))}.calendar-weekdays span{color:var(--color-muted);text-align:center;font-size:.8rem;font-weight:800}.calendar-grid button:hover,.calendar-grid button:focus-visible{color:#fff;background:var(--color-brand)}.timezone-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.timezone-grid div{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.timezone-grid dt{font-weight:800}.timezone-grid dd{margin:.3rem 0 0}.dual-range{grid-template-columns:repeat(2,minmax(0,1fr))}.stepper{align-items:center;gap:var(--space-2);grid-template-columns:auto minmax(3rem,auto) auto;display:inline-grid}.stepper output{text-align:center;font-size:1.25rem;font-weight:800}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.frame-grid,.storage-grid,.drag-zone-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.frame-grid iframe,.wide-frame,#dynamic-frame-host iframe{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;width:100%;min-height:12rem}.wide-frame{min-height:15rem;margin-bottom:var(--space-4)}#upload-progress{width:100%;height:1rem;margin-top:var(--space-3);accent-color:var(--color-brand)}.file-dropzone{min-height:9rem;padding:var(--space-5);border:2px dashed var(--color-brand);border-radius:var(--radius-md);color:var(--color-brand);text-align:center;cursor:pointer;background:#f7f5ff;place-items:center;font-weight:800;display:grid}.file-dropzone[data-drag-active=true],.file-dropzone:focus-visible{background:#eee8ff;outline:3px solid #5b35b53d}.image-preview{object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;width:min(100%,28rem);max-height:20rem;display:block}.drag-zone,.kanban-column,.storage-grid>section,.consent-preference{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff}.drag-zone h3,.kanban-column h3,.storage-grid h3,.consent-preference h3{margin-top:0}.drag-list,.sortable-list{gap:var(--space-2);min-height:4rem;margin:0;padding:0;list-style:none;display:grid}.drag-list li,.sortable-list li{justify-content:space-between;align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:grab;background:#f8f8fd;padding:.75rem;display:flex}.drag-list li[data-pointer-dragging=true],.sortable-list li[data-pointer-dragging=true]{opacity:.65;cursor:grabbing}.sortable-list button{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:#fff;min-width:2.25rem;min-height:2.25rem}.kanban-board,.responsive-demo{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.responsive-demo span{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:center;background:#f7f5ff;font-weight:800}.auth-workspace{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.auth-card{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;display:grid;box-shadow:0 .6rem 1.8rem #20194812}.auth-card--wide{grid-column:1/-1}.auth-card h2,.auth-card h3,.auth-card p{margin-top:0}.auth-form,.auth-inbox,.auth-facts,.lesson-stack,.security-grid{gap:var(--space-3);display:grid}.auth-form label,.auth-card>label{font-weight:800}.auth-form input,.auth-form select,.auth-card>input,.auth-card>select{width:100%}.choice-row{align-items:flex-start;gap:var(--space-2);display:flex}.choice-row input{width:auto;margin-top:.25rem}.auth-facts{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.auth-facts div,.role-control,.security-grid article{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle)}.auth-facts dt{font-weight:800}.auth-facts dd{margin:.3rem 0 0}.auth-divider{height:1px;margin-block:var(--space-2);background:var(--color-border)}.auth-heading-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.auth-inbox{margin:0;padding:0;list-style:none}.auth-inbox li{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#f8f8fd;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;display:grid}.permission-controls,.role-control{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-stack{max-width:68rem}.lesson-stack>section{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff}.auth-lesson p{max-width:76ch}@media (width>=700px) and (width<=1023px){.responsive-demo{grid-template-columns:repeat(2,minmax(0,1fr))}.responsive-demo [data-responsive-item=inspector]{grid-column:1/-1}}@media (width<=699px){.responsive-demo{grid-template-columns:1fr}}.store-app{--store-ink:#182036;--store-soft:#f6f3ff;--store-border:#ded7f5;color:var(--store-ink)}.store-nav{border-block:1px solid var(--store-border);z-index:20;background:#fff;position:sticky;top:0}.store-nav__inner,.store-nav ul,.store-heading-row,.store-product-card__footer,.store-form-row{align-items:center;display:flex}.store-nav__inner{justify-content:space-between;gap:1rem;min-height:4.25rem}.store-brand{color:var(--store-ink);font-family:var(--font-heading);white-space:nowrap;align-items:center;gap:.55rem;font-weight:700;text-decoration:none;display:inline-flex}.store-brand span{color:#fff;background:var(--color-primary);border-radius:.6rem;place-items:center;width:2rem;height:2rem;display:grid}.store-nav ul{gap:.25rem;margin:0;padding:0;list-style:none;overflow-x:auto}.store-nav li a{color:var(--store-ink);white-space:nowrap;border-radius:.65rem;align-items:center;gap:.35rem;padding:.65rem .8rem;font-weight:650;text-decoration:none;display:inline-flex}.store-nav li a:hover,.store-nav li a[aria-current=page]{color:var(--color-primary-dark);background:var(--store-soft)}.store-count{color:#fff;background:var(--color-primary);border-radius:999px;place-items:center;min-width:1.4rem;height:1.4rem;padding-inline:.25rem;font-size:.75rem;display:inline-grid}.store-global-status{min-height:2.25rem;color:var(--color-muted);padding-block:.55rem;font-size:.88rem}.store-hero{background:radial-gradient(circle at 85% 18%,#6528f729,#0000 24rem),linear-gradient(135deg,#fff 0%,#f8f5ff 65%,#ecfffb 100%);padding:clamp(3.5rem,8vw,6.5rem) 0}.store-hero__grid,.store-split,.store-checkout-grid,.store-detail{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);display:grid}.store-heading-row{justify-content:space-between;gap:1rem}.store-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.store-product-card,.store-panel,.store-lab-panel,.store-reviews article{border:1px solid var(--store-border);background:#fff;border-radius:1.1rem;box-shadow:0 12px 35px #291c5912}.store-product-card{overflow:hidden}.store-product-card__image{aspect-ratio:3/2;background:var(--store-soft);display:block}.store-product-card__image img{object-fit:cover;width:100%;height:100%}.store-product-card__body,.store-panel,.store-lab-panel,.store-reviews article{padding:1.25rem}.employee-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.employee-panel{align-content:start;gap:.65rem;display:grid}.employee-panel h2{margin:0 0 .35rem}.employee-panel label:not(.employee-checkbox){color:var(--color-text-strong);margin-bottom:-.35rem;font-weight:700}.employee-panel input:not([type=checkbox]),.employee-panel select{border:1px solid var(--store-border);width:100%;min-height:2.75rem;color:var(--color-text);font:inherit;background:#fff;border-radius:.5rem;padding:.55rem .65rem}.employee-checkbox{align-items:center;gap:.55rem;font-weight:700;display:inline-flex}.employee-checkbox input{block-size:1.1rem;inline-size:1.1rem}.employee-directory th,.employee-directory td{vertical-align:middle;padding:.8rem}.employee-directory td:last-child{white-space:nowrap}.store-product-card__body h3{margin-block:.2rem .65rem}.store-product-card__footer{justify-content:space-between;gap:.75rem;margin-block:1rem}.store-product-card__footer strong,.store-price{color:var(--color-primary-dark);font-family:var(--font-heading);font-size:1.35rem;font-weight:700}.store-category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem;display:grid}.store-category-grid a{border:1px solid var(--store-border);min-height:8rem;color:var(--store-ink);text-align:center;background:#fff;border-radius:1rem;place-items:center;padding:1rem;text-decoration:none;display:grid}.store-category-grid a:hover{border-color:var(--color-primary);transform:translateY(-2px)}.store-category-grid span{color:#fff;background:var(--color-primary);width:3rem;height:3rem;font-family:var(--font-heading);border-radius:50%;place-items:center;font-size:1.4rem;font-weight:700;display:grid}.store-flow{counter-reset:store-flow;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:0;list-style:none;display:grid}.store-flow li{border-left:4px solid var(--color-accent);background:var(--store-soft);counter-increment:store-flow;border-radius:.7rem;padding:1rem}.store-flow li:before{content:counter(store-flow, decimal-leading-zero);color:var(--color-primary);font-family:var(--font-heading);font-weight:700;display:block}.store-scenario-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-block:1rem;display:grid}.store-filter-panel{border:1px solid var(--store-border);background:var(--store-soft);border-radius:1rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block:2rem;padding:1.25rem;display:grid}.store-filter-panel>div,.store-checkout-form,.store-checkout-form>div,.store-coupon-form>div{gap:.35rem;display:grid}.store-filter-panel .button{align-self:end}.store-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.store-detail{grid-template-columns:minmax(0,.9fr) minmax(20rem,1.1fr);margin-top:1rem}.store-gallery{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.store-gallery img{border:1px solid var(--store-border);background:var(--store-soft);border-radius:1rem;width:100%}.store-gallery [data-primary-image=true]{grid-column:1/-1}.store-detail__content,.store-reviews{gap:1rem;display:grid}.store-add-form{grid-template-columns:minmax(0,1fr) minmax(6rem,.35fr) auto;align-items:end;gap:.75rem;display:grid}.store-add-form>div{gap:.35rem;display:grid}.store-add-form select,.store-add-form input{width:100%}.store-add-form .result{grid-column:1/-1}.store-stock{color:#047857;font-weight:700}.store-empty,.store-error{background:var(--store-soft);border-radius:.8rem;grid-column:1/-1;padding:1.25rem}.store-error{color:#991b1b;background:#fff1f2}.store-coupon-form{align-items:end;gap:.75rem;max-width:34rem;margin-top:1.5rem;display:flex}.store-totals{width:min(100%,28rem);margin-left:auto}.store-totals div,.store-confirmation__facts div,.store-checkout-grid aside li{border-bottom:1px solid var(--store-border);justify-content:space-between;gap:1rem;padding:.65rem 0;display:flex}.store-checkout-form{gap:.8rem;margin-top:1rem}.store-checkout-form fieldset{border:1px solid var(--store-border);border-radius:.8rem;gap:.5rem;margin:0;padding:1rem;display:grid}.store-form-row{align-items:start;gap:1rem}.store-form-row>div{flex:1}.store-checkout-grid aside ul{margin:0;padding:0;list-style:none}.store-confirmation{text-align:center;max-width:52rem}.store-confirmation__facts{text-align:left;grid-template-columns:1fr 1fr;gap:0 2rem;margin-block:2rem;display:grid}html[data-visual-mode=stable] *,html[data-visual-mode=stable] :before,html[data-visual-mode=stable] :after{scroll-behavior:auto!important;caret-color:#0000!important;transition:none!important;animation:none!important}@media (width<=1023px){.store-product-grid,.store-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.store-category-grid,.store-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.store-hero__grid,.store-split,.store-checkout-grid,.store-detail{grid-template-columns:1fr}}@media (width<=699px){.store-nav__inner,.store-heading-row,.store-coupon-form,.store-form-row{flex-direction:column;align-items:stretch}.store-nav{position:static}.store-nav ul{flex-wrap:wrap;width:100%;padding-bottom:.6rem;overflow:visible}.store-product-grid,.store-filter-panel,.store-category-grid,.store-flow,.store-confirmation__facts{grid-template-columns:1fr}.store-scenario-grid{grid-template-columns:repeat(3,1fr)}.store-add-form{grid-template-columns:1fr}.store-add-form .result{grid-column:auto}}.site-footer{margin-top:var(--space-8);padding-block:var(--space-6);border-top:1px solid var(--color-border);color:var(--color-muted);background:var(--color-surface-subtle)}.site-footer__inner{justify-content:space-between;align-items:center;gap:var(--space-5);display:flex}.site-footer p{margin:0}@media (width<=54rem){.hero__grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header__inner,.site-footer__inner{padding-block:var(--space-4);flex-direction:column;justify-content:center;align-items:flex-start}.practice-layout{grid-template-columns:1fr}.practice-sidebar{position:static}.pagination-grid,.nested-grid,.search-lab-grid,.wait-guidance,.control-panel,.timezone-grid,.dual-range,.frame-grid,.storage-grid,.drag-zone-grid,.kanban-board,.auth-workspace,.security-grid,.auth-facts{grid-template-columns:1fr}.auth-card--wide{grid-column:auto}.auth-inbox li{grid-template-columns:1fr}.auth-heading-row{flex-direction:column;align-items:stretch}}@media (width<=36rem){.container{width:min(calc(100% - 1.25rem), var(--max-width))}.grid,.form-grid,.form-grid--three,.locator-grid,.result-list--cards{grid-template-columns:1fr}.pagination-controls{flex-direction:column;align-items:stretch}.form-grid .span-2{grid-column:auto}.fixture-section__header{flex-direction:column}.hero{padding-block:var(--space-7)}.lab-nav ul{gap:var(--space-3)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.challenge-layout{gap:var(--space-6);grid-template-columns:minmax(15rem,18rem) minmax(0,1fr);align-items:start;display:grid}.challenge-filter-panel,.challenge-facts{top:var(--space-5);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);position:sticky}.challenge-filter-panel h2,.challenge-facts h2{margin-top:0}.challenge-filter-panel form{gap:var(--space-4);display:grid}.challenge-filter-panel label{gap:.4rem;font-weight:700;display:grid}.challenge-filter-panel select{width:100%}.challenge-cards{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.challenge-card{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.challenge-card[hidden]{display:none}.challenge-card h2,.challenge-card p,.challenge-card ul{margin:0}.challenge-card h2{font-size:1.25rem}.challenge-card__meta,.tag-list{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.challenge-card__meta>span:not(.difficulty),.tag-list li{color:var(--color-muted);background:var(--color-surface-subtle);border-radius:999px;padding:.22rem .55rem;font-size:.82rem}.tag-list{margin:0;padding:0;list-style:none}.download-panel{margin-top:var(--space-6);padding:var(--space-5);border:1px solid color-mix(in srgb, var(--color-brand) 30%, var(--color-border));border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface))}.challenge-detail-hero .container{max-width:58rem}.challenge-detail{gap:var(--space-7);grid-template-columns:minmax(0,1fr) minmax(15rem,19rem);align-items:start;display:grid}.challenge-detail article>section{margin-bottom:var(--space-7)}.hint-stack{gap:var(--space-3);display:grid}.hint-stack details{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.hint-stack summary{cursor:pointer;font-weight:700}.challenge-facts dl>div{padding-block:var(--space-3);border-bottom:1px solid var(--color-border)}.challenge-facts dt{font-weight:700}.challenge-facts dd{margin:.25rem 0 0}.seo-learning-links{border-top:1px solid var(--color-border);background:color-mix(in srgb, var(--color-brand) 4%, var(--color-surface))}.seo-learning-links__grid{gap:var(--space-7);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.seo-learning-links h2{margin-block:var(--space-2) var(--space-3)}.seo-learning-links ul{gap:var(--space-2) var(--space-5);margin:var(--space-3) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.seo-learning-links a{font-weight:700}@media (width<=54rem){.challenge-layout,.challenge-detail,.seo-learning-links__grid{grid-template-columns:1fr}.challenge-filter-panel,.challenge-facts{position:static}}@media (width<=42rem){.challenge-cards{grid-template-columns:1fr}}.ticket-layout,.ticket-report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.ticket-panel{align-content:start;gap:.65rem;display:grid}.ticket-panel h2{margin:0 0 .35rem}.ticket-panel label{color:var(--color-text-strong);font-weight:700}.ticket-panel input,.ticket-panel select{border:1px solid var(--store-border);width:100%;min-height:2.75rem;color:var(--color-text);font:inherit;background:#fff;border-radius:.5rem;padding:.55rem .65rem}.ticket-directory th,.ticket-directory td{vertical-align:middle;padding:.8rem}.ticket-directory td:last-child{white-space:nowrap}.ticket-label{background:var(--color-surface-subtle);color:var(--color-muted);border-radius:999px;margin:.1rem;padding:.2rem .45rem;font-size:.78rem;display:inline-block}.ticket-history{gap:.65rem;margin:0;padding-left:1.2rem;display:grid}.ticket-history li{border-bottom:1px solid var(--color-border);padding-bottom:.65rem}.booking-search-panel,.booking-confirm-panel{gap:.85rem;display:grid}.booking-form-grid,.booking-flow-grid,.booking-room-grid{gap:1.25rem;display:grid}.booking-form-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.booking-form-grid label,.booking-confirm-panel label{color:var(--color-text-strong);gap:.35rem;font-weight:700;display:grid}.booking-form-grid input,.booking-form-grid select,.booking-confirm-panel input{border:1px solid var(--store-border);width:100%;min-height:2.75rem;color:var(--color-text);font:inherit;background:#fff;border-radius:.5rem;padding:.55rem .65rem}.booking-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-room-card{border:1px solid var(--store-border);background:#fff;border-radius:1.1rem;align-content:start;gap:.55rem;padding:1.25rem;display:grid;box-shadow:0 12px 35px #291c5912}.booking-room-card h3,.booking-room-card p{margin:0}.booking-room-card .store-price span{color:var(--color-muted);font-family:var(--font-body);font-size:.85rem;font-weight:600}.booking-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.booking-confirmation[hidden]{display:none}.booking-directory th,.booking-directory td{vertical-align:middle;padding:.8rem}.booking-dialog{border:1px solid var(--store-border);width:min(100% - 2rem,34rem);color:var(--color-text);background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 24px 70px #20194840}.booking-dialog::backdrop{background:#1820368c}.booking-dialog h2{margin-top:0}.form-hint{color:var(--color-muted);margin:-.25rem 0 0;font-size:.85rem}@media (width<=54rem){.ticket-layout,.ticket-report-grid,.booking-flow-grid{grid-template-columns:1fr}.booking-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=36rem){.booking-form-grid,.booking-room-grid{grid-template-columns:1fr}}.realtime-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.realtime-panel{align-content:start;gap:.8rem;display:grid}.realtime-panel h2,.realtime-panel p{margin:0}.realtime-panel label{color:var(--color-text-strong);font-weight:700}.realtime-panel select{border:1px solid var(--store-border);width:100%;min-height:2.75rem;color:var(--color-text);font:inherit;background:#fff;border-radius:.5rem;padding:.55rem .65rem}.shadow-dom-boundary{gap:.85rem;display:grid}@media (width<=54rem){.realtime-layout{grid-template-columns:1fr}}