/* RETRO PORTAL / saved trend record — same blue-chrome visual language as the roulette. */
:root{color-scheme:light;--paper:#e1e9f4;--ink:#172e50;--blue:#184c8d;--line:#9bb0ce;--cream:#fffdf4}
*{box-sizing:border-box}
html{background:#dce6f4}
body{font:13px/1.6 Tahoma,Verdana,Arial,sans-serif;color:var(--ink);background:linear-gradient(#eaf0fa,#dce6f4 510px,#e4ebf6)}
a{color:#145497}
a:focus-visible{outline:3px solid #bd6633;outline-offset:3px}
header{background:linear-gradient(#fff,#d2e2f7);border-top:4px solid #1a559d;border-bottom:1px solid #7899c3}
header nav{max-width:1100px;margin:auto;padding:16px 18px;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
header .brand{font:900 21px 'Trebuchet MS',Tahoma,Verdana,sans-serif;letter-spacing:-.035em;text-decoration:none;color:#193e77}
header .navlinks{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
header .navlinks a{font:800 11px Tahoma,Verdana,sans-serif;color:#1e518c;text-decoration:underline;text-underline-offset:3px}
header .navlinks .language{padding:7px 11px;border:1px solid #9bb0ca;border-radius:4px;color:#694519;background:linear-gradient(#ffecb2,#f2d17a);text-decoration:none}
.wrap{max-width:1100px;margin:auto;padding:22px 18px 58px}
.crumb{font:800 11px Tahoma,Verdana,sans-serif;color:#4e7096;letter-spacing:.04em}
.hero{margin:17px 0 15px;background:#fffdf4;border:2px solid #829dc0;border-radius:5px;padding:clamp(22px,3.8vw,41px);box-shadow:inset 1px 1px #fff,0 2px 0 #fff;position:relative;color:#173252}
.hero:after{display:none}
.hero .eyebrow{font:900 10px Tahoma,Verdana,sans-serif;letter-spacing:.1em;color:#826039;text-transform:uppercase}
h1{font:900 clamp(31px,4.7vw,51px)/1.1 'Trebuchet MS',Verdana,Arial,sans-serif;letter-spacing:-.04em;max-width:850px;margin:18px 0 15px;color:#163e76;overflow-wrap:anywhere}
.hero .origin{font:11px/1.6 Tahoma,Verdana,sans-serif;color:#70839a;max-width:850px}
.hero .muted{font:12px/1.65 Tahoma,Verdana,sans-serif;color:#536c89;max-width:860px}
.hero .cta{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(#ffe9a1,#edbf57);border:1px solid #b08a49;color:#4e3a1b;text-decoration:none;border-radius:4px;padding:11px 16px;font:900 12px Tahoma,Verdana,sans-serif;margin-top:17px;box-shadow:inset 1px 1px #fff9d9}
.hero .cta:hover{background:linear-gradient(#fff2c5,#f7ce75)}
.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.97fr);gap:15px;align-items:start}
.card{background:white;border:1px solid #96b0d0;border-radius:5px;padding:20px 22px;margin-bottom:15px;box-shadow:inset 1px 1px #fff,0 2px 0 #fff}
h2{font:900 18px/1.3 'Trebuchet MS',Verdana,sans-serif;color:#1b4d8c;margin:0 0 17px;padding:0 0 9px;border-bottom:1px dotted #a4bad5}
.card p,.card li{color:#4e6785;font:12px/1.65 Tahoma,Verdana,sans-serif}
.card p{margin:10px 0}
.card a{color:#14569b;text-decoration:underline;text-underline-offset:3px;font-weight:800}
.card a:hover{color:#aa4b23}
.stat{border-color:#cfdaeb;padding:11px 0;display:flex;justify-content:space-between;gap:14px}
.stat span{color:#5b7799}
.stat strong{font:850 12px Tahoma,Verdana,sans-serif;color:#214d83;white-space:nowrap}
.traffic{display:inline-block;background:#fff0c5;border:1px inset #edca79;padding:3px 12px;color:#b44c20;font:900 clamp(40px,5vw,57px) 'Trebuchet MS',Verdana,sans-serif;letter-spacing:-.045em;margin:12px 0 4px}
.news-list{padding-left:17px}
.news-list li{margin:14px 0}
.news-list small{color:#7b90a9}
.caution,.muted{font:11px/1.65 Tahoma,Verdana,sans-serif;color:#6b829b}
.card--journey{background:#f5f8ff}
.card--journey p{font-size:12px}
.journey-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:14px}
.journey-primary{display:inline-flex;background:linear-gradient(#fff,#dce9f9);border:1px solid #94acce;color:#1b528b!important;border-radius:4px;text-decoration:none;padding:10px 13px;font:850 11px Tahoma,Verdana,sans-serif}
.journey-primary:hover{background:linear-gradient(#fff8d8,#f3deaa)}
.journey-link{font:800 11px Tahoma,Verdana,sans-serif}
@media(max-width:730px){.grid{display:block}.wrap{padding:14px 10px 39px}.hero{padding:22px 17px;margin:13px 0 14px}h1{font-size:clamp(30px,8.7vw,44px)}.card{padding:17px 15px}header nav{padding:13px 11px}.navlinks{gap:9px!important}.navlinks a{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}