.experience-page,.experience-search-reference{--exp-accent:var(--md-sys-color-tertiary,#b6f117);--exp-on-accent:var(--md-sys-color-on-tertiary,#1c1b1f);--exp-surface:hsl(var(--card));--exp-text:hsl(var(--foreground));--exp-muted:hsl(var(--muted-foreground));--exp-border:hsl(var(--border));color:var(--exp-text);max-width:1080px;width:100%;margin:0 auto;padding:24px 16px 64px}.experience-page *,.experience-search-reference *{box-sizing:border-box;min-width:0}.exp-header{margin-bottom:24px}.exp-topline{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.exp-eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.07em;color:var(--exp-accent);margin:0 0 8px}.experience-page h1,.experience-search-reference h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.1;letter-spacing:-.025em;margin:0;font-weight:750}.exp-lede{font-size:1.05rem;line-height:1.5;color:var(--exp-muted);margin:12px 0 0;max-width:650px}.exp-panel{border:1px solid var(--exp-border);background:var(--exp-surface);border-radius:24px;padding:20px;margin-bottom:18px}.exp-panel h2,.exp-result h2{font-size:1.35rem;line-height:1.3;margin:0 0 12px;font-weight:700}.exp-panel h3{margin:8px 0 12px;font-size:1.05rem;font-weight:700}.exp-panel p{line-height:1.6}.exp-actions,.exp-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.exp-actions{margin-top:16px}.exp-button,.exp-workspace button,.experience-page select,.experience-page input:not([type=checkbox]):not([type=radio]):not([type=range]){font:inherit;font-weight:600;border:1px solid var(--exp-border);color:var(--exp-text);background:hsl(var(--background));border-radius:14px;min-height:48px;padding:10px 16px;max-width:100%}.experience-page button,.experience-page select{cursor:pointer}.exp-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;text-decoration:none;line-height:1.35;text-align:center}.experience-page .exp-button--primary,.experience-page .exp-primary{background:var(--exp-accent);color:var(--exp-on-accent);border-color:var(--exp-accent);font-weight:750}.experience-page .exp-transport{min-height:58px;font-size:1.1rem;min-width:180px}div.exp-transport{display:grid;gap:10px;margin-top:16px}.exp-button:hover,.experience-page button:hover:not(:disabled){border-color:var(--exp-accent);filter:brightness(1.08)}.experience-page button:disabled{opacity:.5;cursor:not-allowed;filter:none}.experience-page :is(button,a,input,select,summary):focus-visible,.experience-page [tabindex]:focus-visible{outline:3px solid var(--exp-accent);outline-offset:4px}.experience-page fieldset{padding:0;border:0;margin:20px 0 0}.experience-page legend,.exp-label{display:block;font-weight:650;margin:0 0 10px;line-height:1.5}.experience-page label{line-height:1.5}.experience-page input[type=range]{width:100%;min-height:44px;accent-color:var(--exp-accent)}.experience-page input[type=checkbox],.experience-page input[type=radio]{accent-color:var(--exp-accent);width:20px;height:20px;vertical-align:middle;margin-right:8px}.exp-control{display:grid;gap:8px}.exp-choice-grid,.exp-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.exp-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.experience-page .exp-choice{text-align:left;padding:16px}.experience-page .exp-choice.is-selected,.experience-page .exp-choice[aria-pressed=true]{border-color:var(--exp-accent);background:color-mix(in srgb,var(--exp-accent) 12%,var(--exp-surface));box-shadow:inset 0 0 0 1px var(--exp-accent)}.exp-muted,.exp-note{color:var(--exp-muted);font-size:.9rem;line-height:1.6}.exp-note{margin:12px 0 0}.exp-status{min-height:24px;font-size:.9rem;line-height:1.55;margin:12px 0 0;color:var(--exp-muted)}.exp-error{padding:14px;border:1px solid hsl(var(--destructive));border-radius:12px;line-height:1.6}.exp-result{margin-top:20px;border-top:1px solid var(--exp-border);padding-top:20px}.exp-metric{font-size:clamp(2rem,7vw,4rem);font-weight:750;font-variant-numeric:tabular-nums;line-height:1.2}.exp-step{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid var(--exp-border);border-radius:99px;font-size:.875rem;color:var(--exp-muted);margin-bottom:12px}.exp-stage{display:block;margin-top:24px;padding-top:20px;border-top:1px solid var(--exp-border)}.exp-choice strong,.exp-choice span,.exp-section strong,.exp-section span{display:block}.exp-transport>button{width:100%;min-height:58px}.exp-timeline{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr) minmax(0,1fr);gap:8px;margin:18px 0}.exp-section{padding:8px;border:1px solid var(--exp-border);border-radius:12px;color:var(--exp-muted);font-size:.875rem;overflow-wrap:anywhere}.exp-section.is-current{border-color:var(--exp-accent);color:var(--exp-text);background:color-mix(in srgb,var(--exp-accent) 10%,var(--exp-surface))}.experience-page progress{width:100%;height:8px;accent-color:var(--exp-accent)}.exp-workspace details,.exp-guide details{margin-top:16px;border:1px solid var(--exp-border);border-radius:16px;padding:14px}.exp-workspace summary,.exp-guide summary{min-height:32px;cursor:pointer;font-weight:650;line-height:1.5}.exp-workspace summary:hover,.exp-guide summary:hover{color:var(--exp-accent)}.exp-guide{max-width:760px;margin:48px auto 0}.exp-guide section{margin-top:32px}.exp-guide h2,.exp-app-card h2{font-size:1.4rem;font-weight:700;line-height:1.3;margin:0 0 12px}.exp-guide p{color:var(--exp-muted);line-height:1.75;margin:12px 0}.exp-guide nav{margin-top:32px}.exp-guide ul{display:grid;gap:8px;padding-left:20px}.exp-reference-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.exp-reference-table th,.exp-reference-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--exp-border);overflow-wrap:anywhere}.exp-reference-table th{color:var(--exp-text)}.exp-guide a,.exp-link{display:inline-flex;align-items:center;min-height:44px;color:var(--exp-text);text-decoration:underline;text-underline-offset:4px}.exp-guide a:hover,.exp-link:hover{color:var(--exp-accent)}.exp-app-card{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--exp-border);border-radius:24px;padding:24px;margin-top:40px}.exp-app-card p{max-width:650px;line-height:1.6}.exp-app-card .exp-button{flex-shrink:0}.exp-catalogue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.exp-catalogue a{text-decoration:none;transition:border-color .15s ease}.exp-catalogue a:hover{border-color:var(--exp-accent)}.exp-catalogue h2{color:var(--exp-text)}.experience-search-reference{padding-top:32px}.experience-search-reference a{color:var(--exp-accent);text-decoration:underline}@media (min-width:768px){.experience-page{padding:32px 24px 72px}.exp-panel{padding:28px}}@media (max-width:480px){.exp-panel{padding:16px;border-radius:20px}.exp-grid-3{grid-template-columns:minmax(0,1fr)}.exp-actions>.exp-button,.exp-actions>button{flex:1 1 auto}.exp-app-card{display:block;padding:20px}.exp-app-card .exp-button{margin-top:12px}.exp-catalogue{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.experience-page *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media (forced-colors:active){.experience-page .is-selected,.experience-page [aria-pressed=true]{outline:2px solid Highlight}}