*{box-sizing:border-box}
:root{--bg:#f3f4f6;--dark:#111;--card:#fff;--line:#ddd;--red:#d81f2a;--yellow:#f6b72b;--blue:#167ac6;--muted:#666}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#222;line-height:1.65}
a{color:#146fa8;text-decoration:none}a:hover{text-decoration:underline}
.wrap{width:min(1120px,calc(100% - 28px));margin:auto}
.topbar{background:#0b0b0b;color:#eee;font-size:13px;border-bottom:1px solid #252525}
.utility{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;padding:8px 0}
.utility a{color:#eee}
.site-header{background:#171717;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.brand-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}
.logo img{display:block;max-width:270px;height:auto}
.visit{background:var(--yellow);color:#111!important;font-weight:800;padding:10px 18px;border-radius:5px;text-decoration:none!important}
.main-nav{background:#b71720;border-top:1px solid rgba(255,255,255,.08)}
.nav-scroll{display:flex;overflow:auto;white-space:nowrap;scrollbar-width:thin}
.nav-scroll a{color:white;font-weight:700;padding:12px 15px;text-decoration:none!important;border-right:1px solid rgba(255,255,255,.12)}
.nav-scroll a:hover{background:#941018}
.hero{background:linear-gradient(135deg,#171717,#292929);color:white;text-align:center;padding:50px 30px;margin-top:22px;border-radius:10px;border-bottom:4px solid var(--yellow)}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--yellow)}
h1{font-size:clamp(28px,5vw,46px);line-height:1.18;margin:10px auto 14px;max-width:900px}
.lead{max-width:780px;margin:0 auto 22px;color:#ddd;font-size:17px}
.hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.primary,.share-btn{border:0;border-radius:5px;padding:11px 20px;font-weight:800;font-size:15px;cursor:pointer}
.primary{background:var(--red);color:#fff!important;text-decoration:none!important}
.share-btn{background:#fff;color:#111}
.notice{background:#fff5cd;border:1px solid #ecd476;padding:12px 16px;border-radius:6px;margin:18px 0;text-align:center}
.section,.seo section,.share-panel{background:var(--card);border:1px solid #e2e2e2;border-radius:8px;padding:24px;margin:18px 0}
h2{font-size:24px;line-height:1.3;margin:0 0 13px;color:#222;border-left:5px solid var(--red);padding-left:10px}
h3{font-size:19px}
.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.cats a{display:flex;flex-direction:column;gap:2px;background:#171717;border-top:3px solid var(--yellow);padding:16px;border-radius:6px;color:white!important;text-decoration:none!important;min-height:88px}
.cats a:hover{transform:translateY(-2px)}
.cats span{font-size:12px;color:#ccc}
.seo p{margin:8px 0 14px}
.features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.features>div{background:#f7f7f7;border:1px solid #e6e6e6;border-radius:6px;padding:16px}
.features p{margin-bottom:0;color:#555}
details{border-top:1px solid #e5e5e5;padding:13px 0}
details:first-of-type{border-top:0}
summary{cursor:pointer;font-weight:800}
.share-panel{text-align:center}
.share-panel h2{border:0;padding:0}
.shares{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.shares a,.shares button{border:0;background:#202020;color:#fff!important;border-radius:4px;padding:8px 12px;font-weight:700;cursor:pointer;text-decoration:none!important}
footer{margin-top:26px;background:#111;color:#ddd;border-top:4px solid var(--red)}
.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 0}
.footer-grid img{max-width:180px;height:auto}
.footer-grid p{margin:8px 0 0;color:#aaa}
.footer-links{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end}
.footer-links a{color:#eee}
.copyright{text-align:center;border-top:1px solid #2b2b2b;padding:13px;color:#aaa;font-size:13px}
@media(max-width:850px){.cats{grid-template-columns:repeat(2,1fr)}.brand-row{flex-direction:column}.footer-grid{flex-direction:column;text-align:center}.footer-links{justify-content:center}}
@media(max-width:560px){.wrap{width:min(100% - 18px,1120px)}.utility{gap:9px;font-size:12px}.hero{padding:34px 16px}.section,.seo section,.share-panel{padding:18px}.cats{grid-template-columns:1fr}.features{grid-template-columns:1fr}.logo img{max-width:235px}}


/* v2: stronger mobile + new-tab fallback */
.new-tab-help{
  margin:14px auto 0;
  width:fit-content;
  max-width:100%;
  background:#202020;
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  border-radius:6px;
  padding:9px 12px;
  font-size:14px;
}
.new-tab-help a{
  color:#ffd24a!important;
  font-weight:800;
  text-decoration:underline;
}

button,a{
  -webkit-tap-highlight-color:transparent;
}

@media(max-width:680px){
  body{
    overflow-x:hidden;
    font-size:15px;
    line-height:1.62;
  }

  .wrap{
    width:calc(100% - 16px);
  }

  .topbar{
    position:static;
  }

  .utility{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    padding:8px 0;
  }

  .utility a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:6px 7px;
    background:#171717;
    border:1px solid #292929;
    border-radius:5px;
    text-align:center;
    line-height:1.25;
  }

  .brand-row{
    padding:13px 0;
    gap:12px;
  }

  .logo img{
    width:min(235px,78vw);
  }

  .visit{
    width:min(320px,100%);
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .nav-scroll{
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
  }

  .nav-scroll a{
    scroll-snap-align:start;
    min-height:44px;
    display:flex;
    align-items:center;
    padding:11px 14px;
  }

  .hero{
    margin-top:12px;
    padding:28px 14px;
    border-radius:8px;
  }

  h1{
    font-size:clamp(25px,8vw,34px);
  }

  h2{
    font-size:21px;
  }

  .lead{
    font-size:15.5px;
  }

  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }

  .primary,
  .share-btn{
    width:100%;
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
  }

  .notice{
    padding:11px 12px;
    overflow-wrap:anywhere;
  }

  .section,
  .seo section,
  .share-panel{
    padding:16px;
    margin:12px 0;
    border-radius:7px;
  }

  .cats{
    grid-template-columns:1fr;
    gap:9px;
  }

  .cats a{
    min-height:76px;
  }

  .features{
    grid-template-columns:1fr;
  }

  .shares{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .shares a,
  .shares button{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .footer-grid{
    padding:24px 0;
  }

  .footer-links{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
    gap:8px;
  }

  .footer-links a{
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:6px;
    border:1px solid #292929;
    border-radius:5px;
    text-align:center;
  }
}

@media(max-width:390px){
  .utility,
  .shares,
  .footer-links{
    grid-template-columns:1fr;
  }

  h1{
    font-size:24px;
  }

  .section,
  .seo section,
  .share-panel{
    padding:14px;
  }
}