/*
Theme Name: Civil Service Pension Justice
Version: 1.0.4
Requires PHP: 7.4
Description: Accessible independent campaign theme with moderated experiences support.
License: GPL-2.0-or-later
*/
:root{--ink:#142e40;--teal:#006c67;--paper:#faf8f1;--gold:#e6b952}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 system-ui,sans-serif}a{color:var(--teal)}.wrap{max-width:1140px;margin:auto;padding:0 24px}header{background:white;border-bottom:1px solid #ddd}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:20px;padding-bottom:20px}.brand img{width:280px;max-width:100%}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{text-decoration:none;font-size:15px;font-weight:650}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(42px,6vw,76px);max-width:800px;margin:20px 0}h2{font-size:clamp(30px,4vw,44px)}.hero{padding:76px 0;background:var(--ink);color:white}.hero p{max-width:680px;color:#e1e8eb;font-size:21px}.eyebrow{text-transform:uppercase;font-size:13px;letter-spacing:.16em;font-weight:750;color:var(--gold)}.button,button{display:inline-block;background:var(--gold);color:var(--ink);border:0;border-radius:5px;padding:14px 22px;font:700 16px system-ui;text-decoration:none;cursor:pointer}.secondary{background:transparent;color:white;border:1px solid #a3b4bf;margin-left:12px}section{padding:58px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border:1px solid #dce1df;border-radius:8px;padding:28px}.card h3{font-size:24px}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.tint{background:#e9f0ed}label{display:block;font-weight:650;margin-top:18px}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #a0b0ac;border-radius:4px;background:white;color:var(--ink);font:inherit}textarea{min-height:190px}input[type=checkbox]{width:auto;display:inline;margin-right:9px}.check{font-size:15px;font-weight:400}.small,small{font-size:14px}footer{background:var(--ink);color:white;padding:38px 0}footer a{color:#f0cf80}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;background:white;padding:10px;z-index:5}:focus-visible{outline:3px solid #b66a00;outline-offset:4px}.notice{padding:16px;background:#e2f1e5;border-left:4px solid var(--teal)}.hp{position:absolute;left:-9999px}article.story{border-left:4px solid var(--gold)}.story p{white-space:pre-line}main.content{padding:45px 0;min-height:60vh}@media(max-width:760px){header .wrap{display:block}nav{margin-top:18px;gap:16px}.grid,.split{grid-template-columns:1fr;gap:22px}.hero{padding:45px 0}section{padding:36px 0}.secondary{margin:12px 0 0}.brand img{width:250px}}
/* Larger brand and search share the top header row; navigation stays below. */
header .header-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,350px);gap:16px 35px;padding-top:18px;padding-bottom:18px}.brand{display:block;min-width:0}.brand img{display:block;width:430px;max-width:100%;height:auto}.header-search{display:flex;align-items:stretch;gap:0;width:100%}.header-search input{min-width:0;width:100%;border-radius:5px 0 0 5px;font-size:16px}.header-search button{border-radius:0 5px 5px 0;padding:12px 16px}header nav{grid-column:1/-1;justify-content:flex-end;margin:0;gap:15px 24px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-result{padding:22px 0;border-bottom:1px solid #ccd6d2}.search-result h2{font-size:27px}.search-result p{max-width:800px}@media(max-width:650px){header .header-layout{grid-template-columns:1fr;gap:16px}.brand img{width:360px}.header-search{max-width:none}header nav{justify-content:flex-start;gap:10px 18px}header nav a{font-size:14px}}

header .header-layout{grid-template-columns:minmax(0,1fr) minmax(220px,330px) auto;gap:24px}.menu-toggle{display:flex;align-items:center;gap:12px;background:var(--ink);color:white;padding:15px 18px;min-height:50px}.hamburger{display:grid;gap:5px;width:25px}.hamburger span{height:3px;width:25px;background:var(--gold);border-radius:2px}.book-dialog{border:0;padding:0;width:min(940px,calc(100% - 32px));max-height:calc(100dvh - 40px);background:transparent;overflow:visible;color:var(--ink)}.book-dialog::backdrop{background:rgba(6,24,35,.78)}.book{display:grid;grid-template-columns:1fr 1.15fr;perspective:1400px;filter:drop-shadow(0 22px 40px #0005);max-height:calc(100dvh - 40px);overflow:auto;border-radius:8px}.book-left{background:var(--ink);color:white;padding:70px 38px;border-right:1px solid #ffffff20}.book-left h2{font-size:43px;margin:25px 0}.book-left p{color:#dce8e8;font-size:17px}.book-right{position:relative;background:var(--paper);padding:72px 40px 36px;transform-origin:left center;box-shadow:inset 14px 0 24px -20px #102f40}.book-dialog[open] .book-right{animation:page-open .55s ease-out both}.menu-close{position:absolute;right:16px;top:12px;background:transparent;color:var(--ink);font-size:38px;line-height:1;width:48px;height:48px;padding:0}.menu-caption{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--teal);font-weight:750}header .book-links{display:flex;flex-direction:column;gap:0;margin:20px 0;align-items:stretch}header .book-links a{display:block;padding:15px 0;border-bottom:1px solid #ccd7d0;font-size:20px;font-weight:650;color:var(--ink)}header .book-links a:hover{color:var(--teal);padding-left:8px}.menu-privacy{font-size:14px}body.menu-open{overflow:hidden}@keyframes page-open{from{transform:rotateY(-75deg);opacity:.2}to{transform:rotateY(0);opacity:1}}@media(max-width:760px){header .header-layout{grid-template-columns:1fr auto;gap:16px}.brand{grid-column:1/-1}.brand img{width:360px}.header-search{grid-column:1}.menu-toggle{grid-column:2}.book{grid-template-columns:1fr}.book-left{padding:28px 24px}.book-left h2{font-size:29px;margin:12px 0}.book-left p{display:none}.book-right{padding:65px 24px 25px}.book-dialog[open] .book-right{animation-duration:.35s}}@media(prefers-reduced-motion:reduce){.book-dialog[open] .book-right{animation:none}html{scroll-behavior:auto}}

.footer-columns{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:48px}.footer-columns h2{font-size:20px;letter-spacing:0;line-height:1.4;margin:0 0 20px;color:var(--gold)}.footer-columns p,.footer-columns li{font-size:15px;line-height:1.75}.footer-columns strong{font-size:16px}.footer-columns ul{list-style:none;margin:0;padding:0}.footer-columns li{margin:0 0 10px}.footer-columns a{color:#f3f5ef;text-decoration:none}.footer-columns a:hover{text-decoration:underline;color:var(--gold)}.footer-bottom{margin-top:30px;border-top:1px solid #ffffff30;padding-top:18px;font-size:13px}.footer-bottom p{margin:5px 0}.content article{max-width:850px}@media(max-width:760px){.footer-columns{grid-template-columns:1fr;gap:28px}.footer-columns h2{margin-bottom:12px}}