/* Match the portfolio while retaining each app's controls and status colours. */
.knowledge-atlas-demo {
 --navy:#10283f;--navy2:#244057;--blue:#244057;--gold:#795b20;--gold2:#e5c77f;
 --cream:#fcfaf5;--bg:#fcfaf5;--ink:#10283f;--muted:#5c6573;--line:#ded5c5;
 --ic-navy:#10283f;--ic-blue:#244057;--ic-gold:#795b20;--ic-bg:#fcfaf5;--ic-line:#ded5c5;--ic-muted:#5c6573;--ic-ink:#10283f;
 --iq-navy:#10283f;--iq-blue:#244057;--iq-gold:#795b20;--iq-bg:#fcfaf5;--iq-line:#ded5c5;--iq-muted:#5c6573;--iq-ink:#10283f;
 --sky-navy:#10283f;--sky-blue:#244057;--sky-gold:#795b20;--sky-surface:#fcfaf5;--sky-line:#ded5c5;--sky-muted:#5c6573;--sky-ink:#10283f;
 --demo-focus-ring:#795b20;--demo-focus-halo:#fcfaf5;
 background:var(--paper);background-image:none;font-family:var(--sans);color:var(--navy);
}
.knowledge-atlas-demo :is(h1,h2,h3) { font-family:var(--serif);letter-spacing:-.025em; }
.knowledge-atlas-demo .cluster-hero { background:var(--paper);color:var(--navy);border-bottom:1px solid var(--line); }
.knowledge-atlas-demo .cluster-hero :is(h1,p,.lead,.muted) { color:var(--navy); }
.knowledge-atlas-demo .cluster-hero .eyebrow { color:var(--gold); }
.knowledge-atlas-demo .btn { font-family:var(--sans);border-radius:3px;min-height:var(--action-height);padding:var(--action-padding);box-shadow:none; }
.knowledge-atlas-demo .btn:not(.secondary):not(.outline) { background:var(--navy);border-color:var(--navy);color:#fff; }
.knowledge-atlas-demo .btn.secondary,.knowledge-atlas-demo .btn.outline { border-color:var(--line);background:var(--paper);color:var(--navy); }
.knowledge-atlas-demo .btn:hover { border-color:var(--gold); }
.knowledge-atlas-demo :is(input,select,textarea) { font-family:var(--sans);border-radius:3px; }
/* Two visible bands work on both light forms and navy panels. Keep this
   keyboard indicator above legacy input-focus and decorative shadow rules. */
.knowledge-atlas-demo :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
 outline:3px solid var(--demo-focus-ring)!important;
 outline-offset:3px!important;
 box-shadow:0 0 0 3px var(--demo-focus-halo)!important;
}
@media(forced-colors:active){
 .knowledge-atlas-demo :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:Highlight!important;box-shadow:none!important}
}
/* The Dutch workspaces use the shared palette and one simple, responsive frame. */
.nl-workspace{margin:0 auto;padding:48px 24px;max-width:1200px;scroll-margin-top:90px}
.nl-workspace>p{max-width:80ch;line-height:1.7}
.nl-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin:24px 0}
.nl-grid form,.nl-grid>div{padding:var(--card-padding);border:1px solid var(--line,#ded5c5);background:#fff;border-radius:3px;min-width:0}
.nl-grid form{display:grid;gap:16px;align-content:start}
.nl-grid label{display:grid;gap:8px;font-weight:500;color:#10283f}
.nl-grid input,.nl-grid select{width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid #8e8577;background:#fff;color:#10283f;font:inherit}
.nl-grid .nl-check{display:flex;align-items:flex-start;gap:12px;line-height:1.5}
.nl-check input{width:22px;min-height:22px;flex:0 0 22px;margin-top:2px}
#nlResult{margin-top:24px;padding:20px;border-top:3px solid #795b20;background:#fcfaf5;overflow-wrap:anywhere}
.nl-grid a{color:#795b20;text-decoration:underline;text-underline-offset:3px}
.nl-grid p,.nl-grid li{line-height:1.7}
@media(max-width:760px){.nl-grid{grid-template-columns:minmax(0,1fr);gap:18px}.nl-grid form,.nl-grid>div{padding:18px}.nl-workspace{padding:32px 18px}}
@media print{.nl-grid{display:block}.nl-grid form,.nl-workspace .action-row{display:none}.nl-grid>div{border:0}.nl-workspace{padding:0}}
.knowledge-atlas-demo .nl-workspace>.eyebrow{color:#795b20}
/* Product navigation remains in the document flow, preserving phone reading space. */
.knowledge-atlas-demo .demo-suite{position:static;top:auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 8px;padding:8px 24px;min-height:60px;overflow:visible;box-shadow:none;border-bottom:1px solid var(--line,#ded5c5);background:var(--paper,#fcfaf5)}
.knowledge-atlas-demo .demo-suite :is(span,a){display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;font:500 14px/1.4 var(--sans);color:var(--navy);text-decoration:none;border:1px solid transparent;border-radius:3px}
.knowledge-atlas-demo .demo-suite span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.knowledge-atlas-demo .demo-suite a:hover{background:#fff;border-color:var(--line)}
.knowledge-atlas-demo .demo-suite a[aria-current="page"]{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:none}
.demo-product-picker{display:none}
.demo-product-picker summary{min-height:44px;padding:14px 18px;cursor:pointer;font-weight:600;color:#10283f;list-style-position:inside}
.demo-product-picker nav{display:grid;padding:0 18px 12px;gap:4px}
.demo-product-picker nav a{display:flex;align-items:center;min-height:44px;padding:10px;color:#10283f;border-bottom:1px solid #ded5c5;text-decoration:none}
.demo-product-picker nav a[aria-current="page"]{border-left:3px solid #795b20;background:#fcfaf5}
.demo-secondary-actions{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:18px;border-top:1px solid #ded5c5;background:#fcfaf5}
.demo-secondary-actions a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;color:#10283f}
.planning-country{max-width:1200px;margin:0 auto;padding:32px 24px 20px;scroll-margin-top:90px}
.planning-country h2{margin:8px 0 12px;font-size:clamp(26px,4vw,36px)}
.country-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 12px}
.country-buttons button{min-height:48px;padding:12px 22px;border:1px solid #795b20;border-radius:3px;background:#fff;color:#10283f;font:600 16px var(--sans);cursor:pointer}
.country-buttons button[aria-pressed="true"]{background:#10283f;border-color:#10283f;color:#fff}
.country-note{color:#5c6573;font-size:15px;line-height:1.6}
[data-country-panel][hidden]{display:none!important}
@media(max-width:1000px){.knowledge-atlas-demo .demo-product-navigation>.demo-suite{display:none}.demo-product-picker{display:block;background:#fff;border-bottom:1px solid #ded5c5}.planning-country{padding:28px 18px 12px}.country-buttons button{flex:1 1 130px}}
@media print{.demo-product-navigation,.planning-country,.demo-secondary-actions{display:none}}