:root{--bg:#07111b;--panel:#0d1824;--ink:#f4f7fb;--muted:#9eacbb;--line:#243444;--accent:#69b7ff;--accent2:#c58bdb;--green:#6fc08f;--max:1120px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.wrap{max-width:var(--max);margin:auto;padding:30px 22px 60px}.nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:52px}.brand{display:flex;align-items:center}.brand img{display:block;width:auto;height:92px;max-width:360px;object-fit:contain}.nav a{color:var(--muted);text-decoration:none;font-size:14px}.nav a:hover{color:var(--ink)}.hero{max-width:900px}.eyebrow{color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;margin-bottom:10px}.hero h1{font-size:48px;line-height:1.02;letter-spacing:-.055em;margin:0 0 14px}.hero p{font-size:17px;line-height:1.65;color:var(--muted);margin:0 0 28px}.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:end;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;margin:22px 0}.field{display:flex;flex-direction:column;gap:6px;min-width:150px}.field label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:var(--muted)}select,button{font:inherit;border:1px solid var(--line);background:#0b1621;color:var(--ink);border-radius:9px;min-height:42px;padding:0 11px}button{cursor:pointer;font-weight:750}button.active{background:#17324a;border-color:var(--accent);color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.stat,.card,.tile{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:17px}.stat small{display:block;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:var(--muted);font-size:10px}.stat strong{display:block;font-size:28px;letter-spacing:-.045em;margin-top:4px}.stat span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.card{margin-top:14px}.card h2{font-size:18px;margin:0}.sub{color:var(--muted);font-size:12px;margin:4px 0 14px}.note{margin-top:14px;padding:14px 16px;background:var(--panel);border-left:3px solid #52677b;border-radius:8px;color:var(--muted);font-size:12px;line-height:1.6}.source{margin-top:18px;color:var(--muted);font-size:11px;line-height:1.7}.source a{color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}.tile{display:block;text-decoration:none;color:inherit}.tile:hover{border-color:#47779e}.tile h2{margin:0 0 8px;font-size:19px}.tile p{margin:0;color:var(--muted);line-height:1.55;font-size:13px}.barrow{display:grid;grid-template-columns:minmax(150px,1fr) 2fr 100px;gap:10px;align-items:center;margin:12px 0;font-size:12px}.bartrack{height:10px;background:#1a2937;border-radius:999px;overflow:hidden}.bar{height:100%;background:var(--accent);border-radius:999px}@media(max-width:720px){.hero h1{font-size:36px}.stats{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.field{flex:1 1 140px}.wrap{padding:24px 16px 48px}.barrow{grid-template-columns:120px 1fr 80px}}.chartbox{overflow-x:auto}.chart{width:100%;min-width:700px;height:360px;display:block}.grid{stroke:#243444}.axis{stroke:#405366}.tip{position:absolute;display:none;background:#f4f7fb;color:#07111b;border-radius:8px;padding:8px 10px;font-size:12px;pointer-events:none;box-shadow:0 8px 30px #0008}
/* Homepage organisation and search */
.navlinks{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.navlinks a{font-size:12px}
.site-search{margin:30px 0 42px;max-width:760px}
.site-search>label{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:850;margin-bottom:8px}
.searchbox{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:0 12px;height:52px}
.searchbox span{font-size:22px;color:var(--muted);line-height:1}
.searchbox input{border:0;outline:0;background:transparent;color:var(--ink);width:100%;font:inherit;font-size:14px}
.searchbox input::placeholder{color:#708194}
.searchbox kbd{border:1px solid var(--line);border-radius:6px;padding:3px 7px;color:var(--muted);font-size:10px;white-space:nowrap}
.search-status{color:var(--muted);font-size:11px;margin-top:8px;min-height:15px}
.topic{margin-top:46px;scroll-margin-top:25px}
.topic-head{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}
.topic-head h2{font-size:25px;letter-spacing:-.035em;margin:0}
.topic-head .eyebrow{margin-bottom:5px}
.topic-head>span{color:var(--muted);font-size:11px;text-align:right}
.topic .cards{margin-top:0}
.tile h3{margin:0 0 8px;font-size:19px}
.no-results{margin:36px 0;padding:22px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);font-size:13px}
@media(max-width:800px){
 .nav{align-items:flex-start}.navlinks{gap:10px 14px}
 .topic-head{align-items:flex-start;flex-direction:column;gap:5px}
 .topic-head>span{text-align:left}
}
@media(max-width:600px){
 .navlinks{display:none}
 .searchbox kbd{display:none}
 .site-search{margin-top:24px}
}

/* Homepage visual refresh */
body{background:radial-gradient(circle at 50% -10%,#10283b 0,#07111b 34%,#07111b 100%);min-height:100vh}
.wrap{padding-top:22px}
.nav{position:sticky;top:14px;z-index:20;margin:0 -8px 72px;padding:9px 10px;border:1px solid rgba(105,183,255,.12);background:rgba(7,17,27,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:18px;box-shadow:0 12px 40px #0005}
.navlinks{gap:6px;padding:4px}
.navlinks a{color:#aebdca;font-size:11px;font-weight:750;letter-spacing:.01em;padding:9px 12px;border:1px solid transparent;border-radius:10px;transition:all .18s ease}
.navlinks a:hover{color:#fff;background:#122334;border-color:#284158;transform:translateY(-1px)}
.hero{position:relative;max-width:860px;padding:10px 0 4px}
.hero:before{content:"";position:absolute;z-index:-1;left:-90px;top:-70px;width:280px;height:180px;background:#3186c933;filter:blur(65px);border-radius:50%}
.hero h1{font-size:clamp(42px,6vw,64px);line-height:.98;max-width:760px}
.hero p{max-width:700px;font-size:16px}
.site-search{position:relative;max-width:850px;margin:38px 0 58px}
.site-search>label{font-size:10px;color:#8da3b6;margin-left:4px}
.searchbox{height:64px;border-radius:18px;padding:0 16px;gap:13px;background:linear-gradient(180deg,#102131,#0c1824);border:1px solid #29445a;box-shadow:0 18px 50px #0005,0 0 0 5px #69b7ff08;transition:border-color .2s,box-shadow .2s,transform .2s}
.searchbox:focus-within{border-color:#69b7ff88;box-shadow:0 20px 55px #0007,0 0 0 5px #69b7ff12;transform:translateY(-1px)}
.searchbox span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#16344d;color:#82c6ff;font-size:22px}
.searchbox input{font-size:15px}
.searchbox kbd{background:#0a141e;border-color:#30465a;border-radius:8px;padding:5px 8px;font-family:inherit;font-weight:700}
.search-status{margin:9px 4px 0}
.topic{margin-top:62px}
.topic-head{border:0;padding:0 2px;margin-bottom:16px;align-items:center}
.topic-head:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#263a4d,transparent);margin-left:18px}
.topic-head h2{font-size:27px}
.topic-head>span{font-size:11px}
.topic-head .eyebrow{font-size:9px}
.topic .cards{grid-template-columns:repeat(3,1fr);gap:12px}
.topic:first-of-type .cards{grid-template-columns:minmax(0,1fr);max-width:420px}
.tile{position:relative;min-height:128px;padding:19px 20px 18px;background:linear-gradient(145deg,#0f1d2a,#0b1621);border:1px solid #203344;border-radius:16px;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.tile:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#69b7ff,transparent 70%);opacity:.35}
.tile:after{content:"↗";position:absolute;right:17px;bottom:15px;color:#587188;font-size:15px;transition:transform .2s,color .2s}
.tile:hover{transform:translateY(-3px);border-color:#3d6280;background:linear-gradient(145deg,#122437,#0c1824);box-shadow:0 14px 35px #0006}
.tile:hover:after{color:#8bcbff;transform:translate(2px,-2px)}
.tile h3{font-size:16px;letter-spacing:-.01em;padding-right:22px}
.tile h3::first-letter{color:#fff}
.tile p{font-size:12px;line-height:1.6;max-width:92%}
#people .tile:before{background:linear-gradient(90deg,#69b7ff,transparent 70%)}
#work .tile:before{background:linear-gradient(90deg,#6fc08f,transparent 70%)}
#living .tile:before{background:linear-gradient(90deg,#c58bdb,transparent 70%)}
#movement .tile:before{background:linear-gradient(90deg,#f2b66d,transparent 70%)}
#politics .tile:before{background:linear-gradient(90deg,#8da8ff,transparent 70%)}
#crime .tile:before{background:linear-gradient(90deg,#e98989,transparent 70%)}
#crime .cards{grid-template-columns:minmax(0,420px)}
.no-results{background:#0d1824;border-style:solid;border-color:#263a4d;box-shadow:0 12px 35px #0004}
.source{margin-top:70px;padding-top:20px;border-top:1px solid #1d2d3c}
@media(max-width:900px){.topic .cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){
 .wrap{padding-top:12px}
 .nav{position:relative;top:0;margin-bottom:45px}
 .brand img{height:72px;max-width:270px}
 .navlinks{display:none}
 .hero h1{font-size:40px}
 .site-search{margin:30px 0 45px}
 .topic .cards{grid-template-columns:1fr}
 .topic:first-of-type .cards,#crime .cards{max-width:none}
 .topic-head:after{display:none}
}

.flagship .cards{max-width:760px}.flagship .tile{min-height:150px;background:radial-gradient(circle at 100% 0,#19446566,transparent 45%),linear-gradient(145deg,#10283b,#0b1723);border-color:#315873;box-shadow:0 18px 55px #0006}.flagship .tile:before{height:3px;opacity:.8}.flagship .tile h3{font-size:20px}.flagship-badge{display:inline-block;vertical-align:middle;margin-left:7px;padding:4px 6px;border-radius:6px;background:#1a405c;color:#91d0ff;font-size:7px;letter-spacing:.1em;font-weight:900}

.compare-controls{margin:0 0 14px}.compare-controls .control select{height:40px}