/* FDT HUB · identity manual v1.
   Official palette only. Orange is a recurring action and component colour,
   paired with navy; the 135deg emphasis field remains blue→violet.
   This layer does not change logos, photographs, media, layout or behaviour. */
:root{
 --navy:#0C1F42;--blue:#0066FF;--violet:#7A3CFF;--cyan:#00D2F2;--orange:#FF9D00;
 --violet-ink:var(--navy);--authority-violet-ink:var(--navy);
 --violet-wash:#7A3CFF0D;--blue-wash:#0066FF0D;--cyan-wash:#00D2F20D;
 --authority-wash:#0066FF0D;
}
body.experience{background:#FFFFFF}
body.experience.scroll-version .shell>header{background:#FFFFFFF5}
body.experience .authority-heading h1 em{color:var(--violet);text-decoration:none}
body.experience .hero-cinema figcaption,
body.experience .band{background:linear-gradient(135deg,var(--blue),var(--violet));color:#FFFFFF}
body.experience .hero-cinema figcaption :is(b,strong,span),
body.experience .band :is(p,.eyebrow,b,strong,small){color:#FFFFFF}

/* Commercial invitations share a strong orange plane with navy text. */
body.experience .primary,
body.experience #film-dialog .primary,
body.experience #diagnostic .primary{
 background:var(--orange);color:var(--navy);border-color:var(--navy);
 box-shadow:inset 0 0 0 1px var(--navy);
}
body.experience .primary:hover,
body.experience #film-dialog .primary:hover,
body.experience #diagnostic .primary:hover{
 background:var(--navy);color:var(--orange);border-color:var(--navy);
 box-shadow:inset 0 -3px var(--orange);
}
/* The same treatment carries into forms, the header and Carla's actions. */
body.experience .contact,
body.experience #engagement-dialog .lead-primary,
body.experience #hub-chat .primary,
body.experience #hub-chat #chat-send{
 background:var(--orange);color:var(--navy);border-color:var(--navy);
 box-shadow:inset 0 0 0 1px var(--navy);
}
body.experience .contact:hover,
body.experience #engagement-dialog .lead-primary:hover,
body.experience #hub-chat .primary:hover,
body.experience #hub-chat #chat-send:hover{
 background:var(--navy);color:var(--orange);border-color:var(--navy);
 box-shadow:inset 0 -3px var(--orange);
}
body.experience .secondary:hover,
body.experience #engagement-dialog .lead-secondary:hover{
 background:var(--navy);color:#FFFFFF;border-color:var(--navy);
 box-shadow:inset 0 -3px var(--orange);
}
body.experience .text-link:hover{color:var(--navy);border-bottom-color:var(--orange)}

/* Orange makes the current choice immediately recognisable in every view. */
body.experience .version-switch a[aria-current=page],
body.experience :is(.tabs,.radar-tabs,.people-filter,.story-tabs) button[aria-pressed=true],
body.experience .insight-index>button[aria-pressed=true],
body.experience .insight-options>button[aria-pressed=true],
body.experience .segment-choices button[aria-pressed=true],
body.experience .method-track button[aria-pressed=true]{
 background:var(--orange);color:var(--navy);border-color:var(--navy);
 box-shadow:inset 0 0 0 1px var(--navy);
}
body.experience .phase-tabs button[aria-pressed=true]>span,
body.experience .segment-choices button[aria-pressed=true] b,
body.experience .method-track button[aria-pressed=true] .method-index,
body.experience .insight-options>button[aria-pressed=true]>span{color:var(--navy)}
body.experience .method-track button[aria-pressed=true] .method-index{background:#0C1F4212}
body.experience .method-track button[aria-pressed=true] small,
body.experience .insight-index>button[aria-pressed=true] :is(small,span){color:var(--navy)}
body.experience .segment-choices button[aria-pressed=true] i,
body.experience .method-track button[aria-pressed=true] i{
 background:var(--navy);border-color:var(--navy);box-shadow:0 0 0 5px #0C1F4212;
}
body.experience nav a:is([aria-current=page],[aria-current=location]):after{background:var(--orange)}
body.experience .version-switch a:hover:not([aria-current=page]){background:#0066FF0D;color:var(--navy)}
body.experience .term-list button[aria-pressed=true]{background:var(--orange);border-color:var(--navy);color:var(--navy)}
body.experience .term-list button[aria-pressed=true]>span{color:var(--navy)}

/* Repeated lines and deliberate orange surfaces connect the whole site. */
body.experience :is(.context-system,.segment-workbench,.insight-reading,.human-story,.knowledge-card){box-shadow:inset 0 4px var(--orange)}
body.experience .option-list button{border-left-color:var(--orange)}
body.experience .option-list button:hover{background:var(--orange);color:var(--navy);border-color:var(--navy)}
body.experience .option-list button:hover:after{color:var(--navy)}
body.experience .context-signals b{color:var(--navy);background:var(--orange);box-shadow:0 0 0 4px var(--orange)}
body.experience .living-reading>span:nth-child(3){background:var(--orange);color:var(--navy);border-color:var(--navy)}
body.experience .human-story .story-number{color:var(--navy);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:3px;text-underline-offset:5px}
body.experience .insight-note{background:#FFFFFF;border-left-color:var(--orange);color:var(--navy)}
body.experience .resource-options>:is(a,button,article){box-shadow:inset 0 3px var(--orange)}
body.experience .resource-options>:is(a,button,article):first-child{background:var(--orange);border-color:var(--navy);color:var(--navy)}
body.experience .resource-options>:is(a,button,article):first-child :is(b,strong,p,small,span){color:var(--navy)}
body.experience .resource-options>:is(a,button):first-child:hover{background:var(--orange);box-shadow:inset 0 3px var(--navy)}
body.experience .solution-card-1{background:var(--orange);border-color:var(--navy);color:var(--navy)}
body.experience .solution-card-1 :is(.solution-card-head,p,.solution-card-foot,b){color:var(--navy)}
body.experience .solution-card-1 .solution-card-foot{border-color:#0C1F4240}
body.experience .solution-card-1:before{border-color:#0C1F4240}
body.experience .activities-list>.activity-card{border-left-color:var(--orange)}
body.experience .activities-list>.activity-card:nth-of-type(2){background:var(--navy);border-color:var(--navy);box-shadow:inset 4px 0 var(--orange);color:#FFFFFF}
body.experience .activities-list>.activity-card:nth-of-type(2)>:is(b,span:not(.activity-tag)){color:#FFFFFF}
body.experience .activities-list>.activity-card:nth-of-type(2)>:is(.activity-tag,small){color:var(--orange)}

/* Orange details stay legible against the navy institutional panels. */
body.experience .cinema-play{background:var(--orange);color:var(--navy);border-color:var(--navy)}
body.experience .cinema-launch:hover .cinema-play{background:var(--navy);color:var(--orange);border-color:#FFFFFF}
body.experience :is(.alliance-system,.date-panel){background:var(--navy);color:#FFFFFF;border-color:var(--navy)}
body.experience :is(.alliance-system,.radar-card,.date-panel){box-shadow:inset 0 4px var(--orange)}
body.experience .alliance-nodes button i{background:var(--orange)}
body.experience .alliance-nodes button:hover{background:var(--orange);color:var(--navy);border-color:var(--orange)}
body.experience .alliance-nodes button:hover i{background:var(--navy);box-shadow:0 0 0 4px #0C1F4212}
body.experience .date-panel>.eyebrow,
body.experience .alliance-system>.eyebrow,
body.experience.scroll-version .scroll-view :is(.date-panel,.alliance-system)>.eyebrow{color:var(--orange)}
body.experience :is(.alliance-system,.human-proof-copy,.visual)>.text-link:hover{color:var(--orange);border-bottom-color:var(--orange)}
body.experience .podcast-feature .audio-sculpture>i:nth-child(2n){background:var(--orange)}
body.experience .solution-card-0 .solution-card-foot b{color:var(--orange)}
body.experience footer{background:var(--navy);box-shadow:inset 0 4px var(--orange)}
body.experience footer .social-link:hover{color:var(--orange)}
body.experience #hub-chat .chat-heading{background:var(--navy);border-bottom-color:var(--orange);color:#FFFFFF}
body.experience #hub-chat .chat-heading .eyebrow{color:var(--orange)}
body.experience #hub-chat .guide-tabs button[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:var(--navy)}
body.experience #hub-chat .guide-status{border-left-color:var(--orange);background:#FFFFFF;color:var(--navy)}
body.experience #guide-launcher .guide-launcher-mark{background:var(--navy);color:var(--orange);border-color:#FFFFFF}
body.experience #guide-launcher{box-shadow:inset 0 -3px var(--orange),0 7px 30px #0C1F4221}
body.experience #guide-launcher:hover{box-shadow:inset 0 -3px var(--orange),0 10px 35px #0C1F4224}
body.experience #guide-launcher .guide-launcher-portrait:before{border-color:var(--orange)}
body.experience #guide-dock{background:#FFFFFF;border-bottom-color:#0C1F4240}

/* Dialog links and inputs stay in the readable primary palette. */
body.experience #engagement-dialog .lead-eyebrow{color:var(--navy)}
body.experience #engagement-dialog .lead-check input{accent-color:var(--blue)}
body.experience #engagement-dialog .lead-success-mark{background:var(--navy);color:var(--orange)}
body.experience :is(.source-list a,.editorial-source-list a):hover{background:#0066FF0D;color:var(--navy)}
body.experience :is(button,a,input,select,textarea,summary):focus-visible,
body.experience #engagement-dialog :is(button,a,input,select,textarea):focus-visible,
body.experience #hub-chat :is(button,a,input,select,textarea,summary):focus-visible,
body.experience #guide-launcher:focus-visible,
body.experience #guide-dock button:focus-visible{
 outline:3px solid var(--blue);outline-offset:3px;
 box-shadow:0 0 0 3px #FFFFFF;
}

/* Accessible web report; the published PDF and its artwork stay unchanged. */
body.fdt-report{--navy:#0C1F42;background:#FFFFFF;color:var(--navy)}
body.fdt-report a{color:var(--blue)}
body.fdt-report a:hover{color:var(--navy)}
body.fdt-report .download{background:var(--orange);color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
body.fdt-report .download:hover{background:var(--navy);color:var(--orange)}
body.fdt-report .eyebrow{color:var(--violet)}
body.fdt-report .callout{background:#0066FF0D;border-left-color:var(--orange)}
body.fdt-report .stat{background:var(--navy);color:#FFFFFF}
body.fdt-report .stat>strong,
body.fdt-report .stat a{color:var(--orange)}
body.fdt-report .stat a:hover{color:#FFFFFF}
body.fdt-report tbody tr:nth-child(odd){background:#0066FF08}
body.fdt-report :is(a,button,.table-wrap):focus-visible{outline:3px solid var(--blue);outline-offset:3px;box-shadow:0 0 0 3px #FFFFFF}
@media print{body.fdt-report{background:#FFFFFF}body.fdt-report section{border:none}}

/* Navy preserves AA contrast for reference links on the report's blue tint. */
body.fdt-report .callout a,
body.fdt-report .callout a:hover{color:var(--navy)}
