:root{--ink:#17363b;--muted:#587077;--teal:#0b6973;--deep:#074b54;--mint:#d9f4eb;--cream:#fff7de;--gold:#f2bd3e;--coral:#ed6b5b;--blue:#4d79d8;--line:#cfe1dc;--white:#fff;--shadow:0 18px 50px rgba(12,72,78,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(135deg,#f5fcf9,#fff9e9);color:var(--ink);font-family:Arial,'Segoe UI',sans-serif;font-size:17px;min-height:100vh}button{font:inherit}.app-header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.88);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--ink);font-size:.82rem;line-height:1.05}.brand b{font:900 1rem Arial,'Segoe UI'}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--teal);color:white;display:grid;place-items:center;font:900 .76rem Arial,'Segoe UI';box-shadow:3px 4px 0 #f2bd3e}.app-header nav{display:flex;gap:.35rem}.nav-btn,.text-btn{border:0;background:transparent;color:var(--deep);font-weight:700;cursor:pointer;padding:.6rem .85rem;border-radius:999px}.nav-btn:hover,.nav-btn.active{background:var(--mint)}.view{display:none;min-height:calc(100vh - 130px);padding:5vh 6vw 8vh}.view.active{display:block}.hero{min-height:70vh;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:6vw;max-width:1450px;margin:auto}.eyebrow{font:900 .76rem Arial,'Segoe UI';letter-spacing:.14em;color:var(--coral);margin:0 0 .6rem}.hero h1,.section-head h1,.setup-copy h1,.question-panel h1,.result-hero h1{font:900 clamp(1.65rem,3.6vw,3.9rem)/.96 Arial,'Segoe UI';letter-spacing:-.045em;margin:.55rem 0 1.15rem}.lede{font-size:1.2rem;line-height:1.6;color:#3f5e64;max-width:760px}.hero-actions,.result-actions,.setup-actions,.question-actions{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin-top:1.6rem}.primary,.secondary{border:0;border-radius:14px;padding:.9rem 1.2rem;font:900 .95rem Arial,'Segoe UI';cursor:pointer}.primary{background:var(--teal);color:white;box-shadow:0 7px 0 var(--deep)}.primary:hover{transform:translateY(-2px)}.primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.secondary{background:white;color:var(--deep);border:2px solid var(--line)}.privacy-note{font-size:.84rem;color:#71878b;margin-top:1.25rem}.preparedness-preview{background:var(--ink);color:white;border-radius:36px;min-height:520px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow);overflow:hidden}.preparedness-preview>p:first-child{font:900 .72rem Arial,'Segoe UI';letter-spacing:.16em;color:#9de1d0}.preview-rings{height:355px;width:355px;display:grid;place-items:center}.ring{border:2px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;position:relative}.ring>span{position:absolute;top:8px;font:800 .7rem Arial,'Segoe UI';color:#cae4df}.r1{width:350px;height:350px;background:rgba(77,121,216,.18)}.r2{width:285px;height:285px;background:rgba(11,105,115,.25)}.r3{width:220px;height:220px;background:rgba(26,155,122,.3)}.r4{width:155px;height:155px;background:rgba(242,189,62,.35)}.r5{width:90px;height:90px;background:var(--coral)}.preview-caption{text-align:center;color:#bed2d0;font-size:.9rem;max-width:310px}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1450px;margin:2rem auto}.principles article,.method-grid article{background:white;border:1px solid var(--line);border-radius:18px;padding:1.3rem}.principles article>span,.method-grid article>span{font:900 1.3rem Arial,'Segoe UI';color:var(--coral)}.principles h2,.method-grid h2{font:900 1rem Arial,'Segoe UI';margin:.5rem 0}.principles p,.method-grid p{color:var(--muted);line-height:1.45;font-size:.9rem;margin:0}.notice{max-width:1450px;margin:2rem auto;background:var(--cream);border-left:6px solid var(--gold);padding:1rem 1.2rem;border-radius:0 14px 14px 0;line-height:1.5}.section-head{max-width:1100px;margin:0 auto 2rem}.section-head h1{font-size:clamp(1.55rem,3vw,3.1rem)}.section-head p:last-child{font-size:1.1rem;color:var(--muted);line-height:1.55;max-width:850px}.filter-row{display:flex;gap:.55rem;flex-wrap:wrap;max-width:1450px;margin:0 auto 1.4rem}.filter{border:2px solid var(--line);background:white;border-radius:999px;padding:.55rem .9rem;font-weight:700;color:var(--deep);cursor:pointer}.filter.active{background:var(--teal);border-color:var(--teal);color:white}.inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:1450px;margin:auto}.inventory-card{background:white;border:1px solid var(--line);border-radius:20px;padding:1.4rem;display:grid;grid-template-columns:54px 1fr;gap:1rem}.domain-icon{width:52px;height:52px;border-radius:15px;background:var(--mint);display:grid;place-items:center;font-size:1.5rem}.inventory-card h2{font:900 1.15rem Arial,'Segoe UI';margin:0 0 .35rem}.inventory-card p{margin:.2rem 0 .8rem;color:var(--muted);line-height:1.45;font-size:.92rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.4rem}.skill-tags span{background:#eff6f4;border-radius:999px;padding:.3rem .55rem;font-size:.76rem}.audience-note{border-top:1px dashed var(--line);margin-top:.85rem;padding-top:.75rem!important;color:var(--deep)!important}.inventory-footer{text-align:center;margin:2rem}.assessment-shell{max-width:1100px;margin:2vh auto}.setup-copy{max-width:900px}.setup-copy h1{font-size:clamp(1.5rem,3vw,3.15rem)}.setup-copy>p:last-child{color:var(--muted);line-height:1.5}.audience-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0}.audience-card{border:2px solid var(--line);background:white;border-radius:18px;padding:1.2rem;text-align:left;color:var(--ink);cursor:pointer}.audience-card:hover,.audience-card.selected{border-color:var(--teal);background:#effaf6;transform:translateY(-2px)}.audience-card>span{display:block;font-size:2rem}.audience-card strong,.audience-card small{display:block}.audience-card strong{font:900 1rem Arial,'Segoe UI';margin:.7rem 0 .35rem}.audience-card small{font-size:.82rem;line-height:1.4;color:var(--muted)}.context-choice{border:0;padding:0;margin:2rem 0}.context-choice legend{font:900 1.1rem Arial,'Segoe UI';margin-bottom:.8rem}.context-choice legend span{font:400 .9rem Atkinson Hyperlegible;color:var(--muted)}#contextChecks{display:flex;flex-wrap:wrap;gap:.55rem}.context-pill{position:relative}.context-pill input{position:absolute;opacity:0}.context-pill span{display:block;border:2px solid var(--line);background:white;border-radius:999px;padding:.55rem .85rem;cursor:pointer}.context-pill input:checked+span{background:var(--mint);border-color:var(--teal);font-weight:700}.question-panel{max-width:850px;background:white;border:1px solid var(--line);border-radius:28px;padding:clamp(1.3rem,4vw,3rem);box-shadow:var(--shadow)}.question-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.86rem}.progress-track{height:8px;background:#e7efed;border-radius:99px;overflow:hidden;margin:1rem 0 2.5rem}.progress-track div{height:100%;width:0;background:linear-gradient(90deg,var(--teal),#39b98e);transition:width .35s}.domain-label{display:inline-block;background:var(--mint);color:var(--deep);border-radius:999px;padding:.35rem .7rem;font:900 .75rem Arial,'Segoe UI';letter-spacing:.06em}.question-panel h1{font-size:clamp(1.25rem,2.7vw,2.15rem);line-height:1.08;margin-top:1rem}.question-context{color:var(--muted);line-height:1.5}.answer-scale{display:grid;gap:.65rem;margin:1.5rem 0}.answer{border:2px solid var(--line);background:white;border-radius:14px;text-align:left;padding:.8rem 1rem;display:flex;align-items:center;gap:.85rem;cursor:pointer;color:var(--ink)}.answer:hover,.answer.selected{border-color:var(--teal);background:#f0faf6}.answer-dot{width:25px;height:25px;border:2px solid #99b4af;border-radius:50%;display:grid;place-items:center;flex:0 0 25px}.answer.selected .answer-dot:after{content:'';width:13px;height:13px;background:var(--teal);border-radius:50%}.answer strong{display:block;font-family:Arial,'Segoe UI'}.answer small{display:block;color:var(--muted);margin-top:.15rem}.question-actions{justify-content:space-between;margin-top:2rem}.results{max-width:1300px;margin:auto}.result-hero{display:grid;grid-template-columns:1fr 300px;gap:3rem;align-items:center;background:var(--ink);color:white;border-radius:30px;padding:clamp(1.5rem,5vw,4rem)}.result-hero h1{font-size:clamp(1.55rem,3vw,3.2rem)}.result-hero>div>p:not(.eyebrow){color:#c8dcda;line-height:1.55}.result-hero .text-btn{color:#c9e9e1}.score-orbit{position:relative;width:260px;height:260px;display:grid;place-items:center}.score-orbit svg{position:absolute;inset:0;transform:rotate(-90deg)}.score-bg,.score-line{fill:none;stroke-width:8}.score-bg{stroke:rgba(255,255,255,.15)}.score-line{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;transition:stroke-dashoffset 1s}.score-number{text-align:center;z-index:1}.score-number strong{font:900 4.5rem Arial,'Segoe UI'}.score-number span{display:block;color:#bed2d0}.access-alert{margin:1.5rem 0;padding:1rem 1.2rem;border-radius:16px;background:var(--cream);border-left:6px solid var(--gold);line-height:1.5}.result-section{margin:3rem 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.2rem}.section-title h2,.reflection-box h2{font:900 2rem Arial,'Segoe UI';margin:.2rem 0}.section-title>p{max-width:580px;color:var(--muted);line-height:1.45}.domain-results{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.domain-result{background:white;border:1px solid var(--line);border-radius:16px;padding:1rem}.domain-result-head{display:flex;justify-content:space-between;gap:1rem}.domain-result h3{font:900 1rem Arial,'Segoe UI';margin:0}.domain-result strong{font:900 1rem Arial,'Segoe UI';color:var(--deep)}.mini-track{height:9px;background:#e6efec;border-radius:99px;overflow:hidden;margin:.7rem 0}.mini-track span{display:block;height:100%;background:var(--teal);border-radius:99px}.domain-result p{margin:0;color:var(--muted);font-size:.84rem}.recommendation-card{background:white;border:1px solid var(--line);border-radius:18px;padding:1.2rem;margin:.8rem 0;display:grid;grid-template-columns:46px 1fr;gap:1rem}.priority-num{width:44px;height:44px;border-radius:13px;background:var(--coral);color:white;display:grid;place-items:center;font:900 1rem Arial,'Segoe UI'}.recommendation-card h3{font:900 1.05rem Arial,'Segoe UI';margin:0}.recommendation-card p{color:var(--muted);line-height:1.45;margin:.35rem 0}.recommendation-card ul{margin:.5rem 0;padding-left:1.2rem}.recommendation-card li{margin:.35rem 0}.source-chip{display:inline-block;background:var(--mint);border-radius:999px;padding:.25rem .55rem;font-size:.73rem;margin:.2rem .2rem 0 0}.reflection-box{background:var(--cream);border:2px solid var(--gold);border-radius:20px;padding:1.4rem 1.7rem}.reflection-box li{margin:.55rem 0;line-height:1.45}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1300px;margin:0 auto 2rem}.source-list{max-width:1100px;margin:2rem auto}.source-item{background:white;border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.2rem;margin:.7rem 0}.source-item h2{font:900 1.05rem Arial,'Segoe UI';margin:0}.source-item p{color:var(--muted);line-height:1.45;margin:.4rem 0}.source-item a{color:var(--teal);font-weight:700}.source-type{display:inline-block;color:var(--coral);font:900 .7rem Arial,'Segoe UI';letter-spacing:.08em;margin-bottom:.35rem}.limitations{max-width:1100px;margin:2rem auto;background:var(--cream);border-radius:20px;padding:1.5rem}.limitations h2{font:900 1.3rem Arial,'Segoe UI'}.limitations p{line-height:1.55}footer{min-height:58px;padding:1rem 5vw;background:var(--ink);color:#c8dcda;display:flex;justify-content:space-between;align-items:center;font-size:.82rem}footer .text-btn{color:white}
@media(max-width:950px){.hero{grid-template-columns:1fr}.preparedness-preview{min-height:420px}.principles,.method-grid{grid-template-columns:repeat(2,1fr)}.audience-cards{grid-template-columns:repeat(2,1fr)}.result-hero{grid-template-columns:1fr}.score-orbit{margin:auto}.inventory-grid{grid-template-columns:1fr}}
@media(max-width:680px){body{font-size:16px}.app-header{height:auto;align-items:flex-start;padding:12px 4vw;gap:8px}.brand span:last-child{display:none}.app-header nav{overflow-x:auto;max-width:calc(100vw - 64px)}.nav-btn{font-size:.75rem;padding:.5rem .6rem;white-space:nowrap}.view{padding:4vh 4vw 7vh}.preparedness-preview{min-height:360px;padding:1rem}.preview-rings{transform:scale(.82);height:300px}.principles,.method-grid,.audience-cards,.domain-results{grid-template-columns:1fr}.inventory-card{grid-template-columns:44px 1fr;padding:1rem}.domain-icon{width:42px;height:42px}.section-title{display:block}.result-hero{padding:1.4rem}.score-orbit{width:220px;height:220px}.question-panel{border-radius:20px;padding:1.2rem}.question-actions{align-items:stretch}.question-actions button{flex:1}.hero-actions button{width:100%}footer{display:block;text-align:center}}
/* Consistent, accessible navigation for the Digital Skills component. */
.app-header{height:auto;min-height:84px;padding:16px clamp(16px,3vw,48px);gap:24px;flex-wrap:wrap}
.app-header .brand{flex-shrink:0;min-height:44px}
.app-header nav{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:wrap;gap:8px;max-width:none;overflow:visible}
.app-header .nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;margin:0;padding:11px 14px;border:1px solid #a8c8c3;border-radius:10px;background:#fff;color:var(--deep);font:700 14px/1.25 Arial,'Segoe UI',sans-serif;text-align:center;text-decoration:none;white-space:normal;cursor:pointer;box-shadow:0 2px 3px #17363b08;transition:background .15s,border-color .15s,box-shadow .15s}
.app-header .nav-btn:hover{background:#edf8f3;border-color:var(--teal);box-shadow:0 2px 6px #17363b14}
.app-header .nav-btn.active,.app-header .nav-btn[aria-current="page"]{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:inset 0 -3px 0 #074b54}
.app-header .nav-btn:focus-visible,.app-header .brand:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.app-header .author-nav svg{width:18px;height:18px;flex-shrink:0;stroke:currentColor}
@media(max-width:1100px){.app-header{gap:12px;align-items:center}.app-header nav{flex:1 1 100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));justify-content:stretch}.app-header .nav-btn{padding:10px 8px}}
@media(max-width:760px){.app-header nav{grid-template-columns:repeat(3,minmax(0,1fr))}.app-header .brand span:last-child{display:block}.app-header .nav-btn{font-size:13px}}
@media(max-width:420px){.app-header nav{grid-template-columns:repeat(2,minmax(0,1fr))}.app-header{position:relative;padding:14px 16px}.app-header .nav-btn{font-size:14px}}

@media print{.app-header,footer,.result-actions,.access-alert{display:none!important}.view{display:none!important}#assessment.view{display:block!important;padding:0}.results{display:block!important}.result-hero{color:#17363b;background:white;border:2px solid #17363b}.result-hero>div>p:not(.eyebrow){color:#17363b}.score-orbit{width:180px;height:180px}.domain-result,.recommendation-card{break-inside:avoid}.result-section{margin:1.5rem 0}}
.app-portfolio-return{text-decoration:none;border:1px solid var(--line);background:#fff}