/* Tema enligt Rotary Voice and Visual Identity Guidelines (publika källor, se rapport).
   Färger: Royal Blue #17458F (PMS 286C), Gold #F7A81B (PMS 130C), Azure #0067C8, Sky Blue #00A2E0; neutraler Charcoal #54565A, Silver #D0CFCD.
   Typsnitt: Open Sans (fri ersättare för Frutiger, självhostad), Georgia (fri ersättare för Sentinel). */
@font-face{font-family:"Open Sans";src:url(/gb/fonts/OpenSans-var.woff2) format("woff2");font-weight:300 800;font-stretch:75% 100%;font-display:swap}
:root{--royal:#17458F;--gold:#F7A81B;--azure:#0067C8;--sky:#00A2E0;--charcoal:#54565A;--silver:#D0CFCD;
 --bg:#FAF9F6;--surface:#FFFFFF;--soft:#F1F0EC;--ink:#1F2328;--muted:#5D6166;--line:#E4E2DC;--link:#0067C8;
 --blue:var(--royal);--navy:var(--royal);--card:var(--surface);--radius:14px;--shadow:0 1px 2px rgba(20,25,35,.05),0 4px 16px rgba(20,25,35,.04)}
@media (prefers-color-scheme:dark){:root{--bg:#121417;--surface:#1A1D21;--soft:#20242A;--ink:#ECEDEE;--muted:#A3A8AF;--line:#2C3138;--link:#5DB4FF;--blue:#8DB4F0;--navy:#ECEDEE;--shadow:none}
 .lockup img{background:#fff;border-radius:8px;padding:4px 6px}}
html{-webkit-text-size-adjust:100%}
body{font:16px/1.6 "Open Sans",Arial,system-ui,sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--link)}h1,h2,h3{color:var(--ink);letter-spacing:-.01em;line-height:1.2}
.gb-main h1,.sec h1{color:var(--ink);font-weight:700;font-size:clamp(28px,4.4vw,42px)}.gb-main h2,.sec h2{color:var(--ink);font-weight:650;font-size:22px}
.gb-wrap{font-family:inherit}.gb-lead,.lead{color:var(--muted);opacity:1}
/* header */
.top{background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line);box-shadow:none}
.top::after{content:"";display:block;height:3px;background:var(--gold);width:56px;margin:0 auto 0 max(20px,calc((100% - 1100px)/2 + 20px))}
.bar{min-height:72px;flex-wrap:nowrap;gap:12px}
.lockup{display:inline-flex;flex-direction:column;text-decoration:none;padding:6px 0;line-height:1}
.lockup img{display:block;height:46px;width:auto}
.lockup .club{display:block;width:57.8%;text-align:right;font:600 12.5px/1.1 "Open Sans",Arial,sans-serif;color:var(--royal);margin-top:3px;letter-spacing:.01em;white-space:nowrap}
@media (prefers-color-scheme:dark){.lockup .club{color:#fff}}
.nav{gap:2px;flex-wrap:nowrap;margin-left:auto}.nav a{color:var(--ink);font-weight:500;font-size:15px;padding:8px 11px;border-radius:8px}
.nav a:hover{background:var(--soft)}.nav a[aria-current]{background:none;color:var(--royal);box-shadow:inset 0 -2px 0 var(--gold);border-radius:0}
@media (prefers-color-scheme:dark){.nav a[aria-current]{color:#fff}}
.navtoggle{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font:600 14px inherit;color:var(--ink);cursor:pointer}
.usermenu{position:relative;flex:none}
.usermenu .um-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--line);border-radius:99px;padding:3px 10px 3px 3px;cursor:pointer;color:var(--ink);font:500 14px "Open Sans",Arial,sans-serif}
.usermenu .um-login{font-size:14px;font-weight:600;text-decoration:none;color:var(--royal);border:1px solid var(--line);border-radius:99px;padding:6px 14px;white-space:nowrap}
@media (prefers-color-scheme:dark){.usermenu .um-login{color:#fff}}
.avatar{display:inline-grid;place-items:center;border-radius:50%;background:var(--royal);color:#fff;font-weight:700;flex:none;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}
.um-btn .avatar{width:28px;height:28px;font-size:12px}
.um-pop,.mx-pop{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.12);padding:6px;z-index:20}
.um-pop p{margin:6px 10px 8px;font-size:13px;color:var(--muted)}.um-pop a,.um-pop button,.mx-pop button{display:block;width:100%;text-align:left;background:none;border:0;color:var(--ink);padding:8px 10px;border-radius:8px;font:500 14px "Open Sans",Arial,sans-serif;text-decoration:none;cursor:pointer}
.um-pop a:hover,.um-pop button:hover,.mx-pop button:hover{background:var(--soft)}.mx-pop .del{color:#B42318}
@media (max-width:900px){.navtoggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;padding:8px 16px 14px}
 .top.open .nav{display:flex}.nav a{padding:12px 10px;font-size:16px}.nav a[aria-current]{box-shadow:inset 3px 0 0 var(--gold);padding-left:14px}.bar{position:relative}}
/* knappar och kort */
.btn{border-radius:10px;font-weight:600}.btn.gold{background:var(--gold);color:#111}.btn.line{border:1.5px solid currentColor;color:inherit}
.btn.primary{background:var(--royal);color:#fff}
.gb-btn,.gb-main button{background:var(--royal);border-radius:10px;font:600 15px "Open Sans",Arial,sans-serif}
.gb-btn.ghost,.gb-main button.ghost{color:var(--ink);border:1px solid var(--line);background:var(--surface)}
.gb-main button.danger{background:#B42318}
.card,.gb-card{background:var(--surface);border:1px solid var(--line);border-top:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.gb-main input,.gb-main textarea,.gb-main select{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:10px}
.gb-note{background:var(--soft);border-radius:12px;color:var(--ink)}.gb-tag{background:var(--soft);color:var(--muted)}
.gb-date{background:var(--soft);color:var(--royal)}@media (prefers-color-scheme:dark){.gb-date{color:#fff}}
.gb-table th,.gb-table td{border-color:var(--line)}
.soon{display:inline-block;font-size:13px;color:var(--muted);border:1px dashed var(--line);border-radius:99px;padding:1px 10px}
.foot{background:var(--soft);color:var(--muted);border-top:1px solid var(--line)}.foot a{color:var(--link)}.foot b{color:var(--ink)}
/* startsida */
.hero2{position:relative;color:#fff;min-height:min(78vh,620px);display:flex;align-items:flex-end;background:#0d1b33}
.hero2 img.bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}
.hero2::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,40,.05) 20%,rgba(10,20,40,.78))}
.hero2 .wrap{position:relative;padding-top:120px;padding-bottom:56px;width:100%}
.hero2 h1{color:#fff;font-size:clamp(30px,5vw,54px);max-width:18ch;margin:.15em 0 .3em;font-weight:700}.hero2 .lead{color:rgba(255,255,255,.92);max-width:56ch}
.hero2 .kicker{color:var(--gold);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px}
.hero2 .credit{position:absolute;right:16px;bottom:10px;font-size:12px;color:rgba(255,255,255,.75);z-index:1}.hero2 .credit a{color:inherit}
.home-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:-40px;position:relative}
.home-grid .card{margin:0;padding:22px 24px}.home-grid h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .6em}
.nextm b{font-size:20px;display:block;color:var(--ink)}.cta-band{margin:40px 0 0;padding:28px;border-radius:var(--radius);background:var(--royal);color:#fff;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta-band h2{color:#fff;margin:0;font-size:22px}.cta-band p{margin:.2em 0 0;opacity:.9}
/* medlemsregister */
.mx-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:8px 0 18px}.mx-tools input[type=search]{max-width:320px;flex:1 1 220px}
.chip{border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--ink)!important;border-radius:99px!important;padding:6px 14px!important;font-size:14px!important}
.chip[aria-pressed=true]{background:var(--royal)!important;color:#fff!important;border-color:var(--royal)!important}
.mx-tools select{width:auto!important;max-width:220px}
.mgrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.mcard{position:relative;display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.mcard .avatar{width:64px;height:64px;font-size:20px;background:color-mix(in srgb,var(--royal) 12%,var(--surface));color:var(--royal)}
@media (prefers-color-scheme:dark){.mcard .avatar{color:#cfe0ff}}
.mcard h3{margin:0;font-size:16px}.mcard .role{margin:2px 0 0;font-size:13.5px;color:var(--muted)}.mcard .badge{display:inline-block;font-size:11px;font-weight:700;color:#7a5200;background:#FDF0D5;border-radius:99px;padding:0 7px;margin-left:4px;vertical-align:2px}
.mcard .acts{display:flex;gap:6px;margin-top:8px}.icon{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);color:var(--muted)}.icon:hover{color:var(--royal);border-color:var(--royal)}
.icon svg{width:16px;height:16px}.mcard .ph{font-size:13px;color:var(--muted);margin:4px 0 0}
.mx-more{position:absolute;top:8px;right:8px}.mx-more>button{background:none!important;color:var(--muted)!important;border:0!important;padding:4px 8px!important;font-size:20px!important;line-height:1}
dialog.confirm{border:1px solid var(--line);border-radius:16px;padding:22px;max-width:380px;background:var(--surface);color:var(--ink)}dialog.confirm::backdrop{background:rgba(0,0,0,.35)}
dialog.confirm h2{margin:0 0 .4em;font-size:19px}.adminbox{margin-top:40px;border-top:1px solid var(--line);padding-top:8px}
.ev-past{opacity:.85}

.mcard h3{padding-right:28px}