/* Small editorial adaptations; homepage composition stays with the current site. */
.compass-tools .section-subtitle-row { display:flex; align-items:center; justify-content:space-between; gap:16px 28px; margin-block-start:12px }
.compass-tools .section-subtitle-row .section-subtitle { flex:1; min-inline-size:0; margin:0 }
.compass-tools .section-video-button { display:inline-flex; flex:none; align-items:center; justify-content:center; gap:10px; max-inline-size:100%; min-block-size:48px; padding:11px 20px; border:1px solid #c7a8de; border-radius:999px; background:#fff; color:var(--purple); font-size:16px; font-weight:700; line-height:1.35; text-align:center; cursor:pointer }
.compass-tools .section-video-button svg { flex:none; inline-size:20px; block-size:20px }
@media(max-width:800px) { .compass-tools .section-subtitle-row { flex-direction:column; align-items:flex-start } }
.compass-tools .integrated-guide { margin-block:18px 0; margin-inline:0; font-size:18px; line-height:1.4; font-weight:700; color:var(--purple) }
.compass-tools .integrated-guide a { text-decoration:underline; text-underline-offset:5px }
.compass-tools .detail-footer { flex-direction:column; align-items:stretch; gap:10px }
.compass-tools .detail-actions { display:flex; align-items:stretch; flex-wrap:wrap; gap:12px }
.compass-tools .detail-actions a { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-block-size:48px; padding-block:11px; padding-inline:20px; border-radius:999px; font-size:16px; font-weight:700; line-height:1.35; text-align:center; text-decoration:none }
.compass-tools .guide-button { background:#fff; border:1px solid #c7a8de; color:var(--purple) }
.compass-tools .detail-actions .primary-button { border:1px solid var(--purple) }
.compass-tools .access-note { border:0; padding:0 }
.compass-tools .access-note p:first-child,.compass-tools .access-note p:last-child { display:inline; margin:0; font-size:12px; line-height:1.6; font-weight:400; letter-spacing:0; color:var(--muted) }
.compass-tools .access-note p+p::before { content:' · ' }
@media(max-width:480px) { .compass-tools .detail-actions { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px }.compass-tools .detail-actions a { padding-block:10px; padding-inline:8px; font-size:14px; white-space:normal }.compass-tools .detail-actions .primary-button svg { display:none } }
.role-guide-entry { margin-block:30px 0; margin-inline:0; max-inline-size:850px; font-size:18px; line-height:1.6 }
.role-guide-entry a,.intro-band a { color:var(--primary-purple); text-decoration:underline; text-underline-offset:4px }
html:has(.compass-video:modal) { overflow:hidden }
.compass-video { inline-size:min(57.5rem,calc(100% - 2rem)); max-block-size:calc(100vh - 2rem); max-block-size:calc(100dvh - 2rem); overflow:auto; overscroll-behavior:contain; border:0; padding:20px; border-radius:18px; background:#160b36; color:#fff }
.compass-video::backdrop { background:#080316cc }
.compass-video-header { display:flex; flex-wrap:wrap; gap:12px 20px; align-items:center; justify-content:space-between; margin-block-end:16px; position:sticky; inset-block-start:0; z-index:1; background:#160b36 }
.compass-video-header h2 { flex:1 1 12rem; min-inline-size:0; overflow-wrap:anywhere; font-size:22px; line-height:1.3 }
.compass-video-close { flex-shrink:0; border:1px solid #fff8; background:#160b36; color:#fff; padding-block:10px; padding-inline:15px; border-radius:24px; cursor:pointer }
.compass-video iframe { display:block; inline-size:100%; block-size:auto; aspect-ratio:16/9; border:0 }
.compass-video a { color:#92eace; display:inline-block; margin-block-start:16px; text-decoration:underline }
html:not(.js) .compass-tools .detail-panel { display:flex; position:static; visibility:visible; opacity:1; transform:none; grid-column:1/-1 }
html:not(.js) .compass-tools .detail-trigger,html:not(.js) .compass-tools .close-button { display:none }
@media print { .future-fork-hero { min-block-size:0;padding-block:30px; padding-inline:0}.future-fork-system,.future-fork-metric,.future-fork-grid-overlay { display:none }.compass-tools .detail-panel { position:static;visibility:visible;opacity:1;transform:none;grid-column:1/-1 }.compass-tools .card-stage { min-block-size:0!important }.compass-tools .experience-card { transform:none!important;opacity:1!important }.compass-tools .detail-trigger,.compass-tools .close-button { display:none } }
.role-guide-links{display:flex;gap:10px 24px;flex-wrap:wrap;margin-block:22px; margin-inline:0}
.role-guide-links a{font-size:15px;line-height:1.5;font-weight:700;color:var(--primary-purple);text-decoration:underline;text-underline-offset:4px}

.role-detail-panel{scroll-margin-block-start:0}

.decision-space-copy .decision-access-note{font-size:13px;line-height:1.5;color:#625972;margin-block-start:16px}

/* Translated labels and compound words must fit narrow phone layouts. */
@media(max-width:650px){
  .preserved-page main{overflow-wrap:anywhere;hyphens:auto}
  .preserved-page main .pill{max-inline-size:100%;white-space:normal;text-align:center}
}

@media (hover: hover) and (pointer: fine) {
  .compass-tools .guide-button:hover { background:#f6f1ff; border-color:var(--purple) }
  .compass-tools .section-video-button:hover { background:#f6f1ff; border-color:var(--purple) }
}