.topbar{background:var(--blue-dark);color:#fff;font-size:.85rem}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:6px 18px;flex-wrap:wrap;gap:6px}.langs a{color:#cfe3f2;margin-inline-start:12px;white-space:nowrap}.langs a.on{color:var(--gold);font-weight:700;border-bottom:2px solid var(--gold)}header.hero{background:linear-gradient(rgba(13,59,94,.55),rgba(13,59,94,.25)),url("/static/img/hero.jpg") center 38%/cover no-repeat;color:#fff;padding:0}header.hero .wrap{padding-top:26px;padding-bottom:0}.brandbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brandbar img.logo{width:62px;height:62px;border-radius:50%;background:#fff;padding:2px;box-shadow:var(--shadow)}.brandbar .brand h1{color:#fff;margin:0;font-size:1.65rem;text-shadow:0 2px 8px rgba(0,0,0,.45)}.brandbar .brand .tag{color:#ffe9a8;font-style:italic;font-family:var(--serif);text-shadow:0 1px 6px rgba(0,0,0,.5)}nav.main{margin-top:18px;display:flex;align-items:center;flex-wrap:nowrap;gap:4px}nav.main>a{color:#fff;padding:8px 10px;border-radius:10px 10px 0 0;font-weight:600;font-size:.95rem;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.5)}nav.main>a:hover,nav.main>a.on{background:var(--bg);color:var(--blue-dark);text-decoration:none}.searchform{margin-inline-start:auto;display:flex;gap:6px;align-items:center;padding:8px 0}.searchform input{border:none;border-radius:20px;padding:8px 16px;min-width:210px;font-size:.9rem}.searchform button{border:none;background:var(--gold);color:#3a2c00;font-weight:700;border-radius:20px;padding:8px 18px;cursor:pointer}.searchform button:hover{filter:brightness(1.07)}.cols{display:grid;grid-template-columns:2.2fr 1fr;gap:22px;margin:24px 0}.cols>.main,.cols>.side{min-width:0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;margin-bottom:18px}.card h2,.card h3{margin-top:0}footer.site{background:var(--blue-dark);color:#b9cdda;margin-top:40px;padding:26px 0 30px;font-size:.9rem}footer.site .wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}footer.site h4{color:#fff;margin:0 0 8px;font-family:var(--serif)}footer.site a{color:#ffd968}footer.site .copy{text-align:center;margin-top:22px;color:#7f9ab0;font-size:.82rem}.lightbox{position:fixed;inset:0;background:rgba(10,25,40,.85);display:none;align-items:center;justify-content:center;z-index:50;cursor:zoom-out}.lightbox img{max-width:92vw;max-height:92vh;border-radius:10px}