/* A compact entrance for five audiences, with navigation available on every page. */
.header-inner{height:88px;gap:20px}
.site-header .brand img{width:68px;height:68px}
.brand-name{font-size:1.1rem;line-height:1.15;letter-spacing:0}
.brand-name>span{display:block}
.desktop-nav{gap:22px;font-size:.84rem}
.desktop-nav a{border-bottom:2px solid transparent}
.desktop-nav a[aria-current=page]{border-color:var(--accent-dark)}
.panel-shortcut{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:6px;white-space:nowrap;font-size:.8rem;font-weight:600}
.panel-shortcut:hover,.panel-shortcut.selected{background:var(--wash);border-color:#a7b7ab}
.audience-nav{display:none}
.start-page{max-width:1160px;padding-block:34px 28px}
.start-intro{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:70px;align-items:center}
.start-copy .eyebrow{color:var(--accent-dark);font-size:.68rem;letter-spacing:.11em;margin-bottom:15px}
.start-copy h1{max-width:660px;font-size:clamp(2rem,3.2vw,2.8rem);line-height:1.16;font-weight:650;letter-spacing:-.045em}
.start-copy>p{max-width:650px;font-size:1.02rem;line-height:1.65;color:var(--muted);margin-top:16px}
.start-motto{display:block;margin-top:15px;color:var(--accent-dark);font-size:.77rem;letter-spacing:.035em}
.start-image{width:265px;height:244px;object-fit:cover;border-radius:8px;object-position:center 46%}
.audience-section{margin-top:30px}
.audience-section h2{font-size:1.13rem;letter-spacing:-.02em;margin-bottom:15px;font-weight:700}
.audience-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.task-card{display:flex;align-items:center;gap:14px;min-width:0;min-height:96px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px;transition:border-color .18s,background .18s}
.task-card:hover{background:var(--wash);border-color:#8fa293}
.task-card:focus-visible{outline-offset:2px}
.audience-grid .task-card{grid-column:span 2}
.audience-grid .task-card:nth-child(n+4){grid-column:span 3}
.task-icon{height:44px;width:44px;flex-shrink:0;background:#edf1eb;color:#42614b;display:grid;place-items:center;border-radius:6px}
.task-copy{min-width:0;flex:1}
.task-copy strong{display:block;font-family:var(--display);font-size:1.03rem;line-height:1.3;font-weight:700;letter-spacing:-.025em}
.task-copy small{display:block;color:var(--muted);font-size:.82rem;line-height:1.45;margin-top:5px}
.task-card>.icon{color:#68806f}
.returning-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding-block:17px;margin-top:25px;font-size:.84rem}
.returning-strip>span{font-weight:600}
.returning-strip>div{display:flex;flex-wrap:wrap;gap:10px 24px}
.returning-strip a,.start-meta a{display:inline-flex;align-items:center;gap:9px}
.returning-strip a:hover,.start-meta a:hover{color:var(--accent-dark)}
.start-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:19px;font-size:.77rem;color:var(--muted)}
.start-meta a{flex-wrap:wrap;gap:5px}
.start-meta a>.icon{margin-left:7px}
.start-meta strong{font-weight:650;color:var(--ink)}
.start-meta a>span{margin-inline:4px}
.site-footer{padding:19px 0;background:var(--wash)}
.compact-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;color:var(--muted);font-size:.76rem}
.compact-footer>span{font-weight:600}
.compact-footer nav{display:flex;gap:12px 23px;flex-wrap:wrap}
.compact-footer a:hover{color:var(--accent-dark)}
.page-heading{padding:25px 0 27px}
.breadcrumbs{margin-bottom:20px;font-size:.78rem;flex-wrap:wrap;gap:6px 10px}
.breadcrumbs [aria-current=page]{color:var(--ink)}
.page-heading h1{font-size:clamp(2rem,3.5vw,3rem);line-height:1.17}
.page-heading .lead{margin-top:13px;font-size:1.03rem;max-width:810px;line-height:1.65}
.page-content{padding-block:30px 50px}
.audience-page{max-width:1100px}
.task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.task-grid .task-card{min-height:110px}
.task-grid .task-copy strong{font-size:1rem}
.maker-entry{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:70px;margin-bottom:28px;padding:27px 30px;background:var(--wash);border:1px solid var(--line);border-radius:8px}
.maker-entry .eyebrow{font-size:.66rem;color:var(--accent-dark);margin-bottom:12px}
.maker-entry h2{font-size:1.8rem}
.maker-entry p{color:var(--muted);font-size:.97rem;line-height:1.7;max-width:660px;margin-top:12px}
.maker-entry .button{margin-top:20px}
.maker-facts{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px 16px;padding-left:27px;border-left:1px solid #ccd5c9}
.maker-facts strong{font-family:var(--display);font-size:2.2rem;font-weight:600;letter-spacing:-.06em;white-space:nowrap}
.maker-facts span{color:var(--muted);font-size:.81rem;line-height:1.45}
.compact-faq{max-width:780px;margin-top:35px}
.compact-faq h2{font-size:1.23rem;margin-bottom:10px}
.help-strip{display:flex;align-items:center;gap:25px;padding-top:22px;margin-top:25px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
.help-strip .text-link{font-size:.87rem}
.reader-layout{display:block;max-width:850px}
.reader-nav{position:static;display:block;white-space:normal;margin:0 0 25px;border:0;padding:0;font-size:.87rem}
.topic-switcher{border:1px solid var(--line);border-radius:7px;background:var(--wash)}
.topic-switcher>summary{padding:12px 17px;font-size:.85rem;font-weight:550}
.topic-switcher>div{padding:0 17px 12px;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}
.reader-nav a{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:10px 0;font-size:.85rem}
.reader-nav .all-topics-link{color:var(--accent-dark)}
.reader{font-size:1rem;line-height:1.8}
.reader .route-footer .button{color:#fff;text-decoration:none}
.reader .route-footer .button.outline{color:var(--ink)}
.media-actions{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}
.reader .media-actions .button{color:#fff;text-decoration:none}
.reader .media-actions .button.outline{color:var(--ink)}
.topic-search{margin:0 0 22px;max-width:640px}
.topic-search>div{position:relative}
.topic-search>div>.icon{position:absolute;left:14px;top:16px;color:var(--muted)}
.topic-search input{width:100%;padding-left:44px}
.resource-list{max-width:780px;display:grid;gap:12px}
.resource-group{border:1px solid var(--line);border-radius:7px;padding:0;background:#fff}
.resource-group>summary{padding:17px 20px;font-size:1rem;gap:15px}
.resource-group>summary:after{font-size:1.35rem}
.resource-group .topic-count{margin-left:auto;background:var(--wash);color:var(--muted);font-size:.77rem;font-weight:400;padding:1px 8px;border-radius:4px}
.resource-group>div{padding:0 20px 16px}
.resource-group a{padding-block:11px;font-size:.92rem}
.resource-empty{padding:18px 0;color:var(--muted)}
.support-actions{display:flex;align-items:center;gap:20px 30px;flex-wrap:wrap;margin-bottom:25px}
.support-actions>.text-link{font-size:.86rem}
.support-options{max-width:760px;border:1px solid var(--line);border-radius:7px;background:var(--wash)}
.support-options>summary{padding:14px 20px;font-size:.96rem}
.support-options>div{padding:0 20px 15px}
.support-options .contributions{border-color:var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 25px}
.support-options .contribution{border-color:var(--line);padding:15px 0;align-items:start;gap:13px}
.support-options .contribution-icon{color:var(--accent-dark)}
.support-options .contribution p{color:var(--muted);font-size:.84rem}
.support-principle{font-size:.85rem;color:var(--muted);max-width:760px;margin-top:16px}
.support-list-heading{margin:32px 0 18px}
.support-list-heading h2{font-size:1.5rem}
.organisation-tasks{grid-template-columns:1fr 1fr}
.work-aside{top:100px}
.form-panel{padding:25px 28px}
@media(max-width:1190px){
 .brand-name{font-size:1rem}
 .desktop-nav{gap:15px;font-size:.8rem}.header-tools{gap:12px}.header-inner{gap:15px}
 .start-intro{gap:40px;grid-template-columns:minmax(0,1fr) 235px}.start-image{width:235px;height:230px}
 .task-card{padding:18px 16px;gap:12px}.task-icon{width:36px;height:38px}.task-icon .icon{width:22px}
 .task-copy small{font-size:.77rem}.maker-entry{gap:30px}
}
@media(max-width:1040px){
 .desktop-nav{display:none}.header-tools{margin-left:auto}.header-inner{height:80px}.site-header .brand img{width:60px;height:60px}
 body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
 .audience-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border-top:1px solid #bdc9bf;box-shadow:0 -4px 20px #17211f08;padding:5px 8px calc(5px + env(safe-area-inset-bottom));min-height:68px}
 .audience-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:7px 3px;border-radius:5px;color:var(--muted);font-size:.7rem;line-height:1.2;text-align:center;overflow-wrap:anywhere}
 .audience-nav a[aria-current=page]{color:var(--ink);background:#eaf0e8;font-weight:650}
 .audience-nav a:hover{background:var(--wash)}
 .notice{bottom:88px}
 .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-grid .task-card{grid-column:auto!important}.audience-grid .task-card:last-child{grid-column:1/-1!important}
 .start-intro{grid-template-columns:minmax(0,1fr) 215px;gap:30px}.start-image{width:215px;height:230px}
 .task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.maker-entry{grid-template-columns:minmax(0,1fr) 185px;gap:25px}
 .returning-strip{display:block}.returning-strip>div{margin-top:10px}
}
@media(max-width:700px){
 html{scroll-padding-top:94px}.shell{width:calc(100% - 36px)}
 .header-inner{height:74px;gap:10px}.site-header .brand img{width:54px;height:54px}.brand img{width:34px;height:34px}.brand-name{font-size:.875rem;max-width:82px}.brand-name small{font-size:.44rem;margin-top:5px}.brand{gap:8px}
 .header-tools{gap:9px}.panel-shortcut{font-size:.72rem;gap:6px;padding:7px 9px}.panel-shortcut>.icon{width:15px;height:15px}.language>svg{display:none}.language select{width:41px;font-size:.74rem}
 .start-page{padding-block:23px 20px}.start-intro{display:block;position:relative}.start-copy .eyebrow{font-size:.56rem;letter-spacing:.07em;margin-bottom:13px}
 .start-copy h1{font-size:1.62rem;line-height:1.18;max-width:100%;padding-right:72px;min-height:90px;letter-spacing:-.04em}
 .start-copy>p{font-size:.86rem;line-height:1.6;margin-top:12px;max-width:100%}
 .start-motto{font-size:.65rem;letter-spacing:.015em;margin-top:9px}
 .start-image{position:absolute;right:0;top:30px;width:64px;height:90px;object-position:50% 45%;border-radius:5px}
 .audience-section{margin-top:21px}.audience-section h2{font-size:.99rem;margin-bottom:11px}
 .audience-grid{display:grid;grid-template-columns:1fr;gap:8px}.audience-grid .task-card:last-child{grid-column:auto!important}
 .task-card{padding:12px 13px;min-height:66px;gap:12px}.task-icon{width:35px;height:35px}.task-icon .icon{height:22px;width:22px}
 .task-copy strong{font-size:.96rem}.task-copy small{font-size:.74rem;margin-top:2px;line-height:1.35}.task-card>.icon{width:16px}
 .returning-strip{margin-top:20px;padding-block:14px;font-size:.79rem}.returning-strip>div{gap:10px 20px;margin-top:9px}.returning-strip a{gap:7px;font-size:.78rem}
 .start-meta{display:block;font-size:.73rem;margin-top:14px}.start-meta>a{display:flex;width:fit-content}.start-meta>a+a{margin-top:10px}
 .site-footer{padding:18px 0}.compact-footer{display:block;font-size:.73rem}.compact-footer nav{gap:8px 18px;margin-top:10px}
 .page-heading{padding:20px 0 23px}.breadcrumbs{font-size:.71rem;margin-bottom:14px}.page-heading h1{font-size:2rem}.page-heading .lead{font-size:.94rem;margin-top:10px;line-height:1.6}
 .page-content{padding-block:23px 35px}.audience-page{width:calc(100% - 36px)}
 .task-grid,.organisation-tasks{grid-template-columns:1fr;gap:10px}.task-grid .task-card{min-height:78px}.task-grid .task-copy strong{font-size:.98rem}
 .maker-entry{display:block;padding:22px 20px;margin-bottom:21px}.maker-entry h2{font-size:1.55rem}.maker-entry p{font-size:.91rem;margin-top:11px}.maker-entry .eyebrow{font-size:.63rem}
 .maker-facts{display:none}.maker-entry .button{margin-top:18px}.compact-faq{margin-top:27px}.compact-faq h2{font-size:1.15rem}.compact-faq summary{font-size:.93rem;padding-block:16px}
 .help-strip{margin-top:21px;padding-top:18px;font-size:.83rem;gap:17px}
 .reader-nav{margin-bottom:20px}.topic-switcher>div{grid-template-columns:1fr;padding-inline:14px}.topic-switcher>summary{padding:11px 14px;font-size:.82rem}
 .reader{font-size:.96rem}.reader .route-footer{gap:10px}.media-actions{gap:9px;margin-bottom:21px}.media-actions .button{font-size:.85rem;padding:12px 16px;gap:13px}
 .resource-group>summary{padding:14px 16px;font-size:.95rem}.resource-group>div{padding-inline:16px}.topic-search{margin-bottom:18px}.resource-group a{font-size:.86rem}
 .support-actions{gap:19px;margin-bottom:21px}.support-options>summary{font-size:.89rem;padding:13px 16px}.support-options>div{padding-inline:16px}.support-options .contributions{grid-template-columns:1fr}.support-principle{font-size:.82rem;line-height:1.65}
 .support-list-heading{margin-top:27px}.support-list-heading h2{font-size:1.3rem}.partner-card{padding:22px}
 .work-aside{margin-bottom:22px}.work-aside>h2{display:none}.stepper{margin-top:0}.form-panel{padding:21px 18px}.form-panel h2{font-size:1.5rem}.form-intro{margin-bottom:17px}
 .audience-nav{padding-inline:5px;grid-template-columns:.95fr .95fr 1.3fr .9fr .9fr}.audience-nav a{font-size:.65rem;overflow-wrap:normal;white-space:nowrap}
}
@media(max-width:370px){
 .shell,.audience-page{width:calc(100% - 28px)}.brand-name{font-size:.82rem;max-width:76px}.brand-name small{font-size:.4rem}.brand img{width:31px;height:31px}.site-header .brand img{width:50px;height:50px}.brand{gap:6px}
 .header-tools{gap:5px}.panel-shortcut{font-size:.68rem;padding:7px}.panel-shortcut>.icon{display:none}.language select{width:39px}
 .start-copy h1{font-size:1.48rem;padding-right:57px;min-height:85px}.start-image{width:50px;height:86px}.start-copy .eyebrow{font-size:.52rem;letter-spacing:.025em}
 .start-copy>p{font-size:.83rem}.task-card{gap:10px;padding:11px}.task-copy small{font-size:.7rem}.task-copy strong{font-size:.9rem}
 .audience-nav a{font-size:.6rem}.audience-nav a>.icon{width:19px;height:19px}
}
@media print{.audience-nav,.reader-nav,.panel-shortcut{display:none!important}body{padding-bottom:0}}
