/*
Theme Name: Veralo
Version: 1.0.0
Description: Lightweight editorial data portal with native WordPress articles and searchable directories.
Author: Veralo
License: GPL-2.0-or-later
Text Domain: veralo
Requires PHP: 8.0
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--navy:#0f2a43;--teal:#0e7c7b;--amber:#e8a33d;--paper:#faf9f6;--ink:#142b3b;--muted:#627078;--line:#d9dedb;--card:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 'DM Sans',Arial,sans-serif}body.dark{--paper:#102334;--ink:#ecf1ef;--muted:#b3c1c9;--line:#375064;--card:#183247}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--amber)}.wrap{max-width:1280px;margin:auto;padding:0 36px}.top{display:flex;justify-content:space-between;align-items:center;height:86px;border-bottom:1px solid var(--line)}.logo{font-weight:700;font-size:38px;letter-spacing:-2px}.logo i{display:inline-block;width:11px;height:11px;background:var(--teal);border-radius:50%;margin-left:3px}.brandline{color:var(--muted);font-size:12px;letter-spacing:2px;margin-left:24px}.top-actions{display:flex;align-items:center;gap:20px}.btn{background:var(--teal);color:white;border:0;border-radius:5px;padding:12px 20px;font-size:13px;font-weight:700;display:inline-block}.btn.light{background:#e6efec;color:#16494a}.icon{background:none;border:0;color:inherit;font-size:20px}.nav{display:flex;justify-content:space-between;gap:8px;padding:14px 0;position:relative}.nav>button{background:none;border:0;color:inherit;padding:6px 2px;font-size:13px}.nav>button span{font-size:10px;margin-left:6px}.nav>button[aria-expanded=true]{color:var(--teal)}.mega{position:absolute;z-index:20;top:53px;left:0;right:0;padding:38px;background:var(--navy);color:white;border-radius:14px;box-shadow:0 20px 40px #00162644;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.mega.two{grid-template-columns:1fr 1.4fr}.mega h2{font:42px 'Libre Caslon Display',Georgia,serif;margin:8px 0}.mega p{color:#c0d1da;font-size:13px}.mega a{display:block;margin:14px 0}.mega a small{display:block;color:#a9c0cd}.kicker{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:2px;color:var(--teal)}.mega .kicker{color:#94d5cb}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:72px;padding:58px 0 46px;align-items:center}.hero h1{font:80px/.98 'Libre Caslon Display',Georgia,serif;letter-spacing:-2px;margin:19px 0 22px}.hero h1 em{color:var(--teal);font-style:normal}.hero p{font-size:16px;color:var(--muted);max-width:490px}.search{display:flex;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:5px;margin:25px 0 12px}.search input{width:100%;border:0;padding:10px;background:transparent;color:inherit;min-width:0}.fine{font-size:11px;color:var(--muted)}.art{position:relative;overflow:hidden;background:#e4ece7;border-radius:10px;min-height:360px}.art svg{width:100%;height:100%;position:absolute;inset:0}.artlabel{position:absolute;left:22px;top:20px;font-size:10px;letter-spacing:2px;color:#36564c}.artnote{position:absolute;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:11px;color:#3b5b50}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;display:flex;align-items:center;gap:25px;font-size:11px}.strip strong{letter-spacing:1.3px;color:var(--teal)}.strip span{color:var(--muted)}section{padding:40px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:23px;gap:20px}.section-head h2{font:32px 'Libre Caslon Display',Georgia,serif;margin:0}.section-head a{font-size:12px;color:var(--teal);font-weight:700}.digest-chart{display:grid;grid-template-columns:1.1fr 1fr;gap:52px}.digest-list a{display:grid;grid-template-columns:32px 1fr 15px;gap:10px;align-items:center;border-top:1px solid var(--line);padding:17px 0;font-size:14px;font-weight:500}.digest-list b{font:25px 'Libre Caslon Display',Georgia,serif;color:var(--teal)}.digest-list small{font-size:10px;color:var(--muted);display:block;font-weight:400}.chart-card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:24px}.chart-card h3{font-size:17px;margin:5px 0 20px}.chart-card p{font-size:12px;color:var(--muted)}.barrow{display:grid;grid-template-columns:65px 1fr 35px;gap:10px;align-items:center;font-size:11px;margin:16px 0}.bar{height:23px;background:var(--teal);border-radius:2px}.featured{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;align-items:center}.featured h2{font:44px/1.1 'Libre Caslon Display',Georgia,serif;margin:14px 0}.featured p{color:var(--muted)}.featured .art{min-height:310px;background:#e7e5d9}.meta{font-size:11px;color:var(--muted);margin:16px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.grid.four{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--line);border-radius:7px;background:var(--card);padding:24px;transition:transform .2s}.card:hover{transform:translateY(-3px)}.card h3{font:25px/1.15 'Libre Caslon Display',Georgia,serif;margin:12px 0}.card p{font-size:13px;color:var(--muted)}.card .miniart{height:130px;position:relative;margin:-24px -24px 20px;overflow:hidden;border-radius:7px 7px 0 0;background:#dbe7e1}.miniart svg{width:100%;height:100%}.tag{font-size:10px;padding:4px 8px;border-radius:4px;background:#eaf0ec;color:#275e58;display:inline-block;margin-right:5px}.toolicon{width:40px;height:40px;background:#e5ede9;color:var(--teal);display:grid;place-items:center;border-radius:8px;font-size:19px;font-weight:bold}.pod{background:var(--navy);color:white;padding:35px;border-radius:8px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.pod h2{font:39px/1.1 'Libre Caslon Display',Georgia,serif;margin:8px 0}.pod p{color:#bed1da}.newsletter{background:#e8efea;color:#163e3d;padding:45px;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.newsletter h2{font:42px/1.1 'Libre Caslon Display',Georgia,serif;margin:8px 0}.newsletter input{padding:13px;border:1px solid #b6c8c0;border-radius:5px;width:100%;margin-bottom:10px}.newsletter .btn{width:100%}.footer{padding:40px 0;display:flex;justify-content:space-between;gap:40px;font-size:12px;color:var(--muted)}.footer a{margin-right:15px}.pagehead{padding:45px 0 25px}.pagehead h1{font:56px/1.1 'Libre Caslon Display',Georgia,serif;margin:10px 0}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 30px}.filters input,.filters select{padding:11px;border:1px solid var(--line);border-radius:5px;background:var(--card);color:inherit}.filters input{flex:1}.article{max-width:780px;margin:30px auto 70px}.article h1{font:56px/1.1 'Libre Caslon Display',Georgia,serif}.article h2{font:32px 'Libre Caslon Display',Georgia,serif;margin-top:35px}.article p,.article li{font-size:17px;line-height:1.8}.article a{color:var(--teal);text-decoration:underline}.article .art{margin:25px 0}.article aside{border-left:3px solid var(--teal);padding:10px 25px;background:var(--card)}.empty{padding:40px;background:var(--card);border:1px dashed var(--line);border-radius:8px}.quiz button{display:block;width:100%;text-align:left;padding:15px;margin:10px 0;border:1px solid var(--line);background:var(--card);color:inherit;border-radius:6px}.result{color:var(--teal);font-weight:700}.skip{position:absolute;top:-60px}.skip:focus{top:0;z-index:99;background:white;padding:10px}.hidden{display:none!important}audio{width:100%}.mobile-label{display:none} .notice{font-size:12px;padding:12px 16px;background:#fff3d8;color:#614715;border-radius:5px}.glossary dt{font-weight:700;font-size:20px;margin-top:25px}.glossary dd{margin:5px 0 0;color:var(--muted)}@media(max-width:900px){.wrap{padding:0 22px}.hero{gap:25px}.hero h1{font-size:65px}.nav{flex-wrap:wrap;justify-content:flex-start;gap:12px}.mega{top:100%;gap:20px}.grid.four{grid-template-columns:repeat(2,1fr)}.brandline{display:none}.digest-chart{gap:25px}}@media(max-width:640px){.top{height:70px}.logo{font-size:32px}.top-actions{gap:10px}.nav>button{font-size:12px}.hero,.digest-chart,.featured,.newsletter,.pod{grid-template-columns:1fr}.hero{padding-top:35px}.hero h1{font-size:64px}.hero .art{min-height:260px}.mega,.mega.two{grid-template-columns:1fr;max-height:70vh;overflow:auto;padding:25px}.mega .featuremenu{display:none}.grid,.grid.four{grid-template-columns:1fr}.strip{gap:12px;flex-wrap:wrap}.featured h2{font-size:36px}.newsletter{padding:25px;gap:20px}.footer{flex-direction:column}.article h1,.pagehead h1{font-size:42px}.section-head h2{font-size:28px}.top-actions .btn{padding:9px 12px}.brandline{display:none}}

@media(max-width:640px){.nav{display:grid;grid-template-columns:repeat(2,1fr)}.nav>button{text-align:left;border-bottom:1px solid var(--line);padding:7px 0}.mega,.mega.two{position:static;grid-column:1/-1;width:100%;max-height:none;box-shadow:none}.mega h2{font-size:30px}.mega a{margin:10px 0}}
.nav>button[aria-expanded=true]{outline:2px solid var(--teal);outline-offset:3px;border-radius:3px}