/* Brand reference 3.2–3.5: explicit roles, spacious workflow illustrations. */
:root{
 --deep:#051E2F;--navy:#0A3A5C;--ocean:#0E6E8A;--aqua:#5CC8D4;--sky:#A0DAE2;--ice:#CCE9EE;--white:#FFFFFF;
 --coral:#F27D4A;--violet:#5B4EC9;--frost:#F5F7F8;--cloud:#E4E9EB;--silver:#C5CED2;--slate:#8FA0A8;--graphite:#5A7280;
 --ink:#334D5E;--text-secondary:#334D5E;--text-tertiary:#6B8799;--placeholder:#9DB3BF;--line:#C5CED2;
 --error:#DC3545;--error-light:#FDEAEC;--warning:#E8980C;--warning-light:#FEF5E0;--success:#0FA36B;--success-light:#E3F7EE;--info:#2D7BE5;--info-light:#E5F0FD;
}
body{color:var(--text-secondary)}h1,h2,h3,h4{color:var(--deep)}
.v2-homehero h1,.science-panel h2,.v2-footer h2{color:var(--white)}
.section-label,.caption,.meta{color:var(--graphite)}
.muted{color:var(--graphite)}.section.mist,.contactgrid form{background:var(--frost)}
.button{background:var(--ocean);border-color:var(--ocean)}.button:hover{background:var(--navy);border-color:var(--navy)}
input::placeholder,textarea::placeholder{color:var(--text-tertiary);opacity:1}
input:disabled::placeholder{color:var(--placeholder)}
input:user-invalid,select:user-invalid,textarea:user-invalid{border-color:var(--error);background:var(--error-light)}
.formstate{background:var(--info-light);border-left:3px solid var(--info);color:var(--deep);padding:18px}
.filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:var(--white)}
/* Reading icons share their own column, separate from the text baseline. */
.question{padding-left:82px}.question .reading-symbol{width:56px;height:56px;top:26px;left:0;background:var(--frost);border-radius:16px}
.question .reading-symbol img{width:32px;height:32px}.question h3{line-height:1.2}
.section-symbol{width:76px;height:76px;border-radius:50%;background:var(--ice);display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.section-symbol img{width:36px;height:36px}
.resource-symbol{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--frost);border-radius:12px;margin-bottom:16px}
.resource-symbol img{width:26px;height:26px}
/* Five distinct workflow motifs, with generous circular padding. */
.workflow-track{padding-top:25px}
.workflow-track article{padding-left:144px;min-height:142px;padding-bottom:34px}
.workflow-track .reading-symbol{width:112px;height:112px;top:0;left:0;border-radius:50%;background:var(--ice);border:0}
.workflow-track .reading-symbol img{width:50px;height:50px}
.workflow-track:before{left:56px;top:60px;bottom:110px;border-color:var(--silver)}
.workflow-track h3{padding-top:14px;margin-bottom:12px;font-size:28px}




.workflow-track .loop-caption{padding-left:144px}
.steps{gap:20px;margin-top:48px}.steps .step,.steps .step+.step{padding:0 0 32px;min-width:0}
.steps .step:before{font-size:12px;margin-bottom:20px;color:var(--text-tertiary)}
.steps .step .reading-symbol{width:116px;height:116px;border-radius:50%;background:var(--ice);margin:0 0 26px;display:flex;align-items:center;justify-content:center}
.steps .step .reading-symbol img{width:52px;height:52px}




.steps .step h3,html[lang=sl] .steps .step h3{font-size:clamp(19px,1.7vw,25px);overflow-wrap:normal;hyphens:auto}
.steps .step p{font-size:15px}.steps .step:not(:last-child):after{right:0;top:0;color:var(--silver)}
/* Evidence: original selected image spans the full viewport width. */
.topic-programs.evidence-wide{position:relative;isolation:isolate;overflow:hidden;min-height:650px;background:var(--ice);color:var(--deep)}
.topic-programs.evidence-wide>.wrap{display:flex;position:static;align-items:center;min-height:650px;padding-top:70px;padding-bottom:70px}
.topic-programs.evidence-wide .topic-media{position:absolute;inset:0;z-index:-2;width:100%;height:100%;border-radius:0;margin:0}
.topic-programs.evidence-wide .topic-photo{width:100%;height:100%;object-fit:cover;object-position:55% 50%}
.topic-programs.evidence-wide:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#F5F7F8fa 0%,#F5F7F8ed 24%,#F5F7F8a6 43%,#F5F7F800 69%)}
.topic-programs.evidence-wide .topic-copy{max-width:540px;padding:0;position:relative}
.topic-programs.evidence-wide h1{color:var(--deep);margin-bottom:28px}
.topic-programs.evidence-wide h2{color:var(--deep);max-width:460px}
.topic-programs.evidence-wide .eyebrow{color:var(--ocean)}
.topic-programs.evidence-wide .topic-description{color:var(--text-secondary);max-width:440px}
@media(max-width:1150px) and (min-width:801px){.v2-workflow{gap:45px;grid-template-columns:.85fr 1.15fr}.workflow-track article{padding-left:124px}.workflow-track .reading-symbol{width:96px;height:96px}.workflow-track .reading-symbol img{width:44px;height:44px}.workflow-track:before{left:48px}.workflow-track .loop-caption{padding-left:124px}.steps{gap:16px}.steps .step .reading-symbol{width:100px;height:100px}.steps .step .reading-symbol img{width:46px;height:46px}}
@media(max-width:800px){
 .workflow-track article{padding-left:112px;min-height:130px;padding-bottom:30px}.workflow-track .reading-symbol{width:88px;height:88px}.workflow-track .reading-symbol img{width:40px;height:40px}.workflow-track:before{left:44px;top:45px;bottom:110px}.workflow-track h3{font-size:25px;padding-top:7px}.workflow-track .loop-caption{padding-left:112px}
 .steps{gap:0}.steps .step,.steps .step+.step{display:block;padding:28px 0 30px 112px;min-height:144px;border-top:1px solid var(--cloud)}
 .steps .step .reading-symbol{position:absolute;left:0;top:28px;width:88px;height:88px;margin:0}.steps .step .reading-symbol img{width:40px;height:40px}
 .steps .step:before{position:static;margin:0 0 8px;font-size:11px}.steps .step h3,html[lang=sl] .steps .step h3{font-size:25px;margin:0 0 10px}.steps .step p{font-size:16px}.steps .step:after{display:none}
 .question{padding-left:68px}.question .reading-symbol{width:48px;height:48px;left:0}.question .reading-symbol img{width:28px;height:28px}
 .section-symbol{width:64px;height:64px;margin-bottom:20px}.section-symbol img{width:32px;height:32px}.resource-symbol{margin:0;flex:0 0 40px;width:40px;height:40px}
 .topic-programs.evidence-wide,.topic-programs.evidence-wide>.wrap{min-height:760px}.topic-programs.evidence-wide>.wrap{align-items:flex-start;padding-top:44px;padding-bottom:300px}
 .topic-programs.evidence-wide .topic-photo{object-position:52% bottom}.topic-programs.evidence-wide:after{background:linear-gradient(180deg,#F5F7F8fa 0%,#F5F7F8ef 33%,#F5F7F860 62%,#F5F7F800 82%)}
 .topic-programs.evidence-wide .topic-copy{max-width:100%}.topic-programs.evidence-wide h1{font-size:62px}.topic-programs.evidence-wide h2{font-size:28px}
}
@media(max-width:380px){.workflow-track article,.steps .step,.steps .step+.step{padding-left:98px}.workflow-track .reading-symbol,.steps .step .reading-symbol{width:76px;height:76px}.workflow-track .reading-symbol img,.steps .step .reading-symbol img{width:36px;height:36px}.workflow-track:before{left:38px}.workflow-track .loop-caption{padding-left:98px}}

/* Selected twin-cells photograph: light hero, restrained Ocean/Ice process palette. */
.v2-homehero{background:var(--ice);color:var(--deep)}
.v2-homehero .hero-art{opacity:1;object-position:62% 54%}
.v2-homehero:after{background:linear-gradient(90deg,rgba(245,247,248,.96) 0%,rgba(245,247,248,.87) 32%,rgba(245,247,248,.35) 61%,rgba(245,247,248,.06) 100%)}
.v2-homehero h1,.v2-homehero h1 span{color:var(--deep)}
.v2-homehero .eyebrow,.v2-homehero .hero-bottom p{color:var(--text-secondary)}
.v2-homehero .hero-bottom .hero-aside{background:rgba(245,247,248,.92);padding:14px 18px;border-left:2px solid var(--ocean)}
.v2-homehero .button{background:var(--ocean);border-color:var(--ocean);color:var(--white)}
.v2-homehero .button:after{background:var(--white);color:var(--ocean)}
.v2-homehero .button:hover{background:var(--navy);border-color:var(--navy);color:var(--white)}
.v2-homehero .downlink{background:var(--frost);color:var(--navy);border-color:var(--navy)}
@media(max-width:800px){
 .v2-homehero .hero-art{object-position:61% center}
 .v2-homehero:after{background:linear-gradient(180deg,rgba(245,247,248,.96) 0%,rgba(245,247,248,.89) 40%,rgba(245,247,248,.65) 70%,rgba(245,247,248,.12) 100%)}
}

/* Team profile links, presentation validation mark and luminous approach banner. */
.person-link{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;color:var(--ocean);font-size:14px;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.person-link:hover{color:var(--navy)}
.person-link:focus-visible{outline:2px solid var(--ocean);outline-offset:5px;border-radius:3px}
.science-panel.approach-light{background:var(--ice)}
.approach-light>img{object-position:65% 58%}
.science-panel.approach-light:after{background:linear-gradient(90deg,rgba(245,247,248,.97),rgba(245,247,248,.88) 28%,rgba(245,247,248,.18) 70%)}
.approach-light .science-panel-content,.science-panel.approach-light h2{color:var(--deep)}
.approach-light .eyebrow,.approach-light .science-panel-foot p,.approach-light .science-panel-foot a{color:var(--text-secondary)}
.approach-light .science-panel-foot a{background:rgba(245,247,248,.94);padding:12px 16px;border-radius:8px}
.image-tag{display:flex;align-items:center;gap:18px}
.image-tag>div{min-width:0}
.image-tag .programme-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 76px;width:76px;height:76px;background:var(--ice);border-radius:50%}
.image-tag .programme-symbol img{width:44px;height:44px;object-fit:contain}
@media(max-width:800px){
 .approach-light>img{object-position:61% center}
 .science-panel.approach-light:after{background:linear-gradient(180deg,rgba(245,247,248,.96),rgba(245,247,248,.84) 45%,rgba(245,247,248,.35))}
 .image-tag{padding:16px;gap:14px;font-size:20px}
 .image-tag .programme-symbol{flex-basis:60px;width:60px;height:60px}
 .image-tag .programme-symbol img{width:36px;height:36px}
}

/* Contact details: a quiet, consistent symbol beside each information block. */
.contact-detail{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;align-items:start;margin-bottom:30px}
.contact-symbol{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--ice)}
.contact-symbol img{width:32px;height:32px;object-fit:contain}
.contactgrid .contact-detail h2{margin:7px 0 15px}
.contactgrid .contact-detail h3{margin:3px 0 12px}
.contact-detail p{margin:0;overflow-wrap:anywhere}
.contact-detail a{color:var(--ocean)}
.contact-detail a:hover{color:var(--navy);text-decoration:underline}
.nav .navlinks .button{background:var(--white);color:var(--deep);border-color:var(--silver)}
.nav .navlinks .button:after{background:var(--ocean);color:var(--white)}
.nav .navlinks .button:hover,.nav .navlinks .button:focus-visible{background:var(--navy);color:var(--white);border-color:var(--navy)}
.nav .navlinks .button:hover:after,.nav .navlinks .button:focus-visible:after{background:var(--white);color:var(--navy)}
.nav .navlinks .button:focus-visible{outline:2px solid var(--ocean);outline-offset:4px}
@media(max-width:800px){.contact-detail{grid-template-columns:56px minmax(0,1fr);gap:16px;margin-bottom:28px}.contact-symbol{width:56px;height:56px}.contact-symbol img{width:28px;height:28px}.contactgrid .contact-detail h2{font-size:32px}}

/* Critique pass: reading hierarchy, truthful form state, reliable filtering. */
.resource[hidden]{display:none}
.formstate[hidden]{display:none}
.topic-platform h1{font-size:clamp(38px,3.65vw,54px);line-height:1.16;max-width:560px;text-wrap:balance}
.topic-platform .topic-description{max-width:48ch}
.prototype-note{font-size:15px;line-height:1.55;background:var(--ice);color:var(--deep);padding:20px;border-radius:12px;margin:0 0 30px}
.prototype-note strong{font-weight:600}
.prototype-note a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
input::placeholder,textarea::placeholder{color:var(--graphite)}
.steps .step:before,.question:before{color:var(--graphite)}
.filters button{min-height:44px}
.navlinks>a:not(.button){display:inline-flex;align-items:center;min-height:44px}
@media(min-width:801px) and (max-width:1150px){
 .page-platform .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
 .page-platform .steps .step{border-top:1px solid var(--cloud);padding-top:22px}
 .page-platform .steps .step:after{display:none}
 .page-platform .steps .step h3,html[lang=sl] .page-platform .steps .step h3{font-size:24px}
 .page-platform .steps .step p{font-size:16px;line-height:1.55}
}
@media(max-width:800px){.topic-platform h1{font-size:clamp(35px,6.2vw,49px)}.prototype-note{padding:18px}}