/* TREND ROULETTE / EDITORIAL ARCHIVE v0.12 — matching early-web portal typography. */
:root{color-scheme:light;--paper:#e1e9f4;--sheet:#fff;--ink:#17365e;--muted:#647b99;--border:#9bb1d0;--accent:#20559b}
*{box-sizing:border-box}
html{background:#dfe8f5;scroll-behavior:smooth}
body{background:linear-gradient(#ecf2fb,#dce6f4 500px,#e5ebf6)!important;background-image:linear-gradient(#ecf2fb,#dce6f4 500px,#e5ebf6)!important;color:#233e65!important;font:12px/1.65 Tahoma,Verdana,Arial,sans-serif!important}
main{max-width:1080px;padding:21px 20px 62px;margin:auto}
header{background:linear-gradient(#fff,#d5e4f8);border-top:3px solid #245698;border-bottom:1px solid #98b2d2;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
header strong{font:900 20px 'Trebuchet MS',Verdana,Arial,sans-serif;letter-spacing:-.035em;color:#173e77}
header nav{display:flex;align-items:center;flex-wrap:wrap;gap:9px 14px}
header a,nav a{font:800 11px Tahoma,Verdana,sans-serif}
a{color:#1c579a!important;text-decoration:underline;text-decoration-color:#a0b8da;text-underline-offset:3px}
a:hover{color:#a44626!important;text-decoration-color:#a44626}
a:focus-visible,button:focus-visible{outline:3px solid #b65e2f;outline-offset:3px}
h1{font:900 clamp(32px,4.5vw,49px)/1.1 'Trebuchet MS',Verdana,sans-serif;letter-spacing:-.045em;color:#174477;margin:27px 0 14px}
h2{font:900 clamp(19px,2.5vw,24px)/1.2 'Trebuchet MS',Verdana,sans-serif;color:#1d528e;letter-spacing:-.025em}
h3{font:850 16px/1.3 'Trebuchet MS',Verdana,sans-serif;color:#24578c}
p,li{color:#465f80;line-height:1.65}
p{margin:10px 0}
small{color:#7188a5}
nav{gap:9px 14px}
.panel,aside{background:#f7f9ff!important;border:1px solid #9bb3d2!important;border-left:4px solid #e7bd63!important;border-radius:5px!important;padding:20px 22px!important;margin:17px 0;box-shadow:inset 1px 1px #fff,0 2px 0 white}
.panel h2,aside h2{margin:0 0 11px}
.items{list-style:none;margin:17px 0;padding:0;display:grid;gap:0}
.items li{margin:0!important;background:#fff!important;border:1px solid #b5c7df!important;border-bottom:0!important;border-radius:0!important;padding:16px 18px!important}
.items li:first-child{border-radius:5px 5px 0 0!important}
.items li:last-child{border-bottom:1px solid #b5c7df!important;border-radius:0 0 5px 5px!important}
.items li:nth-child(even){background:#f2f6fd!important}
.items li:hover{background:#fff4d2!important}
.items h3,.items h2{margin:0 0 7px}
.items p,.items small{margin:5px 0;color:#667f9a}
.items .news{font:11px/1.55 Tahoma,Verdana,sans-serif;color:#67829f}
.nav-link{display:inline-flex;align-items:center;padding:9px 13px;background:linear-gradient(#fff,#e1eafb)!important;border:1px solid #92adce!important;border-radius:4px!important;text-decoration:none;font:850 11px Tahoma,Verdana,sans-serif}
.nav-link:hover{background:#fff3c9!important}
.muted{color:#7189a7}
.archive-pagination{border-top:1px dotted #b4c4dc;display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:14px 0;margin-top:14px}
.archive-pagination span{font-size:11px;color:#69819e}
.card{background:#fff!important;border:1px solid #a6bbd5!important;border-radius:5px!important;padding:20px 22px}
.source-spelling{display:block;font:10px Tahoma,Verdana,sans-serif;margin-top:4px;color:#7289a5}
input,button,select{font-family:Tahoma,Verdana,Arial,sans-serif}
@media(max-width:680px){main{padding:14px 10px 40px}header{padding:12px 10px}h1{font-size:clamp(30px,8.5vw,43px)}.panel,aside{padding:16px 13px!important}.items li{padding:14px 12px!important}nav{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}