/* Official eID Easy typography and palette. */
@font-face{font-family:'FK Grotesk';src:url('assets/fk-grotesk.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'FK Display';src:url('assets/fk-display.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#f2faf7;--panel:#fff;--text:#2a3636;--muted:#4f6262;--green:#193f35;--line:#d5e1db;--sans:'FK Grotesk',Arial,sans-serif;--display:'FK Display',Arial,sans-serif;--yellow:#e4f222}
body{background:var(--bg)}
.header,.footer{background:#f2faf7f5}
.header{gap:22px}.brand{flex-shrink:0}.brand img{display:block;width:140px;height:auto}.site-name{font-size:14px;color:var(--muted);border-left:1px solid #bfcfc7;padding-left:22px;margin-right:auto;white-space:nowrap}
.header nav{gap:26px}.nav-link,.nav-link span,.footer-right,.footer-right button,.footer-left,.footer-number span{color:var(--muted)}
.header-cta{background:var(--yellow);border:1px solid var(--yellow);color:var(--text);border-radius:999px;white-space:nowrap}.header-cta:hover{background:#d6e51c}
.eyebrow,.card-kicker,.selected-kicker,.branch-caption,.layer-explainer .card-kicker,.layer-nav-bar>.card-kicker{font-family:var(--sans);color:var(--muted);font-weight:500}
h1{letter-spacing:-2px}.right-word{color:var(--green)}.right-word svg{stroke:var(--yellow);stroke-width:5}
.hero .intro-copy,.selected-intro p,.comparison-title>p,.comparison-end p,.comparison-note,.layer-explainer p,.technical-notes,.technical-notes p,.topic-inspector p,dialog p,.detail-grid p,.comparison-cards p{color:var(--muted)}
.primary{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--yellow);color:var(--text);border:1px solid var(--yellow);border-radius:999px;box-shadow:none;font-weight:500}.primary:hover{background:#d6e51c;box-shadow:none}
.canvas-grid{background-image:radial-gradient(#193f3524 .7px,transparent .7px)}.ambient{background:radial-gradient(ellipse at 70% 50%,#e4f22225,transparent 60%)}
.hero-layer{background:linear-gradient(135deg,#dcebe3f5,#c4d9cefa);border-color:#9cb8a8;color:#426b59;box-shadow:2px 4px 0 #9ab4a6,3px 6px 0 #adc6b8,15px 26px 45px #193f3526}
.hero-layer.top{background:var(--yellow);border-color:#d5e415;color:#193f35;box-shadow:2px 4px 0 #b9c719,3px 7px 0 #81913d,15px 28px 60px #193f3533}.stack-shadow{background:#193f3524}
.tile{background:linear-gradient(140deg,#dfebe4,#cddfd3);border-color:#97b3a1;color:#426b59}
.tile,.tile:hover{box-shadow:0 4px 0 #a5bbae,0 20px 35px #193f3524}
.tile-slot.selected .tile{background:linear-gradient(135deg,#edf76b,var(--yellow));border-color:#c9d716;color:#193f35}
.tile-slot.selected .tile,.tile-slot.selected .tile:hover{box-shadow:0 5px 0 #b8c53b,0 9px 0 #cdd7a6,0 0 75px #e4f22220,0 25px 50px #193f3526}
.tile-slot:not(.selected) .tile{opacity:.8}.tile-slot:not(.selected):hover .tile{border-color:#193f35}.tile-slot:not(.selected) .tile-label{color:var(--muted)}
.layer-nav-bar{background:#f2faf7f5}.canvas-controls{background:#fff}.canvas-controls button,.canvas-controls output,.canvas-controls>span{color:var(--green)}.canvas-controls button:hover{background:#e0ebe4;color:var(--green)}
.branch{background:#fff;border-color:var(--line);color:var(--green);box-shadow:0 4px 18px #193f3508}.branch small,.branch>span:last-child{color:var(--muted)}.branch:hover,.branch.active{background:#e7f0df;border-color:#7c9e85;color:var(--green)}
.layer-explainer a,.detail-grid a,.topic-inspector a,.layer-related button,.technical-notes h3,.coverage b{color:var(--green)}
.chips span{border-color:#bfd3c6;background:#e8f1eb;color:#3b6050}.layer-related>span{color:var(--muted)}
.topic-inspector,.coverage{background:#e7f1e9;border-color:#bed4c5}.coverage p{color:var(--muted)}
.comparison{border-color:var(--line);background:linear-gradient(180deg,#e4f2220c,transparent 420px)}
.route-switch{background:#e1ece5;border-color:#cbded1;border-radius:999px}.route-switch button{color:var(--muted);border-radius:999px}.route-switch button.active{background:var(--yellow);color:var(--text)}
.route-node{background:#fff;color:var(--green)}.route-arrow{color:#608270}.route-provider{background:#193f35;color:#fff;border-color:#193f35}.route-provider small{color:#d6e6dc}.route-provider .provider-icons{color:var(--yellow)}
.route-direct .route-provider{background:#e7ede8;border-color:#bfcec3;color:var(--text)}.route-direct .route-provider small{color:var(--muted)}.route-direct .provider-icons,.provider-part span{color:var(--muted)}
.choices-layer-bar label{color:var(--muted)}.choices-layer-bar select{background:#fff;color:var(--text);color-scheme:light;border-color:#a8c3b2;border-radius:8px}
.comparison-cards article{background:#fff;border-color:var(--line)}.comparison-cards .green-card{background:#e7f1e9;border-color:#acc6b5}
.comparison-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px;flex-shrink:0}.comparison-actions .text-button{padding-left:10px}
.progress-track{background:#cbded1}.progress-track span{background:#193f35}
dialog{background:#f2faf7;border-color:#bfd3c6;box-shadow:0 40px 150px #193f3540}dialog::backdrop{background:#193f3580}dialog .dialog-top button{background:#e1ece5;color:var(--green);border-color:var(--line)}
@media(max-width:1200px){.site-name{display:none}.header nav{gap:20px}}
@media(max-width:700px){.header{gap:12px}.brand img{width:118px}.header-cta{font-size:13px;padding:11px 14px}.header-cta span{margin-left:8px}h1{letter-spacing:-1.5px}.comparison-actions{margin-top:20px}.route-switch{border-radius:16px}.route-switch button{border-radius:12px}.footer-right a{display:none}}

/* More brand presence: forest-green anchors, mint surfaces and yellow markers. */
.header{border-top:4px solid var(--yellow);box-shadow:0 3px 18px #193f3508}
.hero{background:radial-gradient(ellipse at 74% 48%,#d3e8bc 0,transparent 57%),linear-gradient(120deg,#f2faf7,#e2efe7)}
.anatomy{background:radial-gradient(ellipse at 50% 470px,#e4f22216,transparent 540px),linear-gradient(180deg,#e0eee5 0,#f2faf7 750px)}
.anatomy-top .eyebrow>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--yellow);color:var(--green)}
.text-button{color:var(--green)}
.layer-nav-bar{background:#193f35;border:1px solid #193f35;border-radius:12px;padding:10px 16px;box-shadow:0 8px 24px #193f3517}
.layer-nav-bar>.card-kicker{color:#e1eee4;letter-spacing:1.2px}
.layer-nav-bar .canvas-controls{background:none}
.layer-nav-bar .canvas-controls button,.layer-nav-bar .canvas-controls output,.layer-nav-bar .canvas-controls>span{color:#fff}
.layer-nav-bar .canvas-controls button:hover{background:#31584a;color:var(--yellow)}
.layer-nav-bar .canvas-controls .control-divider{background:#6b8c7b}
.selected-intro .selected-kicker{display:inline-block;background:#e4f222;color:#193f35;border-radius:999px;padding:7px 14px;letter-spacing:.8px}
.tile-slot:not(.selected) .tile{background:linear-gradient(145deg,#376651,#193f35);border-color:#6f9780;color:#e4eee6;opacity:1;box-shadow:0 4px 0 #12382c,0 20px 35px #193f3526}
.tile-slot:not(.selected):hover .tile{border-color:var(--yellow);color:var(--yellow)}
.tile-slot:not(.selected) .plate-tag,.tile-slot:not(.selected) .plate-id{opacity:.85}
.hero-layer:not(.top){background:linear-gradient(135deg,#376651,#193f35);border-color:#658b73;color:#dce9df;box-shadow:2px 4px 0 #12382c,3px 6px 0 #547260,15px 26px 45px #193f3526}
.layer-explainer{gap:18px;padding:24px 0;border-bottom:0;align-items:stretch}
.layer-explainer article{padding:28px;border-radius:16px;background:#dfece2;border:1px solid #c4d9ca;min-width:0}
.layer-explainer article+article{padding:28px;border:1px solid #193f35;background:#193f35;color:#fff}
.layer-explainer article:first-child .card-kicker{color:#315b45}
.layer-explainer article+article .card-kicker{color:var(--yellow)}
.layer-explainer article+article p{color:#e0eae3}
.layer-explainer article+article a,.layer-explainer article+article .technical-notes summary{color:var(--yellow)}
.layer-explainer article+article .technical-notes h3{color:#fff}
.layer-explainer article+article .technical-notes{color:#e0eae3}
.chips span{background:#f2faf7;border-color:#b0cdb9;color:#315b45}
.branch{background:#e1eee4;border-color:#b4d0bd;border-left:4px solid #37845c}
.branch:hover,.branch.active{background:#f1f6b8;border-color:#aab947;border-left-color:#193f35}
.comparison{background:linear-gradient(160deg,#e4eedc,#e0eee5 65%,#f2faf7);border-top:4px solid #193f35}
.comparison .eyebrow>span{color:#37845c}
.comparison-cards .green-card{background:#193f35;border-color:#193f35}
.comparison-cards .green-card .card-kicker,.comparison-cards .green-card h3{color:var(--yellow)}
.comparison-cards .green-card p{color:#e0eae3}
.comparison-end{padding:28px;margin-top:24px;border-radius:16px;background:#d6e7bb;border:1px solid #c5d8a6}
.footer{background:#193f35f7;border-color:#315848}
.footer-left,.footer-right,.footer-right button,.footer-right a,.footer-number{color:#e4eee6}
.footer-number span{color:#c0d3c5}.footer-number{color:var(--yellow)}
.footer .progress-track{background:#52715e}.footer .progress-track span{background:var(--yellow)}
@media(max-width:700px){
 .layer-nav-bar{padding:8px 10px;border-radius:10px;gap:8px}
 .layer-nav-bar>.card-kicker{font-size:9px;max-width:105px}
 .selected-intro .selected-kicker{font-size:10px;line-height:1.6;padding:6px 11px;max-width:100%}
 .layer-explainer{gap:14px;padding-top:12px}
 .layer-explainer article,.layer-explainer article+article{padding:22px;border-radius:12px}
 .comparison-end{padding:22px}
}

/* Keep the select native, with a consistent, inset brand chevron. */
.choices-layer-bar select{
 appearance:none;
 -webkit-appearance:none;
 background-image:url('assets/chevron-down.svg');
 background-repeat:no-repeat;
 background-position:right 16px center;
 background-size:20px 20px;
 padding-right:52px;
}
@media(forced-colors:active){
 .choices-layer-bar select{appearance:auto;-webkit-appearance:auto;background-image:none}
}