/* ── Info pages: same look as the rest of the site (login colours, Bricolage/Instrument, dark hero, card panels) ── */
:root{
  --wl-display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;
  --wl-body:"Instrument Sans","Helvetica Neue",Arial,system-ui,sans-serif;
  --wl-card:#141414; --wl-card2:#1E1E1E; --wl-line:#2B2B2B; --wl-muted:#A3A3A3;
  --wl-shadow:0 24px 50px -28px rgba(0,0,0,.8);
  --wl-maxw:1180px; --accent:#E62E2D;
}
html[data-theme="light"]{
  --wl-card:#FFFFFF; --wl-card2:#EFEFEF; --wl-line:#DCDCDC; --wl-muted:#5F5F5F;
  --wl-shadow:0 18px 40px -24px rgba(0,0,0,.25);
}

body.wl{font-family:var(--wl-body);font-size:15px;line-height:1.55;background:var(--bg);-webkit-font-smoothing:antialiased}
body.wl::before{display:none}
body.wl h1,body.wl h2,body.wl h3,body.wl h4{font-family:var(--wl-display);letter-spacing:-.02em}
body.wl .btn,body.wl input,body.wl textarea,body.wl select{font-family:var(--wl-body)}
body.wl main{width:100%;max-width:var(--wl-maxw);margin:0 auto;padding:0 16px}
body.wl .container{max-width:none;padding:0}
body.wl .section{padding:10px 0 0}
body.wl .section-sm{padding:10px 0 0}
body.wl .orb,body.wl .ghost-word{display:none}

/* Top bar */
.wl-topbar{position:sticky;top:10px;z-index:20;max-width:var(--wl-maxw);margin:10px auto 0;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 18px;border-radius:18px;
  background:color-mix(in srgb,var(--wl-card) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--wl-shadow)}
@media (min-width:1201px){.wl-topbar{width:calc(100% - 32px)}}
@media (max-width:1200px){.wl-topbar{margin:10px 16px 0}}
.wl-brand{display:flex;align-items:center;gap:10px;font-family:var(--wl-display);font-weight:800;font-size:20px;letter-spacing:-.03em;text-decoration:none;color:var(--text)}
.wl-brand-mark{width:30px;height:30px;border-radius:50%;background:var(--accent);display:grid;place-items:center;flex:none}
.wl-brand-img{height:30px;width:auto}
.wl-brand-img ~ .wl-brand-mark{display:none}
.wl-links{display:flex;gap:2px;margin-left:18px}
.wl-links a{padding:8px 12px;border-radius:999px;color:var(--wl-muted);font-weight:600;font-size:14px;text-decoration:none}
.wl-links a:hover,.wl-links a.on{color:var(--text);background:var(--wl-card2)}
.wl-spacer{flex:1}
.wl-icon-btn{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--wl-muted);flex:none;background:none;border:0;cursor:pointer;padding:0}
.wl-icon-btn:hover{color:var(--text);background:var(--wl-card2)}
.wl-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#themeBtn .ic-sun{display:none}
:root[data-theme="dark"] #themeBtn .ic-sun{display:block}
:root[data-theme="dark"] #themeBtn .ic-moon{display:none}
.wl-link{font-weight:600;font-size:14px;color:var(--wl-muted);text-decoration:none;padding:0 8px;white-space:nowrap}
.wl-link:hover{color:var(--text)}
.wl-pill{display:inline-flex;align-items:center;height:38px;padding:0 18px;border-radius:999px;background:var(--text);color:var(--bg);font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.wl-pill:hover{filter:brightness(1.15)}
@media (max-width:760px){.wl-links,.wl-link{display:none}.wl-topbar{padding:8px 10px 8px 14px}.wl-brand{font-size:18px}}
@media (max-width:420px){.wl-pill{padding:0 13px;font-size:13px}}

/* Hero banner: dark panel like the newer pages */
body.wl .page-banner{position:relative;overflow:hidden;isolation:isolate;margin-top:16px;padding:34px 40px;border-radius:22px;text-align:left;background:#0B0B0B;color:#FFFFFF}
body.wl .page-banner::before{background:radial-gradient(110% 90% at 100% 0%,rgba(230,46,45,.28),transparent 60%),radial-gradient(80% 80% at 0% 100%,rgba(230,46,45,.16),transparent 60%);background-size:auto;z-index:-1}
body.wl .page-banner::after{display:none}
body.wl .page-banner .banner-wave,body.wl .page-banner > .container > br{display:none}
body.wl .page-banner h1{font-size:clamp(38px,6vw,80px);line-height:.95;font-weight:800;letter-spacing:-.04em;color:#FFFFFF;margin-top:4px}
body.wl .page-banner p{color:rgba(255,255,255,.8)!important;margin:14px 0 0!important;max-width:56ch!important;font-size:16px!important;text-align:left}
body.wl .page-banner .btn{margin-top:18px}
body.wl .breadcrumb{justify-content:flex-start;color:rgba(255,255,255,.7);margin-bottom:18px;flex-wrap:wrap}
body.wl .breadcrumb a{color:#FFFFFF;font-weight:600}
body.wl .breadcrumb a:hover{text-decoration:underline}
body.wl .breadcrumb svg{stroke:rgba(255,255,255,.6)}
body.wl .page-banner [style*="justify-content:center"]{justify-content:flex-start!important}
body.wl .page-banner [style*="margin:0 auto"],body.wl .page-banner [style*="margin: 0 auto"]{margin-left:0!important;margin-right:0!important}

/* Kicker label */
body.wl .label{gap:8px;padding:0 12px;height:30px;border-radius:999px;background:rgba(230,46,45,.14);border:1px solid rgba(230,46,45,.3);color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:12px}
body.wl .page-banner .label{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);color:#FFFFFF}
body.wl .label-dot{width:8px;height:8px;background:var(--accent);box-shadow:0 0 0 3px rgba(230,46,45,.25)}

/* Accent text: solid red, no gradient */
body.wl .gradient-text,body.wl .stat-num{background:none;-webkit-text-fill-color:currentColor;color:var(--accent)}

/* Cards */
body.wl .glass{background:var(--wl-card);border:1px solid var(--wl-line);border-radius:18px;backdrop-filter:none;-webkit-backdrop-filter:none}
body.wl .glass-hover:hover{transform:translateY(-3px);border-color:rgba(230,46,45,.45);box-shadow:0 20px 40px -24px rgba(230,46,45,.6)}
body.wl .section h2{font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.1}
body.wl .section h3{font-weight:700;font-size:17px}

/* Buttons: pills like the rest of the site */
body.wl .btn{border-radius:999px;height:46px;padding:0 22px;font-weight:700;font-size:14.5px;justify-content:center}
body.wl .btn-primary{background:var(--accent);color:#FFFFFF;box-shadow:0 12px 26px -12px rgba(230,46,45,.8)}
body.wl .btn-primary:hover{transform:translateY(-1px);filter:brightness(1.06)}
body.wl .btn-ghost{background:transparent;color:var(--text);border:1.5px solid var(--wl-line);backdrop-filter:none}
body.wl .btn-ghost:hover{border-color:var(--text);background:var(--wl-card2)}
body.wl .page-banner .btn-ghost{color:#FFFFFF;border-color:rgba(255,255,255,.4)}
body.wl .page-banner .btn-ghost:hover{border-color:#FFFFFF;background:rgba(255,255,255,.08)}

/* Icon badges */
body.wl .icon-badge{border-radius:14px}
body.wl .ib-grad,body.wl .ib-purple{background:var(--accent);border:0;box-shadow:0 10px 22px -12px rgba(230,46,45,.8)}
body.wl .ib-grad svg,body.wl .ib-purple svg{stroke:#FFFFFF}
body.wl .ib-pink{background:rgba(230,46,45,.14);border-color:rgba(230,46,45,.3)}
body.wl .ib-pink svg{stroke:var(--accent)}

/* Forms */
body.wl label{color:var(--wl-muted);font-weight:600}
body.wl input,body.wl textarea,body.wl select{background:var(--wl-card2);border:1px solid var(--wl-line);border-radius:12px;backdrop-filter:none}
body.wl input:focus,body.wl textarea:focus,body.wl select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(230,46,45,.15)}

/* Lines drawn with white-on-dark inline styles stay subtle in light mode */
html[data-theme="light"] body.wl [style*="rgba(255,255,255,0.05)"]{border-color:var(--wl-line)!important}

body.wl .divider-glow{background:linear-gradient(90deg,transparent,var(--accent),transparent)}
body.wl .eq-bar{background:var(--accent)}

/* Footer */
.wl-foot{max-width:var(--wl-maxw);margin:24px auto 0;padding:0 16px 28px}
.wl-foot-inner{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--wl-line);color:var(--wl-muted);font-size:13.5px}
.wl-foot nav{display:flex;flex-wrap:wrap;gap:16px}
.wl-foot a{text-decoration:none;color:inherit}
.wl-foot a:hover{color:var(--text)}

@media (max-width:760px){
  body.wl .page-banner{padding:24px 20px;border-radius:18px;margin-top:12px}
  body.wl .page-banner h1{font-size:clamp(32px,10vw,44px)}
  body.wl .glass[style*="padding:40px"],body.wl .glass[style*="padding:48px"],body.wl .glass[style*="padding:36px"]{padding:22px!important}
}
body.wl footer.wl-foot{background:none;border-top:0;overflow:visible;position:static}
html[data-theme="light"] body.wl footer.wl-foot{background:none}
body.wl .ib-blue,body.wl .ib-green{background:rgba(230,46,45,.14);border-color:rgba(230,46,45,.3)}
body.wl .ib-blue svg,body.wl .ib-green svg{stroke:var(--accent)}
/* full-width grey bands become rounded panels */
body.wl section[style*="background:var(--bg2)"]{background:var(--wl-card)!important;border-radius:22px;margin-top:10px;padding:32px 28px!important}
@media (max-width:760px){body.wl section[style*="background:var(--bg2)"]{padding:22px 18px!important;border-radius:18px}}