
:root{--wb-ink:#172437;--wb-gold:#d99a30;--wb-bg:#f6f8fb}
.wb-guide-wrap{max-width:1220px;margin:30px auto 70px;padding:0 20px}.wb-guide-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.wb-guide-article{background:#fff;border:1px solid #dfe6ee;border-radius:18px;padding:clamp(20px,3vw,42px);box-shadow:0 12px 30px #13223a0b}.wb-guide-article h1{font-size:clamp(28px,3vw,42px);line-height:1.17;color:#15283e}.wb-guide-article h2{font-size:23px;margin:34px 0 14px;color:#14344d}.wb-guide-article p{font-size:16px;line-height:1.85;color:#33475a;margin:0 0 19px}.wb-guide-article .lead{font-size:18px}.wb-toc{padding:20px 24px;border-radius:13px;background:#eef5fc;border-left:5px solid #d99a30;margin:24px 0}.wb-toc a{color:#185078}.wb-toc li{margin:7px 0}.wb-side{position:sticky;top:20px}.wb-sidebox{padding:23px;border-radius:15px;background:linear-gradient(135deg,#15304b,#1b5665);color:#fff;margin-bottom:17px;box-shadow:0 9px 24px #14283d20}.wb-sidebox:nth-child(2){background:#fff;color:#20364c;border:1px solid #dfe6ee}.wb-sidebox:nth-child(3){background:linear-gradient(130deg,#fff1cf,#f4d48b);color:#2c2518}.wb-sidebox h2{font-size:20px;margin:0 0 12px;color:inherit}.wb-sidebox a{display:block;padding:9px 0;color:inherit;text-decoration:underline}.wb-sidebox p{line-height:1.6}.wb-guide-badge{display:inline-block;padding:7px 12px;border-radius:40px;background:#fff1d5;color:#805000;font-weight:800;font-size:12px}.wb-hero-img{width:100%;height:auto;max-height:350px;object-fit:cover;border-radius:14px;margin:20px 0}.wb-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wb-card{display:block;background:#fff;border:1px solid #dfe5eb;border-radius:14px;overflow:hidden;text-decoration:none;color:#192f44;box-shadow:0 6px 20px #182a3a0c}.wb-card img{width:100%;height:145px;object-fit:cover}.wb-card span{display:block;padding:17px;font-weight:750}.wb-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #182a3a20}.w7-dropdown-panel{z-index:1000;max-height:65vh;overflow:auto}.w7-dropdown-panel a{display:block}.wb-sport-strip{max-width:1180px;margin:35px auto;padding:0 20px}.wb-sport-strip h2{color:#1d3347}.wb-sport-strip .wb-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:880px){.wb-guide-grid{grid-template-columns:1fr}.wb-side{position:static}.wb-card-grid,.wb-sport-strip .wb-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.wb-card-grid,.wb-sport-strip .wb-card-grid{grid-template-columns:1fr}}

/* Minimum readable text size across all viewport widths. */
html{font-size:16px}body{font-size:max(11px,1rem)}
