:root{--blue:#5B6D92;--ice:#D5E3E6;--sand:#F0E2D2;--paper:#EFEEE5;--clay:#D18266;--ink:#364042}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:204px;background:var(--blue);color:var(--paper);padding:38px 27px;display:flex;flex-direction:column}.logo{font-size:30px;font-weight:800;letter-spacing:-1.5px;line-height:.95}.logo span{display:block;color:var(--ice);font-size:15px;letter-spacing:3px;margin:13px 0}nav{display:grid;gap:22px;margin-top:100px}nav button{background:none;border:0;text-align:left;color:var(--ice);padding:0;font-size:12px;cursor:pointer}nav button.active{color:white;font-weight:bold}nav button.active:before{content:'— ';color:var(--sand)}.aside-bottom{margin-top:auto;font-size:10px;line-height:1.8;color:var(--ice)}main{margin-left:204px;padding:40px 58px 25px;max-width:1600px}.top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;padding-bottom:25px;border-bottom:1px solid #36404226}.pill{color:var(--blue)}header{text-align:center;padding:34px 0 27px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--blue);font-weight:bold}h1{font-family:Impact,'Arial Narrow',sans-serif;font-stretch:condensed;font-size:57px;font-weight:900;letter-spacing:-1.2px;margin:15px 0 11px;line-height:1}header p{font-family:Georgia,serif;font-size:17px;margin:0;color:#596163}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:10px 0 23px;gap:15px}.filters{display:flex;gap:6px}.filters button{border:0;background:transparent;color:var(--ink);padding:9px 13px;font-size:11px;cursor:pointer}.filters .active{background:var(--ink);color:var(--paper)}.search{display:flex;border-bottom:1px solid #36404270;align-items:center;gap:14px;padding:8px 0}.search input{border:0;background:transparent;width:190px;outline:none;font-size:11px;color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{min-height:258px;padding:20px;display:flex;flex-direction:column;background:#fafaf6;position:relative;text-decoration:none;color:inherit;transition:transform .2s}.card:hover{transform:translateY(-4px)}.card:before{content:'';width:27px;height:3px;background:var(--clay);margin-bottom:15px}.category{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#596163}.card h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:26px;line-height:1.08;letter-spacing:-.5px;text-transform:uppercase;margin:21px 0 20px;font-weight:800}.meta{font-size:9px;line-height:1.6;margin-top:auto;display:flex;justify-content:space-between;gap:6px}.arrow{font-size:20px}.blue{background:var(--blue);color:#fff}.blue .category{color:var(--ice)}.blue:before{background:var(--sand)}.ice{background:var(--ice)}.sand{background:var(--sand)}.clay{background:var(--clay)}.clay:before{background:var(--ink)}.big{font-family:Georgia,serif;font-size:68px;letter-spacing:-4px;line-height:1;margin:16px 0 4px}.card .stat-title{font-size:18px;margin:8px 0 20px;max-width:170px}.bars{display:flex;align-items:end;gap:7px;height:51px;margin:15px 0}.bars i{background:var(--blue);width:14%;height:var(--h)}.bars i:last-child{background:var(--clay)}footer{display:flex;justify-content:space-between;border-top:1px solid #36404226;margin-top:25px;padding-top:15px;font-size:9px;color:#626968}#empty{display:none;padding:35px}dialog{border:0;background:var(--paper);color:var(--ink);max-width:480px;padding:35px}dialog::backdrop{background:#36404288}dialog button{background:var(--blue);color:white;border:0;padding:10px;cursor:pointer}@media(min-width:1500px){.card{min-height:300px}}@media(max-width:1050px){main{padding:30px}.grid{grid-template-columns:repeat(3,1fr)}.toolbar{flex-wrap:wrap}h1{font-size:45px}}@media(max-width:760px){aside{position:relative;width:100%;padding:22px;flex-direction:row;align-items:center;justify-content:space-between}.logo{font-size:22px}.logo span{font-size:10px;margin:7px 0}nav{margin:0;gap:10px}.aside-bottom{display:none}main{margin:0;padding:22px}.top{font-size:8px}h1{font-size:39px}.grid{grid-template-columns:repeat(2,1fr)}.filters{flex-wrap:wrap}.card{padding:17px;min-height:240px}.card h2{font-size:23px}.big{font-size:56px}header p{font-size:15px}footer{gap:20px}}
a.card:focus-visible{outline:3px solid #364042;outline-offset:3px}nav a{color:inherit;text-decoration:none;font-size:12px}.logo{text-decoration:none;color:inherit}.card:before{flex-shrink:0}.card h2{font-size:25px}.meta{font-size:10px}.top{line-height:1.5}@media(max-width:400px){.grid{gap:10px}.card{padding:13px}.card h2{font-size:21px}.meta{font-size:9px}.big{font-size:52px}}main{max-width:none;padding:50px 46px 30px}header{padding:20px 0 26px}h1{font-size:clamp(34px,3.5vw,60px);letter-spacing:-.6px;margin:0 0 15px}.toolbar{display:flex;flex-direction:column-reverse;gap:23px;margin:6px 0 27px}.search{width:min(760px,100%);background:#fafaf6;border:1px solid #5B6D9260;box-shadow:0 3px 12px #36404208;padding:20px 24px;gap:20px}.search:focus-within{outline:2px solid #5B6D92;outline-offset:3px}.search input{width:100%;font-size:17px;min-width:0}.search span{font-size:26px;color:#5B6D92}.filters{align-self:center}.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:19px}.card{min-height:358px;aspect-ratio:0.64;padding:23px 20px;background:#fafaf6;border:1px solid #3640420b;box-shadow:1px 3px 0 #deded4,2px 5px 10px #36404208}.card h2{font-size:26px;line-height:1.12;margin-top:35px;font-weight:500}.card .stat-title{font-size:22px}.card .meta{font-size:9px;line-height:1.7;padding-top:28px}.card .big{font-size:60px;margin-top:30px}.card.blue{background:#5B6D92}.card.ice{background:#D5E3E6}.card.sand{background:#F0E2D2}.card.clay{background:#D18266}.category{line-height:1.6}.filters button{padding:9px 20px}@media(min-width:1650px){.card{min-height:420px}.card h2{font-size:31px}}@media(max-width:1200px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card{min-height:330px}main{padding:35px 30px}}@media(max-width:980px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){main{padding:30px 20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{min-height:310px;padding:19px 16px}.card h2{font-size:25px}.search{padding:16px}.search input{font-size:14px}.filters button{padding:9px 11px}h1{font-size:36px;line-height:1.08}header p{line-height:1.5}.card .big{font-size:54px}}@media(max-width:380px){.card h2{font-size:22px}.card{min-height:290px}.filters button{padding:8px}.search input{font-size:12px}}
.card{min-width:0;width:100%;aspect-ratio:auto;min-height:370px;height:370px}@media(min-width:1650px){.card{height:430px;min-height:430px}}@media(max-width:760px){.card{height:340px;min-height:340px}}@media(max-width:380px){.card{height:320px;min-height:320px}}
/* White typography on terracotta statistic cards, including source details. */
.card.clay,.card.clay .category,.card.clay h2,.card.clay .big,.card.clay .meta{color:#fff}.card.clay::before{background:#fff}
.card[data-type="Columns"]{background:#fafaf6;color:#364042}.card[data-type="Statistics"]{background:#D5E3E6;color:#364042}.card[data-type="Tools"]{background:#F0D5CB;color:#364042}.card[data-type] .category{color:#596163}.card[data-type]::before{background:#D18266}