*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'Work Sans', sans-serif;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
  font-family:'Spectral', serif;
  margin:0 0 0.4em 0;
  font-weight:600;
  color:var(--ink);
}
a{color:inherit;}
.mono{font-family:'IBM Plex Mono', monospace; letter-spacing:0.02em;}
.wrap{max-width:1120px; margin:0 auto; padding:0 24px;}
img{max-width:100%; display:block;}
button{font-family:inherit; cursor:pointer;}

a:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible, textarea:focus-visible{
  outline:2px solid var(--forest);
  outline-offset:2px;
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *{animation-duration:0.001ms !important; transition-duration:0.001ms !important;}
}

header.site{
  position:-webkit-sticky;
  position:sticky; top:0; z-index:50;
  background:var(--paper);
  border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 rgba(27,42,34,0.03);
}
.nav-row{display:flex; align-items:center; justify-content:space-between; padding:14px 0;}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none;}
.brand-mark{
  width:38px;height:38px;border-radius:50%;
  background:var(--forest); color:var(--paper);
  display:flex;align-items:center;justify-content:center;
  font-family:'Spectral',serif; font-weight:700; font-size:15px;
  flex-shrink:0; overflow:hidden;
}
.brand-mark img{width:100%; height:100%; object-fit:cover;}
.brand-text{line-height:1.15;}
.brand-text .b1{font-family:'Spectral',serif; font-weight:700; font-size:17px;}
.brand-text .b2{font-size:11px; color:var(--mist); letter-spacing:0.06em; text-transform:uppercase;}

nav.links{display:flex; gap:2px; align-items:center;}
nav.links a{text-decoration:none; font-size:14.5px; font-weight:500; padding:9px 14px; border-radius:6px; color:var(--ink); transition:background .15s;}
nav.links a:hover{background:var(--paper2);}
.nav-cta{background:var(--forest) !important; color:var(--paper) !important; margin-left:6px; border-radius:var(--radius-sm) !important; box-shadow:0 2px 8px rgba(47,93,76,0.25); transition:transform .15s ease, box-shadow .15s ease, background .15s ease !important;}
.nav-cta:hover{background:var(--forest-dark) !important; transform:translateY(-1px); box-shadow:0 4px 14px rgba(47,93,76,0.32);}

.burger{display:none; background:none; border:1px solid var(--line); border-radius:4px; padding:8px 10px;}
.burger span{display:block; width:20px; height:2px; background:var(--ink); margin:4px 0;}

@media (max-width: 860px){
  nav.links{display:none; position:absolute; top:100%; left:0; right:0; background:var(--paper); border-bottom:1px solid var(--line); flex-direction:column; padding:8px 24px 16px; gap:2px;}
  nav.links.open{display:flex;}
  nav.links a{padding:12px 6px; border-bottom:1px solid var(--line);}
  .nav-cta{margin-left:0; text-align:center; margin-top:6px;}
  .burger{display:block;}
}

.hero{position:relative; padding:64px 0 48px; border-bottom:1px solid var(--line); background-size:cover; background-position:center; overflow:hidden;}
.hero::before{content:""; position:absolute; top:-140px; right:-100px; width:440px; height:440px; border-radius:50%; background:radial-gradient(circle, rgba(185,141,62,0.16), rgba(185,141,62,0) 70%); pointer-events:none;}
.hero::after{content:""; position:absolute; bottom:-160px; left:-90px; width:380px; height:380px; border-radius:50%; background:radial-gradient(circle, rgba(47,93,76,0.14), rgba(47,93,76,0) 70%); pointer-events:none;}
.hero .wrap{position:relative; z-index:1;}
.hero h1{font-size:32px; font-size:clamp(32px, 5vw, 52px); font-weight:700; letter-spacing:-0.01em; max-width:none; text-align:center;}
.hero p.lede{font-size:17px; color:var(--mist); max-width:56ch; margin:10px auto 0; text-align:center;}
.hero-has-bg h1{text-shadow:0 1px 3px rgba(237,242,234,0.85), 0 2px 16px rgba(237,242,234,0.7), 0 0 32px rgba(237,242,234,0.5);}
.hero p.lede.lede-panel{
  display:table;
  margin:14px auto 0;
  background:rgba(237,242,234,0.78);
  padding:10px 22px;
  border-radius:20px;
  box-shadow:0 3px 14px rgba(27,42,34,0.14);
  text-shadow:none;
}
.hero-has-bg p.lede{text-shadow:0 1px 3px rgba(237,242,234,0.9), 0 2px 10px rgba(237,242,234,0.75);}

.quicklinks{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:32px;}
@media (max-width:720px){ .quicklinks{grid-template-columns:repeat(2,1fr);} }
.qlink{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:18px 16px; text-decoration:none; color:var(--ink); display:flex; flex-direction:column; gap:12px; transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;}
.qlink:hover{border-color:var(--forest); transform:translateY(-3px); box-shadow:var(--shadow-lg);}
.qlink .qicon{width:40px; height:40px; border-radius:10px; background:rgba(47,93,76,0.09); color:var(--forest); display:flex; align-items:center; justify-content:center; flex:none;}
.qlink .qtitle{font-weight:600; font-size:14.5px;}
.qlink .qdesc{font-size:12.5px; color:var(--mist);}

section{padding:56px 0;}
section.alt{background:var(--paper2);}
.section-head{display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:28px; flex-wrap:wrap;}
.section-head.center{flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.section-head .eyebrow{color:var(--brass); font-size:12px; text-transform:uppercase; letter-spacing:0.14em; font-weight:600; font-family:'IBM Plex Mono',monospace;}
.section-head h2{font-size:24px; font-size:clamp(24px,3vw,32px); margin-top:4px;}

.filters{display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin-bottom:22px;}
.filter-btn{border:1px solid var(--line); background:var(--card); color:var(--ink); padding:7px 14px; border-radius:20px; font-size:13px; font-weight:500;}
.filter-btn.active{background:var(--forest); color:var(--paper); border-color:var(--forest);}

.notice-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
@media (max-width:900px){ .notice-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:620px){ .notice-grid{grid-template-columns:1fr;} }

.notice-card{position:relative; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:20px 18px 18px; box-shadow:var(--shadow); text-decoration:none; display:block; transition:transform .15s ease, box-shadow .15s ease;}
.notice-card:hover{transform:translateY(-3px); box-shadow:var(--shadow-lg);}
.notice-card::before{content:""; position:absolute; top:-6px; left:20px; width:11px; height:11px; border-radius:50%; background:var(--brass); box-shadow:0 2px 3px rgba(0,0,0,0.25);}
.notice-card[data-cat="kecemasan"]::before{background:var(--clay);}
.notice-top{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.notice-date{font-size:11.5px; color:var(--mist);}
.notice-tag{font-size:10.5px; text-transform:uppercase; letter-spacing:0.06em; padding:3px 8px; border-radius:20px; font-weight:600; background:rgba(47,93,76,0.1); color:var(--forest);}
.notice-card[data-cat="kecemasan"] .notice-tag{background:rgba(166,75,60,0.12); color:var(--clay);}
.notice-card[data-cat="mesyuarat"] .notice-tag{background:rgba(185,141,62,0.14); color:var(--brass);}
.notice-card h3{font-size:17px; margin-bottom:6px; color:var(--ink);}
.notice-card p{font-size:14px; color:var(--ink); opacity:0.85; margin:0;}

.see-all-row{text-align:center; margin-top:28px;}
.btn-outline-lg{display:inline-flex; align-items:center; gap:8px; padding:13px 28px; border:1px solid var(--forest); border-radius:var(--radius-sm); color:var(--forest); font-weight:600; font-size:14.5px; text-decoration:none; transition:background .15s ease, transform .15s ease;}
.btn-outline-lg:hover{background:rgba(47,93,76,0.08); transform:translateY(-1px);}
.hidden{display:none !important;}
.empty-note{color:var(--mist); font-size:14px;}

.pay-grid{display:grid; grid-template-columns:1.1fr 0.9fr; gap:32px; align-items:start;}
@media (max-width:860px){ .pay-grid{grid-template-columns:1fr;} }
.steps{list-style:none; margin:0; padding:0; counter-reset:step;}
.steps li{counter-increment:step; display:flex; gap:14px; padding:14px 0; border-bottom:1px solid var(--line);}
.steps li:last-child{border-bottom:none;}
.steps li::before{content:counter(step); font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:13px; width:28px; height:28px; border-radius:50%; background:var(--forest); color:var(--paper); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.steps .stitle{font-weight:600; font-size:15px;}
.steps .sdesc{font-size:13.5px; color:var(--mist); margin-top:2px;}

.bank-card{background:linear-gradient(150deg, var(--forest), var(--forest-dark)); color:var(--paper); border-radius:var(--radius); padding:26px 24px; box-shadow:var(--shadow-lg);}
.bank-card h3{color:var(--paper); font-size:16px; margin-bottom:14px;}
.bank-row{display:grid; grid-template-columns:max-content 1fr; gap:16px; padding:9px 0; border-bottom:1px solid rgba(237,242,234,0.18); font-size:14px;}
.bank-row:last-child{border-bottom:none;}
.bank-row .k{opacity:0.75; white-space:nowrap;}
.bank-row .v{font-family:'IBM Plex Mono',monospace; font-weight:500; text-align:left;}
.bank-note{margin-top:16px; font-size:12.5px; opacity:0.85;}

.fac-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
@media (max-width:900px){ .fac-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:520px){ .fac-grid{grid-template-columns:1fr;} }
.fac-card{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:18px; text-align:left; transition:transform .15s ease, box-shadow .15s ease;}
.fac-card:hover{transform:translateY(-3px); box-shadow:var(--shadow-lg);}
.fac-card h4{font-size:14.5px; margin-bottom:4px;}
.fac-card p{font-size:12.5px; color:var(--mist); margin:0;}

.rules{margin-top:34px; max-width:none;}
.rule-item{border-bottom:1px solid var(--line);}
.rule-q{width:100%; text-align:left; background:none; border:none; padding:16px 0; display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:15px; font-weight:500; color:var(--ink);}
.rule-q .plus{font-family:'IBM Plex Mono',monospace; color:var(--forest); font-size:18px; transition:transform .15s ease;}
.rule-item.open .plus{transform:rotate(45deg);}
.rule-a{max-height:0; overflow:hidden; transition:max-height .2s ease;}
.rule-a p{font-size:13.5px; color:var(--mist); padding:0 0 16px; margin:0; max-width:none;}

.ajk-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
@media (max-width:860px){ .ajk-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .ajk-grid{grid-template-columns:1fr;} }
.ajk-card{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:20px; display:flex; gap:14px; align-items:flex-start; transition:transform .15s ease, box-shadow .15s ease;}
.ajk-card:hover{transform:translateY(-3px); box-shadow:var(--shadow-lg);}
.ajk-avatar{width:44px; height:44px; border-radius:50%; background:var(--paper2); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-family:'Spectral',serif; font-weight:600; color:var(--forest); font-size:15px; border:1px solid var(--line); overflow:hidden;}
.ajk-avatar img{width:100%; height:100%; object-fit:cover;}
.ajk-name{font-weight:600; font-size:15px;}
.ajk-role{font-size:11px; text-transform:uppercase; letter-spacing:0.06em; color:var(--brass); font-weight:600; margin:2px 0 6px;}
.ajk-contact{font-size:12.5px; color:var(--mist);}

.form-wrap{max-width:none; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:32px; box-shadow:var(--shadow);}
.field{margin-bottom:18px;}
.field label{display:block; font-size:13px; font-weight:600; margin-bottom:6px;}
.field input, .field select, .field textarea{width:100%; padding:11px 12px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--paper); font-family:inherit; font-size:14px; color:var(--ink); transition:border-color .15s ease;}
.field input:focus, .field select:focus, .field textarea:focus{border-color:var(--forest);}
.field textarea{resize:vertical; min-height:100px;}
.field-row{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
@media (max-width:520px){ .field-row{grid-template-columns:1fr;} }
.btn-submit{background:var(--forest); color:var(--paper); border:none; padding:14px 30px; border-radius:var(--radius-sm); font-weight:600; font-size:14.5px; box-shadow:0 4px 14px rgba(47,93,76,0.28); transition:transform .15s ease, box-shadow .15s ease, background .15s ease;}
.btn-submit:hover{background:var(--forest-dark); transform:translateY(-1px); box-shadow:0 6px 20px rgba(47,93,76,0.34);}
.btn-submit:active{transform:translateY(0);}

.btn-whatsapp{display:flex; align-items:center; justify-content:center; gap:10px; background:#25D366; color:#fff; padding:14px 20px; border-radius:var(--radius-sm); text-decoration:none; font-weight:600; font-size:14.5px; box-shadow:0 4px 14px rgba(37,211,102,0.32); transition:transform .15s ease, box-shadow .15s ease, background .15s ease; margin-bottom:22px;}
.btn-whatsapp:hover{background:#1EBE5A; transform:translateY(-1px); box-shadow:0 6px 20px rgba(37,211,102,0.4);}
.btn-whatsapp:active{transform:translateY(0);}
.btn-whatsapp svg{flex-shrink:0;}
.btn-whatsapp-sm{display:inline-flex; width:auto; padding:9px 18px; font-size:13px;}
.btn-whatsapp-sm svg{width:16px; height:16px;}
.share-row{text-align:center; margin-top:36px; padding-top:24px; border-top:1px solid var(--line);}
.bank-card .btn-whatsapp{margin:20px 0 0;}
.form-divider{display:flex; align-items:center; gap:12px; color:var(--mist); font-size:12px; margin-bottom:22px;}
.form-divider::before, .form-divider::after{content:""; flex:1; height:1px; background:var(--line);}
.form-note{font-size:12px; color:var(--mist); margin-top:14px;}
.form-status{margin-top:16px; padding:12px 14px; border-radius:var(--radius-sm); background:rgba(47,93,76,0.1); color:var(--forest-dark); font-size:13.5px; font-weight:500;}
.form-status.error{background:rgba(166,75,60,0.12); color:var(--clay);}

footer.site-footer{background:var(--forest-dark); color:var(--paper); padding:44px 0 26px;}
.foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:32px; margin-bottom:30px;}
@media (max-width:720px){ .foot-grid{grid-template-columns:1fr;} }
footer.site-footer h4{color:var(--paper); font-size:13px; text-transform:uppercase; letter-spacing:0.08em; margin-bottom:14px;}
footer.site-footer p, footer.site-footer a{color:rgba(237,242,234,0.78); font-size:13.5px; text-decoration:none;}
footer.site-footer a:hover{color:var(--paper);}
footer.site-footer .flink{display:block; padding:4px 0;}
.foot-bottom{border-top:1px solid rgba(237,242,234,0.15); padding-top:20px; font-size:12px; color:rgba(237,242,234,0.55); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px;}
.admin-lock{display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; color:rgba(237,242,234,0.4); opacity:0.6; transition:opacity .15s, color .15s, background .15s;}
.admin-lock:hover{opacity:1; color:var(--paper); background:rgba(237,242,234,0.1);}

.back-row{text-align:center; margin-bottom:24px;}
.back-btn{display:inline-flex; align-items:center; gap:10px; padding:14px 30px; background:var(--card); border:1px solid var(--line); border-radius:var(--radius-sm); color:var(--forest); font-weight:600; font-size:14.5px; text-decoration:none; box-shadow:var(--shadow); transition:transform .15s ease, box-shadow .15s ease, background .15s ease;}
.back-btn:hover{background:var(--paper2); transform:translateY(-1px); box-shadow:var(--shadow-lg);}

.article-page{padding:48px 0 80px;}
.article-page .cover{width:100%; height:auto; display:block; border-radius:var(--radius); margin:20px 0;}
.article-page .meta{font-size:12.5px; color:var(--mist); margin-bottom:6px;}
.article-page .body, .club-page .body{font-size:16px; margin-top:20px; max-width:70ch;}
.article-page .body p, .club-page .body p{margin:0 0 1em;}
.club-page .body{margin-left:auto; margin-right:auto;}

.gallery-slider{position:relative; margin:20px 0; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow);}
.gallery-track{display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; border-radius:var(--radius);}
.gallery-track::-webkit-scrollbar{display:none;}
.gallery-slide{flex:0 0 100%; scroll-snap-align:start; background:var(--paper2);}
.gallery-slide img{width:100%; height:420px; object-fit:contain; display:block;}
@media (max-width:600px){ .gallery-slide img{height:260px;} }
.gallery-nav{position:absolute; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:50%; border:none; background:rgba(27,42,34,0.55); color:#fff; font-size:20px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .15s;}
.gallery-nav:hover{background:rgba(27,42,34,0.8);}
.gallery-nav.prev{left:12px;}
.gallery-nav.next{right:12px;}
.gallery-dots{position:absolute; bottom:12px; left:0; right:0; display:flex; justify-content:center; gap:7px;}
.gallery-dot{width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,0.55); cursor:pointer; transition:background .15s, transform .15s;}
.gallery-dot.active{background:#fff; transform:scale(1.25);}

.attachment-row{text-align:center; margin-top:28px;}
.attachment-download{display:inline-flex; align-items:center; gap:9px; padding:12px 20px; border-radius:var(--radius-sm); background:var(--forest); color:#fff; text-decoration:none; font-size:14px; font-weight:600; box-shadow:0 4px 14px rgba(47,93,76,0.25); transition:transform .15s ease, box-shadow .15s ease, background .15s ease;}
.attachment-download:hover{background:var(--forest-dark); transform:translateY(-1px); box-shadow:0 6px 18px rgba(47,93,76,0.3);}
.attachment-download svg{flex-shrink:0;}

.clubs-page{padding:48px 0 80px;}
.notices-page{padding:48px 0 80px;}
.pagination{display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px; margin-top:32px;}
.page-link{display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 12px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--card); color:var(--ink); font-size:13.5px; font-weight:600; text-decoration:none; transition:background .15s ease, border-color .15s ease;}
.page-link:hover{border-color:var(--forest);}
.page-link.active{background:var(--forest); border-color:var(--forest); color:#fff;}
.club-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
@media (max-width:900px){ .club-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:620px){ .club-grid{grid-template-columns:1fr;} }
.club-card{display:flex; gap:14px; align-items:flex-start; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:20px 18px; box-shadow:var(--shadow); text-decoration:none; transition:transform .15s ease, box-shadow .15s ease;}
.club-card:hover{transform:translateY(-3px); box-shadow:var(--shadow-lg);}
.club-card h3{font-size:16px; margin:6px 0 6px; color:var(--ink);}
.club-card p{font-size:13.5px; color:var(--ink); opacity:0.85; margin:0;}
.club-card-logo{flex:0 0 auto; width:52px; height:52px; border-radius:50%; overflow:hidden; background:var(--paper2); display:flex; align-items:center; justify-content:center; font-weight:700; color:var(--forest); font-size:16px; border:1px solid var(--line);}
.club-card-logo img{width:100%; height:100%; object-fit:cover;}

.club-card{border-top:3px solid transparent;}
.club-card-accent-forest{border-top-color:var(--forest);}
.club-card-accent-brass{border-top-color:var(--brass);}
.club-card-accent-clay{border-top-color:var(--clay);}
.club-card-accent-mist{border-top-color:var(--mist);}

.club-badge{display:inline-block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.06em; padding:4px 12px; border-radius:20px; font-weight:600;}
.club-badge-forest{background:rgba(47,93,76,0.12); color:var(--forest);}
.club-badge-brass{background:rgba(185,141,62,0.15); color:var(--brass);}
.club-badge-clay{background:rgba(166,75,60,0.12); color:var(--clay);}
.club-badge-mist{background:rgba(110,133,119,0.15); color:var(--mist);}

.club-page{padding:48px 0 80px;}

.club-banner{margin-top:20px; height:150px; border-radius:10px; position:relative; display:flex; align-items:flex-end; justify-content:center;}
.club-banner-forest{background:linear-gradient(135deg, var(--forest), var(--forest-dark));}
.club-banner-brass{background:linear-gradient(135deg, var(--brass), #8A672C);}
.club-banner-clay{background:linear-gradient(135deg, var(--clay), #7D392C);}
.club-banner-mist{background:linear-gradient(135deg, var(--mist), #4F6156);}

.club-logo-lg{width:96px; height:96px; border-radius:50%; overflow:hidden; background:var(--paper); border:4px solid var(--paper); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:26px; color:var(--forest); position:relative; top:48px; box-shadow:0 4px 10px rgba(27,42,34,0.18);}
.club-logo-lg img{width:100%; height:100%; object-fit:cover;}

.club-profile-head{text-align:center; margin-top:64px; margin-bottom:8px;}
.club-profile-head h1{margin-top:10px;}
.club-tagline{color:var(--mist); font-size:14.5px; max-width:52ch; margin:8px auto 0;}

.club-contact{margin-top:24px; text-align:center; font-size:14px; color:var(--ink); background:var(--card); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); padding:12px 16px; max-width:420px; margin-left:auto; margin-right:auto;}

.club-teaser-grid{display:flex; flex-wrap:wrap; justify-content:center; gap:16px;}
.club-teaser-card{flex:1 1 130px; max-width:170px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; background:var(--card); border:1px solid var(--line); border-radius:8px; padding:20px 12px; text-decoration:none; transition:transform .15s, box-shadow .15s;}
@media (max-width:400px){
  .club-teaser-card .club-card-logo{width:60px; height:60px; font-size:19px;}
}
.club-teaser-card:hover{transform:translateY(-3px); box-shadow:var(--shadow);}
.club-teaser-card .club-card-logo{width:72px; height:72px; font-size:22px;}
.club-teaser-name{font-size:13.5px; font-weight:600; color:var(--ink); line-height:1.3;}
.club-teaser-cat{font-size:11px; color:var(--mist); text-transform:uppercase; letter-spacing:0.05em;}

.notfound{padding:100px 0; text-align:center;}