/* Shared style for the subpages (/padel, /tennis, /sponsorscherm, /privacy, /blog) — copied from site.html's inline CSS */
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{background:#0b0d11;font-family:Archivo,sans-serif;color:#1b1a17;overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
a:focus-visible{outline:3px solid #ff5a3c;outline-offset:3px;}

.wrap{max-width:1200px;margin:0 auto;padding:0 20px;}
.sec{padding:72px 0;}
.sec-dark{background:#0b0d11;color:#f2f4f8;}
.sec-paper{background:#faf9f6;}
.sec-white{background:#fff;}
.kicker{font:700 12px 'JetBrains Mono';letter-spacing:3px;color:#b0361f;text-transform:uppercase;margin-bottom:14px;}
.sec-dark .kicker{color:#ff7a5e;}
.h2{font:900 28px/1.1 Archivo;letter-spacing:-1px;max-width:760px;overflow-wrap:break-word;}
.intro{font:500 17px/1.55 Archivo;color:#56524a;max-width:640px;margin-top:16px;}
.sec-dark .intro{color:#aeb6c4;}

/* page header */
.page-head{background:radial-gradient(90% 120% at 85% -10%, #1b2636 0%, #0b0d11 60%);color:#fff;padding:48px 0 64px;}
.page-head h1{font:900 36px/1.05 Archivo;letter-spacing:-1.5px;max-width:860px;overflow-wrap:break-word;}
.lead{font:500 18px/1.5 Archivo;color:#b9c0cc;margin-top:20px;max-width:640px;}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}

/* article text */
.prose{max-width:70ch;margin-top:16px;}
.prose p,.prose li{font:500 17px/1.6 Archivo;color:#56524a;}
.prose p+p,.prose p+ul,.prose ul+p,.prose p+ol,.prose ol+p{margin-top:14px;}
.prose ul,.prose ol{padding-left:22px;display:flex;flex-direction:column;gap:8px;}
.prose a{color:#1b1a17;border-bottom:1px solid #b0361f;}
.prose a:hover{color:#b0361f;}
.sec-dark .prose p,.sec-dark .prose li{color:#aeb6c4;}
.sec-dark .prose a{color:#fff;border-bottom:2px solid #ff5a3c;}

/* blog */
.prose h2{font:900 26px/1.15 Archivo;letter-spacing:-.5px;color:#1b1a17;margin-top:40px;}
.prose h3{font:900 20px/1.25 Archivo;color:#1b1a17;margin-top:28px;}
.prose>:first-child{margin-top:0;}
.prose h2+*,.prose h3+*{margin-top:12px;}
.prose strong{color:#1b1a17;}
.post-back{display:inline-block;font:600 14px Archivo;color:#aeb6c4;margin-bottom:20px;}
.post-back:hover{color:#fff;}
.post-meta{display:block;font:700 12px 'JetBrains Mono';letter-spacing:1px;text-transform:uppercase;color:#8a8478;}
.page-head .post-meta{color:#aeb6c4;margin-top:20px;}
.post-cover{display:block;width:100%;max-width:70ch;height:auto;border-radius:16px;margin-bottom:32px;}
.post-list{display:flex;flex-direction:column;gap:20px;}
.post-card{display:grid;gap:18px;background:#fff;border-radius:16px;padding:24px;}
.post-card img{width:100%;height:auto;border-radius:12px;}
.post-card h2{font:900 24px/1.15 Archivo;letter-spacing:-.5px;margin:8px 0 10px;overflow-wrap:break-word;}
.post-card h2 a:hover{color:#b0361f;}
.post-card p{font:500 16px/1.55 Archivo;color:#56524a;max-width:70ch;}

/* logo */
.logo{transform:skewX(-9deg);display:inline-flex;align-items:center;gap:6px;}
.logo-word{font:900 19px Archivo;letter-spacing:-1px;color:#fff;}
.logo-tv{display:inline-flex;align-items:center;padding:1px 7px 3px;background:#ff2e2e;}
.logo-tv span{font:900 17px Archivo;letter-spacing:-1px;color:#fff;}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;font:800 14px Archivo;color:#0b0d11;background:#ff5a3c;padding:10px 16px;border-radius:10px;white-space:nowrap;transition:background .15s;}
.btn:hover{background:#ff7a5e;}
.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);padding:9px 15px;}
.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:#fff;}
.btn-lg{font-size:16px;padding:15px 24px;border-radius:12px;}
.btn-lg.btn-ghost{padding:14px 23px;}

/* nav */
.nav{position:sticky;top:0;z-index:20;background:rgba(11,13,17,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.07);}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px;}
.nav-links{display:flex;align-items:center;gap:6px;}
.nav .btn{font-size:13px;padding:8px 11px;}
.nav .btn-ghost{padding:7px 10px;}
.nav-text{display:none;font:600 15px Archivo;color:#aeb6c4;padding:8px 12px;}
.nav-text:hover{color:#fff;}

/* footer */
.foot{background:#0b0d11;color:#aeb6c4;padding:40px 0;}
.foot .wrap{display:flex;flex-direction:column;gap:22px;}
.foot-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 24px;font:600 14px Archivo;}
.foot-links a:hover{color:#fff;}
.foot-legal{font:500 13px/1.6 Archivo;color:#9aa3b2;border-top:1px solid rgba(255,255,255,.08);padding-top:20px;}

@media (min-width: 760px){
  .wrap{padding:0 40px;}
  .sec{padding:96px 0;}
  .h2{font-size:44px;}
  .nav-text{display:inline-block;}
  .nav-links{gap:10px;}
  .nav .btn{font-size:14px;padding:10px 16px;}
  .nav .btn-ghost{padding:9px 15px;}
  .logo-word{font-size:26px;}
  .logo-tv span{font-size:24px;}
  .page-head{padding:72px 0 88px;}
  .page-head h1{font-size:52px;letter-spacing:-2px;}
  .lead{font-size:20px;}
  .foot-legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;}
  .post-card{padding:32px;}
  .post-card.has-cover{grid-template-columns:260px 1fr;align-items:start;}
  .prose h2{font-size:30px;}
}
@media (min-width: 1100px){
  .page-head{padding:88px 0 112px;}
  .page-head h1{font-size:60px;}
}