:root{--navy:#081e33;--ink:#102e43;--teal:#00767a;--mint:#5FCFB7;--line:#d6e3e7;--paper:#B8DDE1;--amber:#f4bd65;color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:white}*{box-sizing:border-box}body{margin:0;font-size:1rem;line-height:1.65}a{color:#173E59;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input{font:inherit}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,5.5vw,5rem);font-weight:600;margin-bottom:1.5rem}h2{font-size:clamp(2rem,3.4vw,3rem)}h3{font-size:1.4rem}p{margin-bottom:1.2rem}.wrap{width:min(1280px,90%);margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:700;color:var(--teal);margin-bottom:1.3rem}.utility{background:var(--navy);color:#d0e1e9;font-size:.8rem;padding:8px 0}.utility .wrap{display:flex;justify-content:space-between;gap:1rem}.header{border-bottom:1px solid var(--line);background:#fff}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:22px 0}.brand{color:var(--navy);font-size:1.8rem;letter-spacing:-.06em;text-decoration:none;font-weight:700}.brand span{color:var(--teal)}.brandmark{display:inline-block;width:30px;height:30px;border:2px solid var(--teal);border-right-color:var(--amber);border-radius:50%;vertical-align:-3px;margin-right:10px}.nav{display:flex;gap:24px;flex-wrap:wrap;padding:0 0 17px}.nav a{color:var(--ink);text-decoration:none;font-size:.9rem;padding:5px 0}.nav a[aria-current=page]{color:var(--teal);box-shadow:0 2px var(--teal)}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;padding:13px 22px;border-radius:4px;background:var(--teal);color:white;text-decoration:none;font-weight:600}.button:hover{background:#00676b}.button.light{background:var(--mint);color:var(--navy)}.button.outline{background:transparent;border:1px solid #78929e;color:inherit}.hero{background:var(--navy);color:white;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.1fr 1fr;min-height:540px;align-items:center;gap:50px;padding-top:65px;padding-bottom:65px}.hero .eyebrow{color:var(--mint)}.hero h1 em{font-style:normal;color:var(--mint)}.hero p{font-size:1.13rem;color:#c3d7e3;max-width:550px}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:28px}.hero-visual{min-height:350px;border-left:1px solid #3b5766;padding-left:35px}.hero-visual img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%}.rhythm{font-size:6rem;line-height:1.1;letter-spacing:-.07em;color:var(--mint)}.rhythm small{font-size:1.4rem;letter-spacing:0}.stats{background:#eaf3f5;border-bottom:1px solid var(--line)}.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0}.stat{padding:0 25px;border-right:1px solid #c4d7dc}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat strong{display:block;font-size:2.1rem;font-weight:600;line-height:1.2}.stat span{font-size:.85rem}.section{padding:75px 0}.section.soft{background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-head h2{margin-bottom:0;max-width:680px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{border:1px solid var(--line);padding:28px;border-radius:6px;background:white}.card .number{font-size:2.8rem;line-height:1.2;color:var(--teal);margin-bottom:25px}.card p{color:#446070}.card a{font-weight:600}.tag{display:inline-block;padding:4px 10px;border-radius:3px;background:#e3f2ef;color:#005c60;font-size:.8rem;margin-bottom:18px}.page-head{padding:60px 0 48px;background:var(--paper);border-bottom:1px solid var(--line)}.page-head h1{font-size:clamp(2.5rem,4.4vw,4rem);max-width:1050px}.lead{font-size:1.2rem;max-width:800px;color:#446070}.notice{border-left:3px solid var(--teal);padding:18px 24px;background:#eaf5f3;margin:25px 0}.split{display:grid;grid-template-columns:2fr 1fr;gap:55px}.prose{max-width:850px}.prose h2{font-size:2rem;margin-top:45px}.prose h3{margin-top:30px}.prose li{margin:10px 0}.meta{font-size:.85rem;color:#496572}.facts{background:var(--paper);border:1px solid var(--line);padding:28px;align-self:start;border-radius:5px}.facts dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:#496572}.facts dd{margin:3px 0 20px;font-weight:600}.footer{background:#F4E4CB;color:var(--ink);padding:45px 0 24px}.footer a{color:#173E59}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.funding{width:285px;display:block;background:#fff;margin-bottom:20px}.disclaimer{font-size:.8rem;line-height:1.6;max-width:900px;margin-top:30px;border-top:1px solid #cbb995;padding-top:25px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;margin:20px 0}.skip{position:absolute;top:-100px;left:10px;background:white;padding:14px;z-index:10}.skip:focus{top:10px}:focus-visible{outline:3px solid #cc861c;outline-offset:5px}.crumb{font-size:.85rem;margin-bottom:25px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:1.12rem;font-weight:600;padding:4px 30px 4px 0}details[open] summary{margin-bottom:16px}.position h3{font-size:1.35rem;line-height:1.25}.position .meta{margin-bottom:12px}.timeline{border-left:2px solid var(--teal);padding-left:30px}.timeline article{padding:0 0 30px}.mobile-nav{display:none}.source{font-size:.8rem;color:#496572;margin-top:40px}.back{display:block;margin:25px 0}.original{font-size:.95rem}.narrow{max-width:900px}.country{font-size:.85rem;color:var(--teal);margin-bottom:14px}.wide-card{display:grid;grid-template-columns:100px 1fr;gap:25px}.original h3{font-size:1.1rem}.section ul{padding-left:23px}@media(max-width:950px){.nav{gap:14px}.hero .wrap{gap:25px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{gap:30px}.hero-visual{padding-left:20px}.top>.button{font-size:.85rem}}@media(max-width:650px){.wrap{width:89%}.utility .wrap>span:last-child{display:none}.top{padding:15px 0;flex-wrap:wrap}.brand{font-size:1.6rem}.top>.button{padding:8px 12px}.nav{display:none}.mobile-nav{display:block;padding:0 0 12px}.mobile-nav summary{font-size:1rem}.mobile-nav nav{display:grid;gap:12px}.hero .wrap{grid-template-columns:1fr;padding:45px 0;gap:30px}.hero-visual{min-height:0;border-left:0;border-top:1px solid #3b5766;padding:25px 0 0}.hero-visual img{max-height:320px;aspect-ratio:1.3;border-radius:6px}.stats .wrap{grid-template-columns:repeat(2,1fr);gap:25px}.stat{padding:0;border:0}.stat strong{font-size:1.8rem}.section{padding:48px 0}.grid,.split,.footer-grid{grid-template-columns:1fr}.section-head{display:block}.section-head>a{display:inline-block;margin-top:20px}.card{padding:23px}.page-head{padding:40px 0 30px}.wide-card{grid-template-columns:1fr;gap:0}.hero h1{font-size:3rem}.actions .button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
h1,h2,h3,.lead{overflow-wrap:anywhere}.split>*{min-width:0}
@media(max-width:650px){.page-head h1{font-size:2.15rem;hyphens:auto}}

/* ChronoBridge palette — target visual balance: 60% light, 20% night,
   10% blue, 7% amber, 3% green. Surface ratios vary with viewport/content. */
:root{--surface:#F8F9FA;--navy:#1E293B;--ink:#1E293B;--blue:#3B82F6;--amber:#F59E0B;--green:#10B981;--teal:#3B82F6;--mint:#3B82F6;--paper:#F8F9FA;--line:#d5deeb;background:var(--surface)}
body,.header,.card,.page-head,.section.soft,.stats,.notice,.facts,.skip{background:var(--surface);color:var(--ink)}
a,.brand,.brand span,.eyebrow,.country{color:var(--navy)}
a{text-decoration-color:var(--blue)}
a:hover{text-decoration-color:var(--amber)}
h1,h2,h3{color:var(--navy)}
.section h2,.prose h2{color:var(--blue)}
.card p,.lead,.meta,.source,.facts dt{color:var(--ink)}
.utility{background:var(--navy);color:var(--surface)}
.brandmark{border-color:var(--blue);border-right-color:var(--amber)}
.nav{background:var(--navy)}
.nav a{color:var(--surface)}
.nav a:hover,.nav a[aria-current=page]{color:var(--surface);box-shadow:0 2px var(--amber)}
.mobile-nav{background:var(--navy);color:var(--surface)}
.mobile-nav a{color:var(--surface)}
.mobile-nav a[aria-current=page]{text-decoration-color:var(--amber);text-decoration-thickness:3px}
.nav :focus-visible,.mobile-nav :focus-visible{outline-color:var(--amber)}
.button,.button.light{background:var(--amber);color:var(--navy)}
.button:hover,.button.light:hover{background:var(--amber);color:var(--navy);box-shadow:inset 0 0 0 2px var(--navy)}
.button.outline{background:transparent;border-color:var(--blue);color:var(--navy)}
.button.outline:hover{background:var(--navy);color:var(--surface)}
.hero{background:var(--surface);color:var(--navy)}
.hero p,.hero .eyebrow{color:var(--navy)}
.hero h1 em{color:var(--blue)}
.hero-visual{border-color:var(--blue)}
.hero-visual figcaption{color:var(--navy)!important}
.stats{border-bottom:3px solid var(--blue)}
.stat{border-color:var(--line)}
.stat strong{color:var(--navy)}
.stat strong::after{content:'';display:block;width:24px;height:3px;margin-top:8px;background:var(--green)}
.card{border-top:3px solid var(--blue)}
.card:nth-child(3n){border-top-color:var(--amber)}
.tag{background:var(--green);color:var(--navy)}
.facts{border-top:3px solid var(--blue)}
.footer{background:var(--navy);color:var(--surface)}
.footer h2{color:var(--surface)!important}
.footer a{color:var(--surface);text-decoration-color:var(--amber)}
.footer .disclaimer{border-color:#F8F9FA33}
:focus-visible{outline-color:var(--blue)}
.footer :focus-visible{outline-color:var(--amber)}
/* Higher specificity keeps the palette consistent with page-specific styles. */
html .preparation,html .privacy-panel,html .application-section,html .repeat-item{background:var(--surface)}
html .preparation{border-left:3px solid var(--green)}
html .application-section{border-top:3px solid var(--blue)}
html .section-intro,html .field-help,html .counter,html .reference-heading,html .repeat-guidance,html .repeat-actions [data-count],html .consortium-map figcaption{color:var(--navy)}
html .field input,html .field select,html .field textarea{background:var(--surface);color:var(--navy);border-color:var(--line)}
html .field input:focus,html .field select:focus,html .field textarea:focus{border-color:var(--blue)}
html .field [aria-invalid=true]{border-color:#a52d30;background:#fff9f9}
html .field input[type=file]::file-selector-button{background:var(--amber);color:var(--navy)}
html .check input{accent-color:var(--green)}
html .repeat-actions .button{border-color:var(--amber)}
html .remove-item:hover{background:var(--surface);border-color:var(--blue)}
html .consortium-map-section{background:var(--surface)}
@media print{.footer{background:var(--surface);color:var(--navy)}.footer h2{color:var(--navy)!important}.footer a{color:var(--navy)}}

/* Larger, bolder navigation labels on desktop and mobile. */
.nav a,.mobile-nav nav a,.mobile-nav summary{font-size:1.125rem;font-weight:700;line-height:1.4}
.nav a,.mobile-nav nav a{padding:10px 0}

/* Text-only home hero: centre the introduction across the available width. */
.hero .wrap{grid-template-columns:minmax(0,1fr);min-height:0;gap:0;padding-top:56px;padding-bottom:56px;text-align:center}
.hero .wrap>div{width:100%;max-width:1000px;margin-inline:auto;padding:0 24px}
.hero h1{max-width:920px;margin-inline:auto}
.hero p{max-width:760px;margin-inline:auto}
.hero .actions{justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap}
@media(max-width:650px){.hero .wrap{padding-top:36px;padding-bottom:36px}.hero .wrap>div{padding-inline:16px}.hero .actions .button{width:auto;max-width:100%}}

/* Compact consortium map alongside the page introduction. */
.consortium-heading .consortium-heading-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,46%);gap:32px;align-items:center}
.consortium-heading-copy{min-width:0}
.consortium-heading h1{font-size:clamp(30px,3.2vw,46px)}
.consortium-heading .consortium-map{width:100%;max-width:520px;margin:0 0 0 auto;padding:8px;border:1px solid var(--line)}
.consortium-heading .consortium-map img{width:100%;min-width:0;max-width:100%;height:auto}
.consortium-heading .consortium-map figcaption{font-size:11px;line-height:1.5;padding:8px 4px;border:0}
.consortium-heading .consortium-map-scroll{overflow:visible}
@media(max-width:1000px){.consortium-heading .consortium-heading-grid{grid-template-columns:minmax(0,1fr);gap:22px}.consortium-heading .consortium-map{max-width:520px;margin-inline:auto}}

/* Candidate training guide: shared responsive components for both designs. */
.training-page .training-jump{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:26px;font-size:14px;font-weight:700}
.training-page section[id]{scroll-margin-top:28px}
.training-page .training-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:24px 0;border-block:1px solid var(--line)}
.training-page .training-metrics strong{display:block;font-size:clamp(22px,2.3vw,30px);color:var(--navy);line-height:1.3}
.training-page .training-metrics span{display:block;font-size:clamp(18px,1.6vw,22px);font-weight:700;color:var(--navy);margin-top:10px;line-height:1.35}
.training-page .training-intro{max-width:850px}
.training-page .training-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.training-page .card{height:100%}
.training-page .card ul{margin:0;padding-left:20px;font-size:15px}
.training-page .card li{margin-bottom:10px}
.training-page .training-subhead{margin-top:36px}
.training-page .training-events{display:grid;gap:0}
.training-page .training-event{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
.training-page .training-date{font-size:13px;font-weight:700;color:var(--navy);border-left:4px solid var(--amber);padding-left:12px;align-self:start}
.training-page .training-event h3{font-size:22px;margin-bottom:8px}
.training-page .training-host{font-size:13px;font-weight:700;margin-bottom:10px}
.training-page .training-event p:last-child{margin-bottom:0}
.training-page .training-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.6}
.training-page .training-table caption{text-align:left;font-weight:700;padding:18px 0;color:var(--navy)}
.training-page .training-table th,.training-page .training-table td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.training-page .training-table thead{background:var(--navy);color:var(--surface)}
.training-page .training-table th:first-child{width:29%}
.training-page .training-table th:last-child{width:19%}
.training-page .training-table tbody th span{display:block;font-size:12px;font-weight:400;margin-top:5px}
.training-page .training-note{font-size:13px;line-height:1.7;margin-top:18px;max-width:850px}
.training-page .training-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0 0}
.training-page .training-support>div{border-left:3px solid var(--blue);padding:4px 0 4px 18px}
.training-page .training-support dt{font-weight:700;margin-bottom:6px}
.training-page .training-support dd{margin:0;font-size:14px}
@media(max-width:700px){.training-page .training-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.training-page .training-grid,.training-page .training-support{grid-template-columns:minmax(0,1fr)}.training-page .training-event{grid-template-columns:minmax(0,1fr);gap:10px}.training-page .training-date{margin:0}.training-page .training-table th,.training-page .training-table td{padding:12px 6px;font-size:12px}.training-page .training-table th:first-child{width:28%}.training-page .training-table th:last-child{width:21%}.training-page .training-table tbody th span{font-size:11px}}

/* Home hero: cellular stopwatch beside the existing introduction. */
.hero-cell .wrap{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:36px;text-align:left}
.hero-cell .wrap>div{min-width:0;padding:0;max-width:none}
.hero-cell h1{font-size:clamp(2.5rem,4.2vw,4.2rem)}
.hero-cell h1,.hero-cell p{margin-inline:0}
.hero-cell .actions{justify-content:flex-start}
.hero-cell-illustration{width:100%;max-width:380px;margin:0 auto}
.hero-cell-illustration img{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:900px){.hero-cell .wrap{grid-template-columns:minmax(0,1fr);gap:24px;text-align:center}.hero-cell h1,.hero-cell p{margin-inline:auto}.hero-cell .actions{justify-content:center}.hero-cell-illustration{max-width:280px}}

/* Organ clocks alongside metabolic desynchronisation. */
.metabolic-desynchronisation-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:48px;align-items:center}
.metabolic-desynchronisation-grid>.prose{min-width:0}
.desynchronisation-illustration{width:100%;max-width:380px;margin:0 auto}
.desynchronisation-illustration img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;mix-blend-mode:multiply}
@media(max-width:900px){.metabolic-desynchronisation-grid{grid-template-columns:minmax(0,1fr);gap:28px}.desynchronisation-illustration{max-width:300px}}

/* Project illustration beside the header wordmark. */
.header .brand{display:inline-flex;align-items:center;gap:0;white-space:nowrap}
.header .header-project-logo{display:block;width:44px;height:55px;object-fit:contain;flex:none;margin-right:10px;border-radius:0}
@media(max-width:600px){.header .header-project-logo{width:34px;height:43px;margin-right:7px}}

/* Preserve the transparent stopwatch silhouette in the home hero. */
.hero-stopwatch img,.hero-visual img[src*="chronobridge-stopwatch-cell"]{object-fit:contain;border-radius:0;background:transparent;mix-blend-mode:normal}

/* Match the home statistics typeface in the hero introduction and actions. */
.hero p:not(.eyebrow),.hero .actions .button{font-family:Arial,Helvetica,sans-serif}

/* Slightly larger home introduction and action labels. */
.hero p:not(.eyebrow){font-size:1.22rem}
.hero .actions .button{font-size:1.08rem}