/*
Theme Name: Viora Foundation
Description: A lightweight, accessible custom theme for independent digital inclusion and education.
Version: 1.2.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: viora-foundation
License: GPL-2.0-or-later
*/
:root{--navy:#04194f;--blue:#096ea8;--purple:#7756ad;--ink:#253b54;--muted:#526579;--line:#dfe7ee;--pale:#f2f7fa;--radius:18px;--width:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:17px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2,h3,h4{color:var(--navy);line-height:1.14;font-weight:650;letter-spacing:-.035em;margin:0 0 24px}h1{font-size:clamp(42px,4.65vw,64px)}h2{font-size:clamp(30px,3.2vw,43px)}h3{font-size:24px;letter-spacing:-.02em}p{margin:0 0 20px}a{color:var(--blue);text-underline-offset:4px}a:hover{color:var(--navy)}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #8451b3;outline-offset:5px}em{font-style:normal;color:var(--blue)}.wrap{width:min(var(--width),calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;z-index:100;background:var(--navy);color:white;padding:12px 24px}.skip-link:focus{top:12px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{display:flex;align-items:center;gap:30px;min-height:116px}.brand{display:block;flex-shrink:0;width:152px}.brand img{width:152px;height:101px;object-fit:contain}.primary-nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:14px;line-height:1.5}.primary-nav>a,.primary-nav summary{color:var(--navy);text-decoration:none;font-weight:600;white-space:nowrap}.primary-nav details{position:relative}.primary-nav summary{cursor:pointer;list-style:none;padding:15px 0}.primary-nav summary::-webkit-details-marker{display:none}.primary-nav summary::after{content:'⌄';margin-left:7px;font-size:12px}.dropdown{position:absolute;top:100%;left:-20px;min-width:260px;padding:12px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 40px #04194f12}.dropdown a{display:block;padding:10px 12px;color:var(--navy);text-decoration:none;border-radius:6px}.dropdown a:hover{background:var(--pale)}.header-cta{display:flex;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--blue);border:1px solid var(--blue);border-radius:7px;padding:14px 23px;color:white;text-decoration:none;font-size:15px;font-weight:650;line-height:1.4;cursor:pointer;transition:background .15s,transform .15s}.button:hover{background:var(--navy);color:white;transform:translateY(-2px)}.button.secondary{color:var(--navy);background:white;border-color:#becddd}.button.secondary:hover{background:#edf5fa}.button.light{background:white;border-color:white;color:var(--navy)}.button.small{padding:12px 16px;font-size:13px;gap:10px}.search-toggle{font-size:22px;text-decoration:none;color:var(--navy);padding:8px}.menu-toggle{display:none;color:var(--navy);background:white;border:1px solid var(--line);border-radius:6px;padding:9px 14px}.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:55px;align-items:center;padding-top:68px;padding-bottom:78px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;line-height:1.5;font-weight:750;color:var(--blue);margin-bottom:22px}.hero .eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.13em}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#288556}.hero h1{line-height:1.07;max-width:660px}.lead{font-size:18px;color:var(--muted);line-height:1.75;max-width:510px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:31px 0 20px}.hero-note{font-size:12px;color:var(--muted);margin:0}.hero-art{position:relative;padding:12px 0 28px}.hero-art>img{border-radius:160px 160px 100px 100px;transform:rotate(2deg)}.art-label{position:absolute;bottom:30px;left:-18px;right:20px;padding:21px 22px;display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e5edf3;box-shadow:0 14px 40px #04194f10;border-radius:13px;font-size:13px}.art-label small{display:block;color:var(--muted);margin-top:3px}.label-check{background:#eaf4e9;color:#317b44;display:grid;place-items:center;border-radius:50%;width:40px;height:40px;font-size:21px;flex-shrink:0}.orbit{position:absolute;font-size:37px;color:#7ba29e;line-height:1}.orbit-one{right:-8px;top:46px;transform:rotate(15deg)}.orbit-two{left:0;top:0;color:#9a80c0}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fcfdfe;padding:20px 0}.principles>.wrap{display:flex;justify-content:space-around;font-size:13px;font-weight:550}.principles b{color:#347e58;margin-right:12px}.section{padding-top:85px;padding-bottom:85px}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px}.split p{font-size:16px}.intro h2{line-height:1.2}.text-link{display:inline-block;text-decoration:none;font-weight:650;font-size:14px;border-bottom:1px solid #bed6e5;padding-bottom:5px}.text-link span{margin-left:12px}.help-section{background:var(--pale)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--muted);font-size:15px;margin:0 0 5px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.help-card{background:white;position:relative;border:1px solid #e3ebf1;border-radius:var(--radius);padding:29px;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}.help-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #04194f0b;color:var(--ink)}.help-card h3{font-size:22px;margin:23px 0 14px}.help-card p{font-size:14px;line-height:1.8;min-height:75px;color:var(--muted);margin-bottom:25px}.icon{width:51px;height:51px;display:grid;place-items:center;font-size:30px;font-weight:400;line-height:1;border-radius:12px}.blue{background:#e9f4fa;color:#1677a9}.purple{background:#f1edfa;color:#7756ad}.green{background:#eef5e8;color:#52854d}.peach{background:#fff0e7;color:#b16742}.card-number{position:absolute;right:29px;top:37px;font-size:12px;color:#5d6f82}.card-link{font-size:12px;font-weight:650;color:var(--navy);display:flex;justify-content:space-between;align-items:center}.card-link b{font-size:20px;font-weight:400}.who-panel{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;padding:50px;background:#f4f3f9;border-radius:22px}.who-panel h2{font-size:36px}.who-panel p{font-size:15px;max-width:630px}.who-panel em{color:var(--purple)}.who-tags{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:13px}.who-tags span{background:white;padding:9px 22px;border-radius:50px;border:1px solid #e4e0ed;font-size:14px;color:#554571}.who-tags span:nth-child(even){margin-left:40px}.guide-section{background:#fcfdfd;border-block:1px solid #eef2f5}.guide-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white;display:flex;flex-direction:column}.guide-card>a{text-decoration:none;color:var(--ink);height:100%;display:flex;flex-direction:column}.guide-cover{height:155px;background:#e6eff6;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.guide-cover::before,.guide-cover::after{content:'';position:absolute;bottom:-90px;right:-25px;width:230px;height:230px;border:1px solid #ffffffa0;border-radius:50%}.guide-cover::after{width:300px;height:300px;bottom:-130px;right:-60px}.guide-cover .cover-symbol{font-size:65px;line-height:1;color:#296791;z-index:1;font-weight:300}.guide-card:nth-child(3n+2) .guide-cover{background:#eeeaf6}.guide-card:nth-child(3n+2) .cover-symbol{color:#7963a0}.guide-card:nth-child(3n+3) .guide-cover{background:#eaf1e5}.guide-card:nth-child(3n+3) .cover-symbol{color:#5b7955}.guide-body{padding:27px;flex:1}.guide-body .eyebrow{font-size:10px;margin-bottom:11px}.guide-body h3{font-size:23px;line-height:1.25;margin-bottom:14px}.guide-body p{font-size:14px;color:var(--muted)}.guide-meta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;margin-top:24px}.help-banner{padding:50px 55px;background:var(--navy);color:white;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:40px;position:relative;overflow:hidden}.help-banner h2{color:white;font-size:43px}.help-banner p{max-width:650px;margin-bottom:0;color:#d1dce9;font-size:16px}.help-banner .eyebrow{color:#a5d4f1;margin-bottom:16px}.help-banner .button{flex-shrink:0}.support-section{padding-top:0}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.support-grid article{padding:38px;border:1px solid var(--line);border-radius:18px;background:#f8fbfd}.support-grid article:nth-child(2){background:#f7f5fa}.support-grid h3{font-size:28px;margin-top:14px;max-width:370px}.support-grid p{font-size:15px;max-width:440px}.independence{margin-top:38px;border-top:1px solid var(--line);padding-top:26px;display:flex;align-items:center;gap:22px}.independence>span{font-size:34px;color:var(--purple)}.independence p{font-size:13px;margin:0;flex:1;color:var(--muted)}.independence strong{display:block;color:var(--navy)}.independence a{font-size:12px;white-space:nowrap;text-decoration:none}.site-footer{background:#f1f5f8;border-top:1px solid var(--line);padding:56px 0 25px}.footer-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:45px}.footer-brand img{width:180px;height:120px;object-fit:contain;margin-left:-10px}.footer-brand p{font-size:13px;max-width:260px;color:var(--muted)}.footer-top h2{font-size:14px;letter-spacing:0;margin:22px 0}.footer-top ul{list-style:none;padding:0;margin:0}.footer-top li{margin:9px 0;font-size:13px}.footer-top a{color:var(--ink);text-decoration:none}.footer-top a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #d6e0e7;margin-top:36px;padding-top:22px;display:flex;justify-content:space-between;gap:30px;font-size:11px;color:var(--muted)}.footer-bottom p{margin:0}.page-hero{background:linear-gradient(120deg,#f1f7fa,#f5f3fa);padding:50px 0 66px}.breadcrumbs{font-size:12px;margin-bottom:35px;color:var(--muted)}.breadcrumbs a{color:var(--muted)}.page-hero h1{max-width:950px;font-size:clamp(38px,4.5vw,62px)}.page-hero .lead{max-width:760px;margin-bottom:0}.article-layout{display:grid;grid-template-columns:minmax(0,790px) 260px;gap:80px;padding-block:65px}.article-content section{margin-bottom:42px}.article-content h2{font-size:29px;letter-spacing:-.02em;margin-bottom:19px}.article-content p{font-size:16px;line-height:1.9}.article-content li{margin-bottom:12px}.article-content .card-grid{grid-template-columns:repeat(2,1fr)}.article-content .guide-body p{font-size:14px;line-height:1.65}.article-sidebar{font-size:14px;align-self:start;position:sticky;top:25px}.sidebar-box{border:1px solid var(--line);border-radius:14px;padding:26px;margin-bottom:22px}.sidebar-box h2{font-size:20px;letter-spacing:-.01em;margin:0 0 16px}.sidebar-box ul{list-style:none;padding:0;margin:0}.sidebar-box li{margin:12px 0}.sidebar-box a{font-size:13px;text-decoration:none}.sidebar-box p{font-size:13px}.article-cta{background:var(--pale);padding:32px;border-radius:16px;margin-top:50px}.notice{padding:22px 25px;border-left:3px solid var(--blue);background:#f0f6fb;border-radius:0 10px 10px 0;font-size:14px;margin:25px 0}.notice strong{display:block;color:var(--navy)}.notice.warning{border-color:#ac7c24;background:#fff9ed}.enquiry-form{border:1px solid var(--line);border-radius:14px;padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.field.full{grid-column:1/-1}.field label{display:block;font-size:14px;font-weight:650;color:var(--navy);margin-bottom:8px}.field input,.field select,.field textarea{width:100%;border:1px solid #b6c5d3;background:white;border-radius:6px;padding:11px 13px;color:var(--ink);font-size:15px}.field textarea{min-height:145px;resize:vertical}.form-privacy{font-size:12px!important;line-height:1.7!important;margin-top:20px}.check-label{display:flex;align-items:start;gap:10px;font-size:13px;margin-bottom:23px}.check-label input{margin-top:6px}.honeypot{position:absolute;left:-9999px}.form-status{font-size:14px;margin-top:16px}.guide-tools{display:flex;gap:12px;margin:22px 0}.guide-tools button{padding:7px 13px;background:white;border:1px solid var(--line);border-radius:5px;cursor:pointer;font-size:12px;color:var(--navy)}.filter-form{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.filter-form input,.filter-form select{border:1px solid #b6c5d3;border-radius:6px;padding:10px 13px;max-width:100%;font-size:14px}.filter-form input{flex:1;min-width:140px}.filter-status{font-size:13px;color:var(--muted)}.result-list{list-style:none;padding:0}.result-list li{border-bottom:1px solid var(--line);padding:25px 0}.result-list h2{font-size:24px}.search-page-form{display:flex;gap:10px;margin-bottom:35px}.search-page-form input{flex:1;min-width:0;padding:12px;border:1px solid #b6c5d3;border-radius:6px}.impact-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;text-align:center}.impact-grid strong{display:block;font-size:38px;color:var(--navy)}.impact-grid span{font-size:13px}.pagination{display:flex;gap:12px;margin-top:30px}.wp-block-image img{height:auto}.alignwide{max-width:var(--width)}.alignfull{width:100%}.screen-reader-text{clip-path:inset(50%);width:1px;height:1px;overflow:hidden;position:absolute;white-space:nowrap}[hidden]{display:none!important}.policy-badge{color:#77511f;background:#fff3d9;display:inline-block;padding:5px 12px;border-radius:5px;font-size:12px;margin-bottom:20px}
@media(min-width:1600px){.hero{gap:80px}}@media(max-width:1150px){.primary-nav{gap:17px;font-size:12px}.header-inner{gap:18px}.header-cta .secondary{display:none}.hero{gap:35px}.hero h1{font-size:56px}.art-label{font-size:11px;padding:15px}.split{gap:45px}.article-layout{gap:45px;grid-template-columns:minmax(0,1fr) 230px}}@media(max-width:900px){.wrap{width:calc(100% - 44px)}.header-inner{min-height:96px;flex-wrap:wrap}.brand{width:125px}.brand img{width:125px;height:83px}.menu-toggle{display:block;margin-left:auto}.primary-nav{display:none;order:5;flex-basis:100%;margin:0;padding:10px 0 25px;align-items:stretch;gap:8px}.primary-nav.is-open{display:flex;flex-direction:column}.primary-nav>a,.primary-nav summary{font-size:16px;padding:12px 10px}.dropdown{position:static;box-shadow:none;border:0;background:var(--pale);padding:10px;margin:0 10px}.primary-nav details{width:100%}.header-cta .button{padding:11px 14px}.hero{padding-block:45px;gap:25px}.hero h1{font-size:43px}.hero .eyebrow{font-size:9px;letter-spacing:.08em}.hero .lead{font-size:16px}.hero .actions{gap:10px}.hero .button{font-size:13px;padding:13px 16px;gap:12px}.art-label{left:-7px;right:0;bottom:0}.art-label small{font-size:10px}.section{padding-block:60px}.card-grid{grid-template-columns:repeat(2,1fr)}.help-card p{min-height:auto}.who-panel{padding:35px;gap:30px}.who-panel h2{font-size:30px}.who-tags span{font-size:12px}.help-banner{padding:38px}.help-banner h2{font-size:34px}.footer-top{gap:25px;grid-template-columns:1.4fr 1fr 1fr}.footer-top>div:last-child{grid-column:2/4}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.article-sidebar .sidebar-box{margin:0}.support-section{padding-top:0}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header-inner{gap:10px}.header-cta{gap:0}.header-cta .button{font-size:11px;padding:11px 12px}.search-toggle{display:none}.brand{width:104px}.brand img{width:104px;height:73px}.header-inner{min-height:84px}.menu-toggle{font-size:12px;padding:8px 10px}.hero{grid-template-columns:1fr;padding-top:34px;padding-bottom:42px;gap:28px}.hero h1{font-size:47px}.hero .eyebrow{font-size:9px}.hero-art{width:90%;max-width:430px;margin:auto}.hero .lead{font-size:16px}.hero-note{font-size:11px}.art-label{bottom:13px;font-size:11px;padding:13px}.label-check{width:33px;height:33px}.principles{padding:18px 0}.principles>.wrap{flex-direction:column;gap:9px;font-size:12px}.section{padding-block:45px}.split{grid-template-columns:1fr;gap:10px}.section-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:27px}.section-heading>p{font-size:13px}.section-heading h2{font-size:31px}.card-grid{grid-template-columns:1fr;gap:16px}.help-card{padding:25px}.help-card h3{font-size:23px}.help-card p{font-size:14px;margin-bottom:19px}.who-panel{grid-template-columns:1fr;padding:27px;gap:15px}.who-panel h2{font-size:29px}.who-tags{flex-direction:row;flex-wrap:wrap;gap:8px}.who-tags span{margin:0!important;padding:7px 13px;font-size:11px}.help-banner{flex-direction:column;align-items:start;padding:30px;gap:25px}.help-banner h2{font-size:33px}.help-banner p{font-size:14px}.support-section{padding-top:0}.support-grid{grid-template-columns:1fr;gap:16px}.support-grid article{padding:28px}.support-grid h3{font-size:27px}.independence{flex-wrap:wrap;gap:13px}.independence p{font-size:12px;flex-basis:80%}.independence a{margin-left:45px}.footer-top{grid-template-columns:1fr 1fr;gap:20px}.footer-brand{grid-column:1/-1}.footer-brand img{width:150px;height:100px}.footer-top>div:last-child{grid-column:auto}.footer-top h2{margin:12px 0 17px}.footer-top li{font-size:12px}.footer-bottom{flex-direction:column;gap:12px}.page-hero{padding:30px 0 42px}.breadcrumbs{margin-bottom:25px}.page-hero h1{font-size:39px}.article-layout{padding-block:40px;gap:35px}.article-content h2{font-size:27px}.article-content p{font-size:16px;line-height:1.8}.article-content .card-grid{grid-template-columns:1fr}.article-sidebar{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.enquiry-form{padding:22px}.article-cta{padding:25px}.filter-form{flex-direction:column}.impact-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.hero-art>img{transform:none}}@media print{.site-header,.site-footer,.article-sidebar,.guide-tools,.article-cta,.enquiry-form,.actions{display:none}.wrap{width:100%}.page-hero{background:white;padding:10px 0}.page-hero h1{font-size:30px}.article-layout{display:block;padding:20px 0}.article-content p{font-size:11pt}.article-content a{color:#000;text-decoration:underline}.article-content section{break-inside:avoid}.notice{border:1px solid #999;background:white}}

.guide-cover>img{width:100%;height:100%;object-fit:cover}

/* Version 1.1: quieter typography and raised white panels, inspired by the supplied reference. */
:root{--radius:9px;--panel-shadow:0 8px 30px rgba(19,40,62,.09)}
h1,h2,h3{letter-spacing:-.025em;font-weight:620}.hero{gap:80px;padding-block:82px}.hero h1{font-size:clamp(42px,4.2vw,60px)}
.hero-panel{position:relative;background:#fff;border:1px solid #edf0f3;border-radius:9px;padding:56px 38px 28px;box-shadow:var(--panel-shadow);align-self:center;margin-top:22px}
.panel-tab{position:absolute;left:30px;top:-22px;background:var(--navy);color:#fff;padding:11px 18px;font-size:12px;line-height:1.4;font-weight:650;letter-spacing:.02em;border-radius:5px;white-space:nowrap}
.panel-kicker{font-size:12px;color:var(--muted);margin-bottom:14px}.hero-panel h2{font-size:32px;line-height:1.2;margin-bottom:28px}.starting-points a{display:flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;color:var(--navy);font-size:15px;padding:19px 0;border-top:1px solid var(--line)}.starting-points a:hover span{text-decoration:underline}.starting-points b{font-weight:400;font-size:20px}.panel-footnote{border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--muted);margin-bottom:0}
.help-section,.guide-section{background:#fff;border:0}.help-grid{gap:55px 28px;padding-top:26px}.help-card{padding:49px 32px 28px;border:1px solid #eef1f4;border-radius:9px;box-shadow:var(--panel-shadow);display:flex;flex-direction:column;min-height:275px}.help-card h3{margin:13px 0 17px;font-size:24px}.help-card p{min-height:0;font-size:15px;line-height:1.8;margin-bottom:28px;flex:1}.help-card .card-link{font-size:13px;border-top:1px solid var(--line);padding-top:18px}.help-card:hover{transform:translateY(-2px);box-shadow:0 10px 34px #13283e18}.help-card:nth-child(3n+2) .panel-tab{background:#096ea8}.help-card:nth-child(3n+3) .panel-tab{background:#365b51}.help-card .icon,.help-card .card-number{display:none}
.who-panel{background:#f7f9fa;border-radius:9px;border-left:4px solid var(--blue);padding:44px 48px}.who-tags{gap:0}.who-tags span{background:none;border:0;border-radius:0;padding:12px 0;font-size:15px;border-bottom:1px solid #dce3e8;width:100%;color:var(--ink)}.who-tags span:nth-child(even){margin-left:0}.who-panel em{color:var(--navy)}
.guide-section .card-grid,.article-content .card-grid{gap:48px 24px;padding-top:22px}.guide-card{position:relative;border:1px solid #eef1f4;border-radius:9px;box-shadow:var(--panel-shadow);overflow:visible}.guide-card>a{position:relative}.guide-body{padding:47px 28px 25px;display:flex;flex-direction:column;height:100%}.guide-body .eyebrow{position:absolute;top:-18px;left:25px;margin:0;background:var(--navy);color:#fff;border-radius:4px;padding:10px 14px;letter-spacing:.04em;font-size:10px;line-height:1.4;max-width:calc(100% - 50px)}.guide-body h3{font-size:23px;line-height:1.3}.guide-body p{font-size:15px;line-height:1.8;flex:1}.guide-meta{border-top:1px solid var(--line);padding-top:19px;margin-top:12px;color:var(--navy)}.guide-cover{border-radius:9px 9px 0 0;overflow:hidden;height:190px;background:none}.guide-cover::before,.guide-cover::after{display:none}.guide-cover+.guide-body{position:relative}.guide-card:hover{box-shadow:0 10px 34px #13283e18}.guide-card:nth-child(3n+2) .guide-body .eyebrow{background:#096ea8}.guide-card:nth-child(3n+3) .guide-body .eyebrow{background:#365b51}
.support-grid{gap:30px;padding-top:12px}.support-grid article,.support-grid article:nth-child(2){position:relative;background:#fff;border:1px solid #eef1f4;border-radius:9px;box-shadow:var(--panel-shadow);padding:48px 36px 32px}.support-grid article>.eyebrow{position:absolute;top:-18px;background:var(--navy);color:#fff;border-radius:4px;padding:10px 14px;font-size:10px;letter-spacing:.04em}.support-grid article:nth-child(2)>.eyebrow{background:var(--blue)}.support-grid h3{margin-top:12px}.help-banner{border-radius:9px}.page-hero{background:#f6f8fa}.sidebar-box,.article-cta,.enquiry-form{border-radius:9px}.article-cta{background:#f7f9fa}.section-heading{margin-bottom:45px}.independence>span{display:none}
@media(max-width:1150px){.hero{gap:40px}.hero-panel{padding:48px 28px 25px}.hero-panel h2{font-size:28px}.starting-points a{font-size:14px}.help-card{padding-inline:26px}}
@media(max-width:900px){.hero{gap:30px;padding-block:60px}.hero h1{font-size:43px}.hero-panel{padding:44px 24px 24px}.hero-panel h2{font-size:25px}.starting-points a{font-size:13px}.help-grid{gap:48px 23px}.guide-section .card-grid{gap:44px 23px}.help-card h3{font-size:22px}}
@media(max-width:600px){.hero{grid-template-columns:1fr;padding-block:42px;gap:40px}.hero h1{font-size:43px}.hero-panel{margin-top:10px;width:100%;padding:42px 26px 24px}.hero-panel h2{font-size:29px}.starting-points a{font-size:15px}.panel-tab{left:25px}.help-grid{gap:43px}.help-card{min-height:245px;padding:43px 26px 25px}.help-card h3{font-size:24px}.who-panel{padding:28px}.who-tags{display:block}.who-tags span{display:block;font-size:14px}.guide-body{padding-inline:25px}.guide-section .card-grid,.article-content .card-grid{gap:43px}.support-grid{gap:45px}.support-grid article{padding:43px 28px 28px}.section-heading{margin-bottom:34px}.independence a{margin-left:0}}

/* Version 1.2: brand-colour buttons and illustrative editorial photographs. */
:root{--button-purple:#742ca5;--button-purple-hover:#592080}
.button{background:#096ea8;border-color:#096ea8;gap:0;padding:15px 25px;border-radius:7px}.button.secondary{background:var(--button-purple);border-color:var(--button-purple);color:#fff}.button.secondary:hover{background:var(--button-purple-hover);color:#fff}.button.light{background:#fff;color:var(--navy)}.button span:empty,.card-link b:empty,.starting-points b:empty{display:none}.text-link span:empty{display:none}
.help-card .card-link{align-self:flex-start;background:#096ea8;border:0;color:#fff;padding:9px 15px;border-radius:5px;display:inline-flex;font-size:12px;margin-top:auto}.help-card:nth-child(3n+2) .card-link{background:var(--button-purple)}.help-card:nth-child(3n+3) .card-link{background:#287449}.guide-meta>span:last-child{background:#096ea8;color:#fff;padding:6px 12px;border-radius:4px;font-weight:600}.guide-card:nth-child(3n+2) .guide-meta>span:last-child{background:var(--button-purple)}.guide-card:nth-child(3n+3) .guide-meta>span:last-child{background:#287449}.guide-meta{align-items:center;gap:10px}.support-grid .text-link{background:#096ea8;color:#fff;border:0;padding:10px 16px;border-radius:5px}.support-grid article:nth-child(2) .text-link{background:var(--button-purple)}
.hero-visual{min-width:0;display:flex;flex-direction:column;gap:18px}.hero-photo,.who-photo{margin:0;position:relative}.hero-photo img,.who-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:9px}.hero-photo figcaption,.who-photo figcaption{position:absolute;bottom:10px;right:10px;background:#fff;color:#526579;padding:3px 8px;border-radius:3px;font-size:10px;line-height:1.5}.hero-visual .hero-panel{margin:0;padding:23px 27px}.hero-visual .panel-tab,.hero-visual .panel-kicker,.hero-visual .panel-footnote{display:none}.hero-visual .hero-panel h2{font-size:23px;margin-bottom:15px}.hero-visual .hero-panel h2 br{display:none}.hero-visual .starting-points{display:flex;flex-wrap:wrap;gap:9px}.hero-visual .starting-points a{padding:9px 13px;background:#f2f6fa;border:1px solid #dfe7ee;border-radius:5px;font-size:12px;display:block}.hero-visual .starting-points a:hover{background:#e8f0f7}.hero-visual .starting-points a:hover span{text-decoration:none}.who-photo{margin-bottom:16px}.who-tags span{display:inline-block;width:auto;border:0;padding:6px 12px 6px 0;font-size:12px}.who-panel{align-items:center}.guide-cover{height:190px}.guide-cover img{width:100%;height:100%;object-fit:cover}.guide-cover+.guide-body{padding-top:37px}
@media(max-width:900px){.hero{gap:30px}.hero-visual .hero-panel{padding:19px}.hero-visual .hero-panel h2{font-size:20px}.guide-meta{flex-wrap:wrap}.who-panel{gap:30px}}
@media(max-width:600px){.hero{gap:28px}.hero-visual{gap:15px}.hero-visual .hero-panel{padding:23px}.hero-visual .hero-panel h2{font-size:23px}.hero-visual .starting-points a{font-size:12px}.who-photo{margin-top:8px}.hero-photo img,.who-photo img{aspect-ratio:3/2}.guide-meta{flex-wrap:nowrap}}
.who-tags{display:block}