:root{--bg-color:#fff;--surface-color:#f9fafb;--surface-color-hover:#f1f5f9;--tram-yellow:#ffdf3c;--tram-yellow-hover:#e6c835;--text-main:#1e293b;--text-muted:#64748b;--text-on-yellow:#111;--border-color:#e2e8f0;--focus-ring:#ffdf3c;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1);--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;padding:0;line-height:1.6;display:flex}.skip-link{background:var(--tram-yellow);color:var(--text-on-yellow);z-index:100;transition:top var(--transition-fast);padding:8px;font-weight:600;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.language-switcher{z-index:110;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border-radius:999px;gap:.25rem;padding:.25rem;display:inline-flex;position:fixed;top:1rem;right:1rem}.language-switcher a{min-width:2.4rem;height:2rem;color:var(--text-main);border-radius:999px;justify-content:center;align-items:center;padding:0 .6rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.language-switcher a.active,.language-switcher a[aria-current=true]{background:var(--tram-yellow);color:var(--text-on-yellow)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px;border-radius:4px}h1,h2,h3{font-family:var(--font-heading);margin:0;line-height:1.2}h2{font-size:2rem}.logo-highlight{background-color:var(--tram-yellow);color:var(--text-on-yellow);border-radius:4px;padding:0 .2rem;display:inline-block;transform:skew(-2deg)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:8rem 2rem 3rem;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:800px;position:relative}.hero h1,.hero #site-name{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2.2rem,8vw,6rem);font-weight:800}#site-name{font-family:var(--font-heading);margin:0;line-height:1.2}.hero p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:clamp(1.125rem,3vw,1.5rem)}.hero-bg-gradient{z-index:1;pointer-events:none;background:radial-gradient(circle,#ffdf3c1a 0%,#0000 50%);width:100vw;height:100vh;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem 4rem}.facts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.site-footer{text-align:center;border-top:1px solid var(--border-color);color:var(--text-muted);margin-top:2rem;padding:3rem 1rem;font-size:.95rem}.site-footer a{color:var(--text-main);font-weight:600;text-decoration:none;position:relative}.site-footer a:after{content:"";background-color:var(--tram-yellow);transform-origin:100%;width:100%;height:2px;transition:transform var(--transition-fast);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.site-footer a:hover:after,.site-footer a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.fact-card-wrapper{color:inherit;border-radius:var(--radius-md);text-decoration:none;display:block}.fact-card{background:var(--surface-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-smooth);border:1px solid var(--border-color);text-align:left;color:inherit;appearance:none;outline:none;flex-direction:column;width:100%;height:100%;padding:2rem;font-family:inherit;display:flex;position:relative;overflow:hidden}.fact-card:before{content:"";background-color:var(--tram-yellow);width:6px;height:0;transition:height var(--transition-smooth);position:absolute;top:0;left:0}.fact-card:hover,.fact-card:focus-visible,.fact-card-wrapper:focus-visible .fact-card{background:var(--surface-color-hover);border-color:#ffdf3c80;transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000000d}.fact-card:hover:before,.fact-card:focus-visible:before,.fact-card-wrapper:focus-visible .fact-card:before{height:100%}.fact-number{font-family:var(--font-heading);color:#1e293b0a;transition:color var(--transition-smooth);font-size:3.5rem;font-weight:800;position:absolute;top:-.5rem;right:1rem}.fact-card:hover .fact-number{color:#ffdf3c33}.fact-date{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem;font-size:.875rem;font-weight:700}.fact-title{color:var(--text-main);z-index:2;margin:0 0 .5rem;font-size:1.35rem;font-weight:800;position:relative}.fact-excerpt{color:var(--text-muted);-webkit-line-clamp:4;line-clamp:4;z-index:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:400;display:-webkit-box;position:relative;overflow:hidden}.detail-header{margin-bottom:2rem}.back-link{color:var(--text-muted);transition:color var(--transition-fast);align-items:center;gap:.5rem;margin-bottom:2rem;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--text-main)}#view-list{display:none}#view-list.active{display:block}.detail-view{background:var(--bg-color);max-width:800px;animation:backdropIn var(--transition-smooth) forwards;margin:0 auto;padding:1.5rem 2rem 4rem;display:none}.detail-view.active{display:block}.detail-number{font-family:var(--font-heading);color:#ffdf3c80;margin-bottom:1rem;font-size:5rem;font-weight:800;line-height:1}#detail-title{color:var(--text-main);clip:auto;width:auto;height:auto;margin-bottom:1.5rem;font-size:2.5rem;position:static;overflow:visible}.detail-content{color:var(--text-main);margin-bottom:3rem;font-size:1.125rem;font-weight:400;line-height:1.8}.detail-content p{margin:0 0 1.2rem}.detail-content p:last-child{margin-bottom:0}.links-section{background:var(--surface-color);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:2rem}.links-section h2{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.25rem;display:flex}.resources-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.resource-link{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-weight:600;text-decoration:none;display:flex}.resource-link:hover,.resource-link:focus-visible{border-color:var(--tram-yellow);background:#ffdf3c0d;transform:translate(4px)}.btn-primary{background:var(--tram-yellow);color:var(--text-on-yellow);border-radius:var(--radius-md);font-weight:700;font-family:var(--font-heading);transition:all var(--transition-fast);cursor:pointer;border:none;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem 1.5rem;text-decoration:none;display:inline-flex}.btn-primary:hover,.btn-primary:focus-visible{background:var(--tram-yellow-hover);transform:translateY(-2px);box-shadow:0 4px 15px #ffdf3c66}@keyframes backdropIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.hero{padding:6rem 1rem 4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}