/*
Theme Name: Windrush Justice News
Theme URI: https://windrushjusticenews.co.uk/
Author: Windrush Justice News
Description: Independent, victim-led Windrush journalism, testimony and historical archive.
Version: 2.6.2
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: windrush-news
*/
:root{
 --ink:#192b3b;
 --secondary:#334556;
 --muted:#566474;
 --burgundy:#92364a;
 --burgundy-dark:#742738;
 --line:#d4dbe0;
 --line-dark:#b6c0c7;
 --white:#fff;
 --heading:Georgia,'Times New Roman',serif;
 --body:'Segoe UI',Arial,Helvetica,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:18px}
body{margin:0;color:var(--ink);background:#fff;font-family:var(--body);font-size:18px;line-height:1.65}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none;text-underline-offset:4px}
a:hover{color:var(--burgundy)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ad7f4f;outline-offset:3px}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
p{margin:0 0 18px;max-width:78ch}
.container{max-width:1390px;padding:0 42px;margin:0 auto}
.skip-link{position:absolute;left:12px;top:-90px;z-index:1000;background:#fff;color:var(--ink);border:2px solid var(--burgundy);padding:10px 18px;font-weight:700}
.skip-link:focus{top:12px}
.eyebrow,.section-label{font-size:13px;letter-spacing:.12em;line-height:1.45;font-weight:800;text-transform:uppercase;color:var(--burgundy)}
.topstrip{background:#fff;border-bottom:1px solid var(--line)}
.topstrip-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--muted)}
.masthead{background:#fff}
.masthead-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:139px}
.masthead-sub{max-width:210px;font:italic 15px/1.5 var(--heading);color:var(--secondary);margin:0}
.brand{text-align:center;display:block;white-space:nowrap;color:var(--ink)}
.brand:hover{color:var(--ink)}
.brand-top{font:700 53px/.98 var(--heading);letter-spacing:-.057em;display:block}
.brand-bottom{font:800 14px/1.4 var(--body);letter-spacing:.32em;display:block;color:var(--burgundy);margin-top:9px}
.actions{display:flex;align-items:center;justify-content:end;gap:19px}
.sign-in{font-size:14px;font-weight:700;text-decoration:underline;text-decoration-color:var(--line-dark);white-space:nowrap}
.btn{border:1px solid var(--ink);background:#fff;color:var(--ink);display:inline-block;font-weight:750;font-size:14px;line-height:1.3;text-align:center;min-height:45px;padding:12px 18px;transition:background .15s,color .15s}
.btn:hover{background:var(--ink);color:#fff}
.btn-solid{background:var(--burgundy);border-color:var(--burgundy);color:#fff}
.btn-solid:hover{background:var(--burgundy-dark);border-color:var(--burgundy-dark);color:#fff}
.btn-red{background:var(--burgundy);border-color:var(--burgundy);color:#fff}
.btn-red:hover{background:var(--burgundy-dark);border-color:var(--burgundy-dark);color:#fff}
.nav-bar{background:#fff}
.nav-inner{border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:62px}
.nav-bar a{font-size:13px;font-weight:700;white-space:nowrap;padding:14px 0}
.nav-bar a:hover{color:var(--burgundy);text-decoration:underline;text-decoration-thickness:2px}
.site-main{background:#fff;min-height:55vh}
.main-intro{padding-top:34px;padding-bottom:52px}
.editorial-intro{display:grid;grid-template-columns:1fr .94fr;gap:65px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0 37px;margin-bottom:26px}
.editorial-intro h1{font:700 clamp(38px,4.15vw,61px)/1.08 var(--heading);letter-spacing:-.05em;margin:12px 0 0;max-width:550px}
.intro-right p{font-size:18px;line-height:1.65;color:var(--secondary);margin:0 0 19px;max-width:680px}
.intro-links{display:flex;flex-wrap:wrap;align-items:center;gap:18px 27px}
.intro-links a,.text-link{font-weight:800;font-size:15px;color:var(--burgundy);text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:4px}
.intro-links a:hover,.text-link:hover{color:var(--burgundy-dark)}
.lead-section{padding:0 0 31px;border-bottom:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:22px;gap:16px}
.section-heading a{font-weight:750;font-size:14px;color:var(--burgundy)}
.hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:38px;align-items:stretch}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:17px 0 25px}
.hero h2{font:700 clamp(36px,4vw,62px)/1.08 var(--heading);letter-spacing:-.052em;margin:18px 0 22px}
.hero h2 a:hover{text-decoration:underline;text-decoration-thickness:2px}
.hero-lead{font-size:19px;color:var(--secondary);line-height:1.63;max-width:690px}
.hero-meta{font-size:13px;color:var(--muted);font-weight:700;margin-bottom:20px}
.hero-photo{width:100%;aspect-ratio:1.37;overflow:hidden;background:#fff}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.photo-caption{font-size:12px;line-height:1.5;color:#56616c;margin-top:8px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:45px 0 20px;padding-bottom:13px;border-bottom:2px solid var(--ink)}
.section-head h2{font:700 38px/1.13 var(--heading);letter-spacing:-.04em;margin:7px 0 0}
.section-head>a{color:var(--burgundy);font-size:14px;font-weight:800;white-space:nowrap}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.news-card{min-width:0;padding:0 14px 12px 0;border-right:1px solid var(--line);background:#fff}
.news-card:last-child{border-right:none;padding-right:0}
.news-image{display:block;overflow:hidden;margin-bottom:16px}
.news-image img{width:100%;height:235px;object-fit:cover}
.card-meta{font-size:12px;font-weight:800;letter-spacing:.07em;color:var(--burgundy);margin:4px 0 12px;text-transform:uppercase}
.card-meta span{color:var(--line-dark);padding:0 4px}
.news-card h3{font:700 27px/1.19 var(--heading);letter-spacing:-.031em;margin:6px 0 13px}
.news-card>p:not(.card-meta){color:var(--secondary);font-size:16px;line-height:1.6;margin-bottom:14px}
.news-card .text-link{font-size:14px}
.research-rail{padding:14px 8px 10px 3px}
.research-rail h3{font-size:34px}
.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:66px;margin:58px 0 50px;padding-top:20px;border-top:3px double var(--ink)}
.record-column{padding:16px 0 0;min-width:0}
.record-column+.record-column{padding-left:38px;border-left:1px solid var(--line)}
.record-column h2{font:700 clamp(30px,3vw,43px)/1.14 var(--heading);letter-spacing:-.038em;margin:11px 0 20px}
.record-column>p{font-size:17px;color:var(--secondary);line-height:1.68}
.record-item{padding:21px 0 0;margin-top:25px;border-top:1px solid var(--line)}
.record-item h3{font:700 24px/1.25 var(--heading);margin:0 0 10px}
.record-item p{font-size:16px;color:var(--secondary)}
.archive-search{padding:18px 0 4px}
.archive-search label{font-size:15px;display:block;margin-bottom:9px}
.search-line{display:flex;gap:10px}
.search-line input{flex:1;min-width:0;border:1px solid #aab4bd;padding:12px 15px;font-size:16px;background:#fff}
.record-secondary{margin-top:20px}
.video-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.video-card{border-top:1px solid var(--line-dark);padding-top:18px;background:#fff}
.video-frame{width:100%;aspect-ratio:16/9;background:#f3f5f6}
.video-frame iframe,.video-frame video{width:100%;height:100%;border:0}
.video-card h3{font:700 25px/1.22 var(--heading);margin:12px 0}
.video-card p{font-size:16px;color:var(--secondary)}
.media-note{display:flex;align-items:center;justify-content:space-between;gap:38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0}
.media-note h3{font:700 26px/1.25 var(--heading);margin:0 0 11px}
.media-note p{font-size:17px;color:var(--secondary);margin:0;max-width:860px}
.media-note .text-link{white-space:nowrap}
.contribute-strip{margin-top:58px;border-top:3px solid var(--ink);border-bottom:1px solid var(--line);padding:28px 0 31px;display:flex;gap:46px;align-items:center;justify-content:space-between}
.contribute-strip h2{font:700 clamp(31px,3vw,42px)/1.18 var(--heading);letter-spacing:-.036em;margin:11px 0 14px}
.contribute-strip p{font-size:17px;color:var(--secondary);max-width:860px;margin:0}
.contribute-actions{display:flex;flex-direction:column;gap:16px;align-items:center;min-width:190px}
.site-footer{border-top:3px solid var(--ink);background:#fff;color:var(--ink);padding:44px 0 22px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}
.footer-logo{font:700 28px/1.2 var(--heading);letter-spacing:-.04em;margin-bottom:15px}
.site-footer p{font-size:15px;color:var(--secondary);max-width:600px;line-height:1.65}
.site-footer .small-print{font-size:13px}
.site-footer h4{font-size:12px;text-transform:uppercase;letter-spacing:.13em;margin:3px 0 13px;color:var(--burgundy)}
.site-footer a{display:block;font-size:15px;padding:5px 0;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.fineprint{border-top:1px solid var(--line);font-size:12px;color:var(--muted);padding-top:17px;margin-top:30px}
.inner-page{padding:37px 0 67px;max-width:1040px}
.inner-page h1,.archive-title{font:700 clamp(38px,4.7vw,57px)/1.1 var(--heading);letter-spacing:-.046em;margin:17px 0 21px}
.inner-page h2{font:700 30px/1.2 var(--heading);letter-spacing:-.025em;margin:30px 0 14px}
.inner-page h3{font:700 23px/1.24 var(--heading);margin:26px 0 11px}
.inner-page p,.inner-page li{font-size:18px;line-height:1.73}
.inner-page li{margin-bottom:9px}
.inner-page figure{margin:23px 0}
.inner-page img{max-height:650px;width:auto}
.breadcrumbs{font-size:13px;color:var(--muted)}
.article-body{margin-top:30px}
.article-body a:not(.btn){color:var(--burgundy);text-decoration:underline}
.archive-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 40px;margin:34px 0 50px}
.archive-result{border-bottom:1px solid var(--line);padding-bottom:24px}
.archive-result h2{font:700 28px/1.24 var(--heading);margin:11px 0}
.archive-result p{font-size:16px;color:var(--secondary)}
.pagination{padding:10px 0 25px}
.pagination a,.pagination span{border:1px solid var(--line);padding:8px 12px;margin-right:3px}
.form-wrap,.archive-panel{max-width:830px;padding:27px 29px;background:#fff;border:1px solid var(--line);margin:25px 0}
.form-wrap h2,.archive-panel h2{font:700 30px/1.2 var(--heading);margin:5px 0 15px}
.form-wrap label{display:block;font-size:16px;font-weight:750;margin:18px 0 6px}
.form-wrap input[type=text],.form-wrap input[type=email],.form-wrap input[type=password],.form-wrap input[type=url],.form-wrap input[type=file],.form-wrap textarea,.form-wrap select,.archive-panel input{display:block;width:100%;padding:12px 14px;border:1px solid #aab4bd;background:#fff;color:var(--ink);font-size:17px;min-height:48px;margin:6px 0 0;border-radius:0}
.form-wrap textarea{min-height:180px;resize:vertical}
.form-wrap input[type=checkbox]{margin-right:9px;vertical-align:middle}
.form-wrap .btn{margin:20px 0 4px}
.form-hint{font-size:14px!important;color:var(--muted)!important}
.notice{border-left:3px solid var(--burgundy);border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;padding:16px;margin:18px 0}
.notice.success{border-left-color:var(--ink);background:#fff}
.member-tabs{display:flex;flex-wrap:wrap;gap:18px;padding:16px 0}
.member-tabs a{font-weight:800;color:var(--burgundy);text-decoration:underline}
.embed-vertical{max-width:480px;aspect-ratio:9/16;margin:0 auto}
.empty-state{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;padding:30px 0}
.empty-state p{max-width:760px;color:var(--secondary)}
.steps-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:23px 0}
.step-help{border-top:2px solid var(--ink);padding:15px 0}
.step-help strong{font:700 21px/1.3 var(--heading);display:block;margin-bottom:9px}
.step-help p{font-size:15px;color:var(--secondary);line-height:1.55;margin:0}
.simple-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:24px 0;background:#fff}
.news-help-card{border-right:none}
@media(max-width:1160px){
 .container{padding:0 26px}
 .nav-inner{gap:15px;justify-content:center;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
 .nav-bar a{padding:4px 0;font-size:13px}
 .masthead-inner{min-height:118px}
 .brand-top{font-size:45px}
 .masthead-sub{font-size:14px}
 .hero{gap:26px}
}
@media(max-width:900px){
 .container{padding:0 22px}
 .masthead-inner{grid-template-columns:1fr;gap:12px;text-align:center;padding-top:24px;padding-bottom:19px}
 .masthead-sub{display:none}
 .actions{justify-content:center}
 .editorial-intro{grid-template-columns:1fr;gap:13px}
 .hero{grid-template-columns:1fr}
 .hero-copy{padding-bottom:0}
 .hero-photo{aspect-ratio:1.6}
 .news-grid,.video-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .news-card:nth-child(even){border-right:none;padding-right:0}
 .record-grid{gap:30px}
 .record-column+.record-column{padding-left:25px}
 .footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:27px}
}
@media(max-width:600px){
 body{font-size:17px}
 .container{padding:0 18px}
 .topstrip-inner{justify-content:center;text-align:center}
 .topstrip-inner span:first-child{display:none}
 .brand-top{font-size:41px}
 .brand-bottom{font-size:12px}
 .actions{gap:15px}
 .nav-inner{gap:12px;justify-content:flex-start}
 .nav-bar a{font-size:13px}
 .main-intro{padding-top:22px}
 .editorial-intro{padding:12px 0 27px;margin-bottom:24px}
 .editorial-intro h1{font-size:39px}
 .intro-right p{font-size:17px}
 .section-heading{align-items:start}
 .hero h2{font-size:39px}
 .hero-lead{font-size:17px}
 .hero-photo{aspect-ratio:1.3}
 .section-head h2{font-size:31px}
 .section-head>a{font-size:13px;white-space:normal}
 .news-grid,.record-grid,.video-row,.footer-grid{grid-template-columns:1fr;gap:22px}
 .news-card{border-right:none;border-bottom:1px solid var(--line);padding:0 0 24px}
 .news-card:last-child{border-bottom:0}
 .news-image img{height:230px}
 .record-grid{margin-top:40px}
 .record-column+.record-column{border-left:none;border-top:1px solid var(--line);padding:27px 0 0}
 .record-column{padding:8px 0}
 .media-note,.contribute-strip{flex-direction:column;align-items:start;gap:18px}
 .media-note .text-link{white-space:normal}
 .contribute-actions{align-items:start}
 .search-line{flex-direction:column}
 .form-wrap,.archive-panel{padding:20px}
 .steps-help{grid-template-columns:1fr;gap:12px}
 .site-footer{padding-top:35px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start;margin:22px 0}
.editorial-grid .form-wrap{width:100%;margin:0}
.editorial-grid .form-wrap p{font-size:16px;color:var(--secondary)}
@media(max-width:800px){.editorial-grid{grid-template-columns:1fr}}
/* Dated press cards and original publisher video records */
.press-index{padding:40px 0 70px}
.press-index>h1{font:700 clamp(39px,4.5vw,61px)/1.08 var(--heading);letter-spacing:-.048em;margin:11px 0 19px}
.press-lead{font-size:18px;line-height:1.65;color:var(--secondary);max-width:960px}
.press-intro-link{border-top:1px solid var(--line);padding-top:15px;margin:25px 0 20px}
.press-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px;margin:25px 0 28px}
.press-card{border-top:2px solid var(--ink);padding:18px 0 25px;min-width:0;display:flex;flex-direction:column}
.press-card-top{display:flex;justify-content:space-between;align-items:start;gap:12px;color:var(--muted);font-size:12px;font-weight:750}
.press-card-top span{font-size:11px;letter-spacing:.07em;color:var(--burgundy);text-transform:uppercase}
.press-card-top time{white-space:nowrap}
.press-card h2{font:700 25px/1.17 var(--heading);letter-spacing:-.026em;margin:13px 0}
.press-card h2 a:hover{text-decoration:underline}
.press-card>p{font-size:15px;color:var(--secondary);line-height:1.56;margin:0 0 14px}
.press-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}
.press-card-foot>span{font-size:12px;font-weight:700;color:var(--muted)}
.press-card-foot .text-link{font-size:13px;white-space:nowrap}
.press-byline{font-size:14px!important;color:var(--secondary)}
.source-attribution{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:40px 0}
.source-attribution h2{margin:4px 0 12px}
.press-article>.eyebrow{margin-top:30px}
.video-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 32px;margin:34px 0 48px}
.video-record-card{border-top:2px solid var(--ink);padding-top:13px}
.video-cover{height:auto;aspect-ratio:16/9;background:#f7f7f7;border:1px solid var(--line);margin-bottom:17px}
.video-cover iframe{border:0;width:100%;height:100%;display:block}
.video-cover>a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:13px;font-size:15px;font-weight:750;color:var(--ink);background:#fff}
.video-cover>a:hover{background:#f6f6f6;color:var(--burgundy)}
.video-play{font-size:39px;display:grid;place-items:center;line-height:1;width:72px;height:72px;border:2px solid var(--burgundy);border-radius:50%;color:var(--burgundy);padding-left:5px}
.video-caption .card-meta{font-size:12px}
.video-caption h2{font:700 26px/1.21 var(--heading);margin:10px 0 12px}
.video-caption p:not(.card-meta){font-size:16px;color:var(--secondary)}
.press-home-heading{margin-top:44px}
.home-press-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:950px){.press-grid,.home-press-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.press-index{padding:25px 0 44px}.press-grid,.home-press-grid,.video-record-grid{grid-template-columns:1fr}.press-card h2{font-size:25px}.video-caption h2{font-size:24px}.video-cover{aspect-ratio:16/9}}
.live-press{padding:22px 0 8px;border-top:1px solid var(--line);margin-top:28px}
.live-press>p{font-size:15px;color:var(--secondary)}
.live-press-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px}
.live-press-item{border-top:1px solid var(--line);padding:16px 0}
.live-press-item h3{font:700 23px/1.25 var(--heading);margin:9px 0 2px}
.live-press-item h3 a:hover{text-decoration:underline}
@media(max-width:640px){.live-press-list{grid-template-columns:1fr}}
/* Campaign spotlight: original publisher logo, clean editorial treatment */
.j4-feature{border-top:3px solid var(--ink);border-bottom:1px solid var(--line);padding:30px 0 32px;margin:45px 0 30px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.j4-feature .eyebrow,.j4-page .eyebrow{color:var(--burgundy)}
.j4-feature h2{font:700 clamp(32px,3.2vw,45px)/1.14 var(--heading);letter-spacing:-.04em;margin:9px 0 14px}
.j4-feature p{font-size:17px;color:var(--secondary)}
.j4-feature-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.j4-feature-image{border-left:1px solid var(--line);padding:25px 17px 25px 35px}
.j4-feature-image img{width:min(100%,470px);height:auto}
.j4-feature-image p{font-size:12px;color:var(--muted);margin-top:16px}
.j4-page{padding-top:43px;padding-bottom:65px}
.j4-masthead{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;padding:25px 0 45px;border-bottom:2px solid var(--ink)}
.j4-masthead h1{font:700 clamp(36px,4.2vw,58px)/1.1 var(--heading);letter-spacing:-.045em;margin:9px 0 17px}
.j4-masthead-copy>p{font-size:18px;color:var(--secondary)}
.j4-masthead .j4-kicker{color:var(--burgundy);font-size:13px;font-weight:800;letter-spacing:.1em}
.j4-identity{border-left:1px solid var(--line);padding:35px}
.j4-identity img{width:100%;height:auto}
.j4-identity p{margin:19px 0 0;font-size:12px;color:var(--muted)}
.j4-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.j4-independent{font-size:14px;color:var(--muted);padding:16px 0;border-bottom:1px solid var(--line)}
.j4-section{padding:35px 0;border-bottom:1px solid var(--line)}
.j4-section h2{font:700 clamp(30px,3.4vw,44px)/1.15 var(--heading);letter-spacing:-.04em;margin:7px 0 19px;max-width:920px}
.j4-section>p{font-size:17px;color:var(--secondary)}
.j4-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 37px;margin-top:28px}
.j4-work-grid article{border-top:2px solid var(--ink);padding:17px 0 22px}
.j4-work-grid h3,.j4-video h3{font:700 25px/1.25 var(--heading);margin:5px 0 12px}
.j4-work-grid p,.j4-video p{font-size:16px;color:var(--secondary)}
.j4-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin:25px 0 18px}
.j4-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#f3f3f3}
.j4-video h3{margin-top:17px}
.j4-donations{display:flex;align-items:center;justify-content:space-between;gap:35px}
.j4-donation-action{display:flex;flex-direction:column;gap:17px;align-items:flex-start;min-width:245px}
.j4-contact a{color:var(--burgundy);text-decoration:underline}
@media(max-width:840px){.j4-feature,.j4-masthead,.j4-work-grid,.j4-video-grid{grid-template-columns:1fr}.j4-feature-image,.j4-identity{padding:10px 0;border:0}.j4-donations{flex-direction:column;align-items:flex-start}.j4-feature{gap:12px}.j4-masthead{gap:10px}}
/* Social sharing and multi-voice contributions */
.site-wide-share{border-top:1px solid var(--line);padding:22px 0 6px;margin-top:28px}
.wjn-social{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;margin:30px 0;display:flex;align-items:center;flex-wrap:wrap;gap:9px 17px}
.site-wide-share .wjn-social{border:0;padding:0;margin:0}
.wjn-share-label{font-size:13px;font-weight:800;color:var(--ink);letter-spacing:.03em;margin-right:8px}
.wjn-social a,.wjn-copy-link{font:700 14px/1.35 var(--body);color:var(--burgundy);background:#fff;border:0;border-bottom:1px solid #bd9aa0;padding:6px 1px;cursor:pointer;text-decoration:none}
.wjn-social a:hover,.wjn-copy-link:hover{color:var(--burgundy-dark);border-color:var(--burgundy-dark)}
.community-invite{margin:40px 0 12px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:40px;padding:28px 0}
.community-invite h2{font:700 clamp(29px,3vw,38px)/1.17 var(--heading);letter-spacing:-.035em;margin:10px 0 13px}
.community-invite p{font-size:17px;color:var(--secondary);max-width:780px;margin:0}
.community-invite-actions{display:flex;flex-direction:column;gap:16px;min-width:210px;align-items:start}
@media(max-width:760px){.community-invite{flex-direction:column;align-items:start}.community-invite-actions{min-width:0}.wjn-social{gap:10px 14px}}
.latest-external-news{padding:16px 0 25px;border-bottom:1px solid var(--line);margin-bottom:27px}
.latest-external-news h2{margin-top:10px}
.latest-external-news>p{font-size:16px;color:var(--secondary)}

/* First homepage section speaks directly to Windrush victims; retain white editorial layout. */
.contribute-strip.victim-first{margin:0 0 32px;padding:28px 0 29px;border-top:3px solid var(--burgundy);border-bottom:2px solid var(--ink);background:#fff;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(230px,.65fr);gap:36px;align-items:center}
.victim-first h2{font:700 clamp(34px,3.8vw,50px)/1.14 var(--heading);letter-spacing:-.045em;margin:9px 0 18px;max-width:920px}
.victim-first .victim-first-content>p{font-size:18px;line-height:1.62;color:var(--secondary);max-width:830px;margin:0 0 11px}
.victim-first .victim-first-content>p strong{color:var(--ink)}
.victim-first .victim-first-content>p.victim-first-privacy{font-size:15px;font-weight:650;color:var(--ink);padding-top:12px;margin-top:15px;border-top:1px solid var(--line)}
.victim-first .contribute-actions{min-width:0;align-items:stretch;gap:15px}
.victim-first-cta{font-size:16px;min-height:55px;padding:15px 17px;white-space:normal}
.victim-first .contribute-actions .text-link{font-size:14px;line-height:1.5;text-align:center}
@media(max-width:850px){.contribute-strip.victim-first{grid-template-columns:1fr;gap:15px}.victim-first .contribute-actions{align-items:flex-start}.victim-first-cta{width:auto}}
@media(max-width:600px){.contribute-strip.victim-first{padding:21px 0 25px}.victim-first h2{font-size:33px}.victim-first .victim-first-content>p{font-size:17px}.victim-first .contribute-actions{width:100%}.victim-first-cta{width:100%}}
/* Editorial accents and investigations. White background remains dominant. */
:root{--sapphire:#294c8e;--ochre:#b78332;--deep-plum:#69345b}
.j4-feature-image,.j4-identity{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.j4-feature-image img{display:block;width:100%;max-width:555px;height:auto;object-fit:contain}
.j4-identity img{display:block;width:100%;max-width:540px;height:auto;object-fit:contain}
.j4-tiktok{border-left:4px solid var(--burgundy);padding-left:22px}
.j4-tiktok .btn{margin-right:16px}
.video-cover .video-original-link{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100%;padding:20px;background:#fff;color:var(--ink);text-align:center}
.video-original-link strong{font:700 23px var(--heading);line-height:1.2}
.video-original-link span:last-child{font-size:15px;color:var(--burgundy);font-weight:800}
.survivor-issues{padding:24px 0 30px;margin:31px 0 20px;border-top:4px solid var(--sapphire);border-bottom:1px solid var(--line)}
.survivor-issues .section-head{margin-top:15px}
.survivor-issues-intro{color:var(--secondary);font-size:18px;max-width:970px}
.issues-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:25px}
.issue-item{background:#fff;padding:18px 14px 20px 0;border-top:5px solid var(--ink);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.issue-item span{font-weight:850;letter-spacing:.055em;font-size:12px;color:var(--secondary)}
.issue-item h3{font:700 24px/1.18 var(--heading);letter-spacing:-.025em;margin:0}
.issue-item p{font-size:15px;color:var(--secondary);margin:0}
.issue-item a{color:var(--burgundy);text-decoration:underline;text-underline-offset:4px;font-size:14px;font-weight:800;margin-top:auto}
.issue-burgundy{border-top-color:var(--burgundy)}
.issue-blue{border-top-color:var(--sapphire)}
.issue-gold{border-top-color:var(--ochre)}
.issue-ink{border-top-color:var(--ink)}
.journalist-spotlight{border-top:3px solid var(--ochre);border-bottom:1px solid var(--line);margin:45px 0 16px;padding:22px 0 29px}
.journalist-spotlight h2{font:700 clamp(30px,3.2vw,40px)/1.18 var(--heading);letter-spacing:-.035em;margin:10px 0}
.journalist-spotlight p{font-size:17px;color:var(--secondary)}
.inner-page .article-body h2{padding-top:6px;border-bottom:1px solid var(--line);padding-bottom:9px}
.inner-page .article-body>p:first-of-type{font-size:20px;line-height:1.7}
.inner-page .article-body p strong{color:var(--ink)}
.inner-page .article-body a{color:var(--burgundy);text-decoration:underline}
.news-card{border-bottom:3px solid var(--ochre)}
.news-card:nth-child(2){border-bottom-color:var(--burgundy)}
.news-card:nth-child(3){border-bottom-color:var(--sapphire)}
.section-head{border-bottom-color:var(--sapphire)}
.press-card{border-top-color:var(--ochre)}
.press-card:nth-child(3n+2){border-top-color:var(--burgundy)}
.press-card:nth-child(3n){border-top-color:var(--sapphire)}
@media(max-width:1100px){.issues-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.issues-grid{grid-template-columns:1fr}.issue-item{border-right:0;padding-bottom:20px}.j4-tiktok{padding-left:14px}.j4-feature-image img,.j4-identity img{max-width:100%}}
.impact-archive{margin:35px 0 43px;border-top:4px solid var(--burgundy);padding:0 0 25px}
.impact-archive .section-head{margin-top:25px}
.impact-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 29px;margin-top:24px}
.impact-archive-card{border-bottom:3px solid var(--ochre);padding-bottom:24px;min-width:0}
.impact-archive-card:nth-child(2){border-color:var(--sapphire)}
.impact-archive-card:nth-child(3){border-color:var(--burgundy)}
.impact-archive-card:nth-child(4){border-color:var(--deep-plum)}
.impact-archive-photo{display:block;aspect-ratio:1.65;overflow:hidden;border:1px solid var(--line)}
.impact-archive-photo img{width:100%;height:100%;object-fit:cover}
.impact-archive-card .card-meta{margin-top:14px}
.impact-archive-card h3{font:700 28px/1.17 var(--heading);letter-spacing:-.033em;margin:11px 0 13px}
.impact-archive-card>p:not(.card-meta){font-size:16px;color:var(--secondary)}
@media(max-width:650px){.impact-archive-grid{grid-template-columns:1fr}.impact-archive-card h3{font-size:25px}}
/* One unified masthead and direct victim invitation; no repeated full-height victim panels. */
.home-unified{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:27px 55px;align-items:start;border-bottom:2px solid var(--ink);padding:22px 0 16px;margin:0 0 22px}
.home-unified-title h1{font:700 clamp(38px,4.7vw,65px)/1.08 var(--heading);letter-spacing:-.055em;margin:16px 0 19px}
.home-unified-title>p{font-size:19px;line-height:1.58;color:var(--secondary)}
.home-unified-invitation{padding-left:30px;border-left:4px solid var(--burgundy)}
.home-unified-invitation h2{font:700 clamp(29px,3vw,43px)/1.16 var(--heading);letter-spacing:-.038em;margin:9px 0 15px}
.home-unified-invitation>p{font-size:17px;color:var(--secondary);line-height:1.58}
.home-unified-invitation .home-privacy{font-size:14px;margin:12px 0 0;color:var(--muted)}
.home-unified-invitation .victim-first-cta{margin-top:5px}
.home-share-website{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 25px}
.home-share-website>p{font-size:14px;line-height:1.5;color:var(--secondary);margin:0;max-width:470px}
.home-share-website .wjn-social{border:0;padding:0;margin:0;flex:1}
.home-share-website .wjn-share-label{color:var(--ink)}
.home-unified+.survivor-issues{border-top:4px solid var(--sapphire);margin-top:18px;padding-top:4px}
@media(max-width:850px){.home-unified{grid-template-columns:1fr;gap:15px}.home-unified-invitation{padding:12px 0 10px 20px}.home-share-website{grid-column:auto;flex-direction:column;align-items:start}.home-share-website .wjn-social{width:100%}}
.independent-press{padding:20px 0 36px;border-top:4px solid var(--ochre);margin:30px 0}
.independent-press .section-head{margin:7px 0 15px}
.independent-press>p{font-size:17px;color:var(--secondary)}
.independent-press-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:20px}
.independent-press-links a{display:flex;flex-direction:column;gap:7px;border-top:3px solid var(--sapphire);padding:13px 9px 12px 0}
.independent-press-links a:nth-child(even){border-top-color:var(--burgundy)}
.independent-press-links a strong{font:700 23px/1.2 var(--heading)}
.independent-press-links a span{font-size:14px;color:var(--secondary)}
.independent-press-links a:hover span{color:var(--burgundy);text-decoration:underline}
.victim-account-first{border-top-color:var(--sapphire)}
@media(max-width:1000px){.independent-press-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.independent-press-links{grid-template-columns:1fr}}
.feelings-invite{border-top:3px solid var(--burgundy);border-bottom:1px solid var(--line);padding:24px 0;margin:15px 0 40px;display:flex;align-items:center;gap:38px;justify-content:space-between}
.feelings-invite h2{font:700 clamp(28px,3vw,40px)/1.16 var(--heading);letter-spacing:-.035em;margin:9px 0 13px}
.feelings-invite p{font-size:17px;line-height:1.62;color:var(--secondary);max-width:900px;margin:0}
.feelings-actions{display:flex;align-items:flex-start;flex-direction:column;gap:17px;min-width:200px}
@media(max-width:750px){.feelings-invite{flex-direction:column;align-items:flex-start}.feelings-actions{min-width:0}}
/* Ensure navigation remains readable as the victim-led sections grow. */
.nav-inner{flex-wrap:wrap;justify-content:center;gap:6px 23px;padding-top:9px;padding-bottom:9px}
.nav-bar a{font-size:14px;padding:7px 0}
@media(max-width:1200px){.nav-inner{gap:5px 18px}.nav-bar a{font-size:13px}}