/* Les Liens, scoped to the interactive journey; existing services keep their tokens. */
.interactive-page,.interactive-entry{
 --interactive-canvas:var(--liens-canvas,#f9f7fc);--interactive-surface:var(--liens-surface,#fff);
 --interactive-text:var(--liens-text,#2c193c);--interactive-secondary:var(--liens-secondary,#5d5368);
 --interactive-action:var(--liens-action,#422459);--interactive-line:var(--liens-line,#82738e);
 color:var(--interactive-text);background:var(--interactive-canvas);font-family:system-ui,-apple-system,'DM Sans',sans-serif;
}
.interactive-page{max-width:60rem;margin-inline:auto;padding:clamp(1rem,4vw,2rem);padding-bottom:calc(8rem + env(safe-area-inset-bottom));overflow-wrap:anywhere}
.interactive-page *, .interactive-entry *{box-sizing:border-box;min-width:0}
.interactive-page :is(h1,h2,h3),.interactive-entry h2{font-family:inherit;color:var(--interactive-text);line-height:1.3}
.interactive-page h1{font-size:clamp(1.7rem,4vw,2.5rem);margin-block:1rem}.interactive-page h2{font-size:1.25rem}
.interactive-page p,.interactive-entry p{line-height:1.65;color:var(--interactive-secondary)}
.interactive-page [lang],.interactive-entry [lang]{display:block;text-align:start}
.interactive-page [lang=ar],.interactive-entry [lang=ar]{margin-block-start:.35rem;line-height:1.75}
.interactive-page .interactive-eyebrow{font-size:.85rem;font-weight:700;letter-spacing:.08em}
.interactive-page :is(.btn,.interactive-answers button),.interactive-entry .btn{display:inline-flex;flex-direction:column;justify-content:center;align-items:stretch;min-block-size:2.75rem;min-inline-size:2.75rem;max-width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.45;white-space:normal;text-decoration:none;border:1px solid var(--interactive-action);border-radius:1rem;background:var(--interactive-action);color:#fff;box-shadow:none}
.interactive-page .btn.secondary,.interactive-page .interactive-answers button{background:var(--interactive-surface);color:var(--interactive-text);border-color:var(--interactive-line)}
.interactive-page :is(button,a,summary):focus-visible,.interactive-entry a:focus-visible{outline:3px solid var(--interactive-action);outline-offset:4px;box-shadow:0 0 0 2px var(--interactive-surface)}
.interactive-page [aria-pressed=true]{border-width:3px;font-weight:750}
.interactive-page [aria-disabled=true]{cursor:default}.interactive-page button:disabled{opacity:.65;cursor:default}
.interactive-actions,.interactive-filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1rem}
.interactive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1rem}
.interactive-card,.interactive-intro,.interactive-phrase,.interactive-status,.interactive-entry{padding:1.25rem;border:1px solid var(--interactive-line);border-radius:1.25rem;background:var(--interactive-surface);margin-block:1rem;box-shadow:none}
.interactive-card{display:flex;flex-direction:column;gap:.5rem;margin:0}.interactive-card .btn{margin-block-start:auto}
.interactive-intro summary{min-height:2.75rem;padding:.5rem;cursor:pointer;font-weight:650}.interactive-intro li{margin-block:.75rem;line-height:1.6}
.interactive-answers{display:grid;gap:.75rem}.interactive-answers button{text-align:start;touch-action:manipulation}
.interactive-answers strong{margin-block-start:.65rem;border-block-start:1px solid currentColor;padding-block-start:.5rem;font-size:.95rem}
.interactive-explanation{min-height:2rem;padding-block:1rem}.interactive-explanation p{margin-block:.5rem}
.interactive-page progress{width:100%;height:.75rem;accent-color:var(--interactive-action)}
.interactive-page .interactive-score{font-size:3rem;font-weight:750;color:var(--interactive-text);margin-block:1rem}
.interactive-status button{margin-inline-end:.5rem;margin-block:.25rem}.interactive-status [role=status]{font-weight:600}
.interactive-status>p:last-child{font-size:.875rem}.interactive-page [hidden]{display:none!important}
@media(prefers-color-scheme:dark){.interactive-page,.interactive-entry{--interactive-canvas:var(--liens-canvas,#110c17);--interactive-surface:var(--liens-surface,#1e1628);--interactive-text:var(--liens-text,#f9f3fd);--interactive-secondary:var(--liens-secondary,#c5b9d2);--interactive-action:var(--liens-action,#52336f);--interactive-line:var(--liens-line,#b2a0c2)}.interactive-page :is(button,a,summary):focus-visible,.interactive-entry a:focus-visible{outline-color:#d5bbf7}}
@media(prefers-contrast:more){.interactive-page,.interactive-entry{--interactive-secondary:var(--interactive-text);--interactive-line:var(--interactive-text)}}
@media(forced-colors:active){.interactive-page,.interactive-entry{color:CanvasText;background:Canvas}.interactive-page :is(button,a,summary):focus-visible,.interactive-entry a:focus-visible{outline-color:Highlight;box-shadow:none}.interactive-page [aria-pressed=true]{border:3px solid Highlight}}