/* Clear glass, precise colour roles, and optically aligned controls. */
:root{--accent:var(--brand-burgundy);--yes:#087a43;--no:#c3312f;--code-keyword:#8b1730;--code-number:#985600;--code-string:#007a43}
body{isolation:auto}
.site-header,.site-header.scrolled{
 background:linear-gradient(112deg,rgba(255,255,255,.4),rgba(236,234,231,.16) 48%,rgba(255,255,255,.28));
 backdrop-filter:blur(38px) saturate(110%);-webkit-backdrop-filter:blur(38px) saturate(110%);
 border:0;box-shadow:0 5px 24px #241c180b,inset 0 1px 0 #ffffff80,inset 0 -1px 0 #ffffff35;
}
.system-menu{
 position:fixed;z-index:39;left:50%;right:auto;top:128px;transform:translateX(-50%);width:min(1176px,calc(100% - 64px));transition:top .35s;
 background:linear-gradient(125deg,rgba(247,246,244,.6),rgba(231,229,226,.48));
 backdrop-filter:blur(50px) saturate(110%);-webkit-backdrop-filter:blur(50px) saturate(110%);
 border:0;box-shadow:0 18px 60px #241c181a,inset 0 1px 0 #ffffff99;
}
.site-header.scrolled+.system-menu{top:87px}
.site-header::before,.system-menu::before{
 content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.07;z-index:-1;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23808080' filter='url(%23n)' d='M0 0h160v160H0z' opacity='.8'/%3E%3C/svg%3E");
}
.system-menu a{color:#171715}.system-menu .eyebrow{color:#5d554f}
.site-header .brand{height:100%;display:flex;align-items:center}
.site-header .represent-logo-window{display:flex;align-items:center}
.site-header .represent-wordmark{display:block;flex:none;transform:translateY(2px)}
.button.reflective-cta{width:148px;min-width:148px;flex:0 0 148px;justify-content:space-between;padding-inline:16px;gap:12px}
.hero-actions .text-link{color:var(--accent);border-color:var(--accent)}
.hero-actions .text-link:hover{color:var(--accent);background:rgb(var(--brand-burgundy-rgb) / 0.0353);border-color:var(--accent)}

.engine-frost{pointer-events:none}
.hero-art.engine-art{isolation:auto}
.engine-frost-material{width:100%;height:100%;background:linear-gradient(125deg,#ffffff12,#e2e2e21f 52%,#ffffff1a);backdrop-filter:blur(.6px);-webkit-backdrop-filter:blur(.6px)}
.engine-face-label{fill:#4c463f}
.engine-plane.is-selected .engine-face-label{fill:#171715}
.engine-face-label .engine-redline{fill:var(--no);color:var(--no);text-decoration-color:var(--no)}
.engine-code-keyword{fill:var(--code-keyword);color:var(--code-keyword)}
.engine-code-number{fill:var(--code-number);color:var(--code-number)}
.engine-example-panel,.engine-compact .engine-example-panel{min-height:0;height:auto;padding-block:18px}
.engine-example-content>:last-child{margin-bottom:0}
.code-keyword,.twin-row pre .code-keyword{color:var(--code-keyword)}
.code-number,.twin-row pre .code-number{color:var(--code-number)}
.code-string,.twin-row pre .code-string{color:var(--code-string)}
.twin-row pre,.twin-row.writing pre{color:#302b27}
.scene.foundation-database .playbook-table td.cell-changed{color:var(--accent);background:#f2e1e5}
.scene.foundation-database .playbook-table td.cell-linked{color:var(--yes);background:#dcf4e7}
.scene.foundation-database .table-dependencies .dependency-pulse{stroke:var(--yes)}

/* Status colour is full strength; the glass beneath it stays uncoloured. */
.scene.insights-scene{--insight-positive:var(--yes);--insight-exception:var(--no)}
.insights-scene .insight-takeaway,.insight-decision-status,
.insight-exception-record>strong,.insight-exception-record>.insight-mono{color:var(--no)}
.mirela-approved .insight-decision-status,.slack-excerpt-receipt,
.insight-review-icon,.insights-learning-scene .insight-human-review .insight-review-icon,
.insight-next-request>.insight-mono,.insight-next-request>strong{color:var(--yes)}
.scene-6 .slack-excerpt-actions>button:first-child{color:var(--yes);border-color:var(--yes);background:#087a430a}
.detail-quote del{color:var(--no)}.detail-quote ins{color:var(--yes);background:#087a4312}
.oa-rule-match>span:first-child{color:var(--yes)}
.scene.insights-report-scene .bar-exception,.scene.insights-report-scene .key-exception{background:var(--brand-burgundy)}
.scene.insights-report-scene .bar-fallback,.scene.insights-report-scene .key-fallback{background:#98948c}

@media(max-width:600px){
 .announcement{padding-inline:12px;gap:12px;font-size:10px;line-height:14px;white-space:nowrap}
 .announcement a{font-size:10px;gap:6px;margin-left:0}
 .button.reflective-cta{padding-inline:12px}
 .hero-actions .text-link{padding-inline:10px}
 .site-header nav{margin-right:6px}
}
@media(max-width:1100px){.system-menu{width:calc(100% - 40px)}}
@media(max-width:800px){.system-menu{width:calc(100% - 24px);top:110px}.site-header.scrolled+.system-menu{top:75px}}