*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter','SF Pro Display',sans-serif;background:#f5f0eb;color:#1a1a1a;overflow-x:hidden}
a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}

.nv{display:flex;align-items:center;justify-content:space-between;padding:14px 6%;background:#fff;border-bottom:4px solid #000;position:sticky;top:0;z-index:20}
.nv-l{display:flex;align-items:center;gap:10px}
.nv-i{width:36px;height:36px;background:#000;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:14px;border:2px solid #000}
.nv-t{font-weight:800;font-size:18px;color:#000;letter-spacing:-.5px}
.nv-ln{display:flex;gap:6px}.nv-ln a{padding:4px 12px;font-size:11px;text-decoration:none;color:#000;font-weight:600;border:2px solid #000;text-transform:uppercase}.nv-ln a:hover,.nv-ln a.act{background:#000;color:#fff}
.nv-r{background:#000;color:#fff;border:2px solid #000;padding:6px 16px;font-size:11px;font-weight:700;text-decoration:none;text-transform:uppercase;display:inline-block}

.hero{background:#fff url(../images/5v39pa4.webp) center/cover;padding:40px 6% 36px;border-bottom:4px solid #000;text-align:center;position:relative}
.hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.85);z-index:0}
.hero>*{position:relative;z-index:1}
.hero .bd{display:inline-block;background:#ff6b6b;color:#fff;padding:3px 12px;font-size:9px;font-weight:700;letter-spacing:1px;margin-bottom:10px;border:2px solid #000}
.hero h1{font-size:42px;font-weight:900;margin-bottom:6px;letter-spacing:-2px;color:#000;text-transform:uppercase}
.hero h1 em{font-style:normal;background:#ffd93d;padding:0 6px;display:inline-block}
.hero p{font-size:14px;color:#666;margin-bottom:18px;max-width:450px;margin-left:auto;margin-right:auto;font-weight:500}
.hero .bt{display:flex;gap:8px;justify-content:center}
.hero .bt a{padding:10px 28px;font-size:12px;font-weight:700;text-decoration:none;text-transform:uppercase;border:2px solid #000;display:inline-block}
.hero .b1{background:#000;color:#fff}.hero .b2{background:#fff;color:#000}

.wp{max-width:1000px;margin:0 auto;padding:0 6%}
.s-tt{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:14px;border-bottom:2px solid #000;padding-bottom:6px;display:inline-block}
.seo-h2{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:14px;border-bottom:2px solid #000;padding-bottom:6px;display:inline-block;border:none;background:none;padding:0 0 6px 0;margin:0 0 14px 0}

.brutal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:32px}
.brutal-i{padding:20px 14px;background:#fff;border:2px solid #000;text-align:center;box-shadow:4px 4px 0 #000}
.brutal-i .sym{font-size:9px;color:#999;font-weight:600;text-transform:uppercase;margin-bottom:4px}
.brutal-i .pr{font-size:20px;font-weight:900;color:#000;margin:4px 0}
.brutal-i .up{color:#000;font-weight:700;font-size:12px}.brutal-i .dn{color:#ff6b6b;font-weight:700;font-size:12px}
.brutal-i .v{font-size:22px;font-weight:900;color:#000;margin-bottom:4px}
.brutal-i .l{font-size:9px;color:#999;font-weight:600;text-transform:uppercase}

.brutal-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:32px}
.brutal-2 .c{padding:16px;background:#fff;border:2px solid #000;box-shadow:4px 4px 0 #000}
.brutal-2 .tt{font-size:9px;font-weight:700;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.brutal-2 .tt::before{content:'';width:8px;height:8px;background:#000;flex-shrink:0}
.rw{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #eee;font-size:12px;font-weight:500}
.rw:last-child{border:none}

.news-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:32px}
.news-i{display:block;padding:14px 16px;background:#fff;border:2px solid #000;text-decoration:none;color:inherit;box-shadow:3px 3px 0 #000}
.news-i:hover{box-shadow:6px 6px 0 #000}
.news-i .t{font-size:13px;font-weight:700;color:#000;margin-bottom:2px;display:flex;justify-content:space-between}
.news-i .tg{font-size:8px;padding:2px 6px;background:#ffd93d;font-weight:700;border:1px solid #000}
.news-i .s{font-size:10px;color:#999;line-height:1.4}

.ft{padding:16px 6%;text-align:center;font-size:9px;color:#999;border-top:4px solid #000;background:#fff;margin-top:16px}

/* Article */
.artp{max-width:700px;margin:0 auto;padding:32px 20px 40px}
.art-b{font-size:11px;color:#000;display:inline-block;margin-bottom:14px;font-weight:600}
.art-b::before{content:"← "}
.art-h1{font-size:24px;font-weight:900;color:#000;margin-bottom:6px;letter-spacing:-.5px}
.art-m{font-size:10px;color:#999;margin-bottom:16px}
.ab{font-size:14px;color:#444;line-height:1.9}
.ab p{margin-bottom:14px}
.ab .disc{border:2px solid #000;padding:14px 18px;margin:20px 0;box-shadow:3px 3px 0 #000}
.art-cta{text-align:center;padding:20px}
.art-cta a{display:inline-flex;padding:10px 36px;background:#000;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;border:2px solid #000}

/* Category */
.ls{max-width:1000px;margin:0 auto;padding:32px 6%;display:grid;grid-template-columns:2fr 1fr;gap:24px}
.ls-h1{font-size:22px;font-weight:900;margin-bottom:16px;color:#000;letter-spacing:-.5px;text-transform:uppercase}
.ls-lnk{display:block;padding:10px 0;border-bottom:1px solid #eee;font-size:13px;color:#444;font-weight:500}
.ls-lnk:hover{color:#000}
.ls-sd{padding:16px;background:#fff;border:2px solid #000;box-shadow:4px 4px 0 #000;align-self:start}
.ls-sd .tt{font-size:9px;font-weight:700;text-transform:uppercase;margin-bottom:6px}
.ls-sd .s{font-size:11px;color:#999;line-height:1.6}
.pg{display:flex;justify-content:center;gap:6px;padding:16px}
.pg a,.pg s{display:inline-block;padding:5px 12px;border:2px solid #000;font-size:12px;font-weight:700;color:#000}
.pg .cur{background:#000;color:#fff}

@media(max-width:768px){
  .brutal-grid{grid-template-columns:repeat(2,1fr)}
  .brutal-2,.news-2{grid-template-columns:1fr}
  .hero h1{font-size:30px}
  .ls{grid-template-columns:1fr}
  .nv{padding:10px 4%}
  .nv-ln{gap:4px}
  .nv-ln a{font-size:10px;padding:3px 8px}
  .nv-r{font-size:10px;padding:5px 12px}
  .art-h1{font-size:18px}
}
@media(max-width:480px){
  .brutal-grid{grid-template-columns:1fr}
  .hero h1{font-size:24px}
  .nv{padding:8px 3%}
  .nv-ln{gap:2px}
  .nv-ln a{font-size:9px;padding:2px 6px}
  .nv-t{font-size:14px}
  .nv-i{width:30px;height:30px;font-size:12px}
}