/* ===========================================================
   COMIC POP — American Comic Book Style
   Palette: Yellow #ffe600 / Red #ff2d55 / Blue #1d6bff / Black #111 / White #fff
   Fonts: Bangers / Permanent Marker / Comic Neue / Noto Sans Thai
   Prefix: cmc-
   =========================================================== */

:root{
  --cmc-yellow:#ffe600;
  --cmc-yellow-d:#ffd000;
  --cmc-red:#ff2d55;
  --cmc-red-d:#d91e44;
  --cmc-blue:#1d6bff;
  --cmc-blue-d:#0a4fd8;
  --cmc-black:#111;
  --cmc-white:#fff;
  --cmc-cream:#fff8d6;
  --cmc-ink:rgba(0,0,0,.85);
  --cmc-shadow:6px 6px 0 var(--cmc-black);
  --cmc-shadow-sm:3px 3px 0 var(--cmc-black);
  --cmc-border:3px solid var(--cmc-black);
  --cmc-border-thick:5px solid var(--cmc-black);
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body.cmc-body{
  font-family:"Comic Neue","Noto Sans Thai",sans-serif;
  font-size:16px;line-height:1.55;color:var(--cmc-black);
  background:var(--cmc-cream);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.cmc-no-scroll{overflow:hidden}

a{color:var(--cmc-blue-d);text-decoration:none;font-weight:700}
a:hover{color:var(--cmc-red);text-decoration:underline wavy}
img,mip-img{max-width:100%}

/* ---- 网点背景 + 速度线 ---- */
.cmc-halftone-bg{
  position:fixed;inset:0;z-index:-2;pointer-events:none;
  background-image:
    radial-gradient(circle at 1px 1px, rgba(0,0,0,.18) 1.2px, transparent 1.5px),
    radial-gradient(circle at 8px 8px, rgba(255,45,85,.12) 1px, transparent 1.5px);
  background-size:14px 14px, 14px 14px;
  background-position:0 0, 7px 7px;
}
.cmc-action-lines{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    repeating-conic-gradient(from 0deg at 50% 50%,
      transparent 0deg 8deg,
      rgba(255,230,0,.05) 8deg 9deg,
      transparent 9deg 18deg);
  opacity:.5;
}

/* ---- 通用按钮 ---- */
.cmc-btn{
  display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
  padding:10px 22px;
  background:var(--cmc-yellow);color:var(--cmc-black);
  border:var(--cmc-border-thick);border-radius:8px;
  box-shadow:var(--cmc-shadow);
  font-family:"Bangers","Noto Sans Thai",sans-serif;
  font-size:22px;letter-spacing:1.5px;
  text-transform:uppercase;text-decoration:none;
  transition:transform .12s,box-shadow .12s;
  cursor:pointer;
}
.cmc-btn span{font-size:1em;line-height:1}
.cmc-btn em{font-family:"Comic Neue","Noto Sans Thai",sans-serif;font-style:normal;font-size:.55em;font-weight:700;margin-top:2px;letter-spacing:.5px}
.cmc-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--cmc-black);text-decoration:none;color:var(--cmc-black)}
.cmc-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--cmc-black)}
.cmc-btn--red{background:var(--cmc-red);color:var(--cmc-white)}
.cmc-btn--blue{background:var(--cmc-blue);color:var(--cmc-white)}
.cmc-btn--yellow{background:var(--cmc-yellow);color:var(--cmc-black)}
.cmc-btn--big{padding:16px 32px;font-size:30px}
.cmc-btn--big em{font-size:.5em}

/* ---- POP 动画 ---- */
@keyframes cmc-pop{
  0%{transform:scale(1) rotate(var(--rot,0deg))}
  30%{transform:scale(1.18) rotate(var(--rot,0deg))}
  60%{transform:scale(.95) rotate(var(--rot,0deg))}
  100%{transform:scale(1) rotate(var(--rot,0deg))}
}
.cmc-pop-anim{animation:cmc-pop .4s ease}

@keyframes cmc-wobble{
  0%,100%{transform:rotate(-3deg)}
  50%{transform:rotate(3deg)}
}

/* ===========================================================
   HEADER
   =========================================================== */
.cmc-header{position:sticky;top:0;z-index:100;border-bottom:var(--cmc-border-thick);background:var(--cmc-white)}

.cmc-header__strip{
  display:flex;align-items:center;gap:10px;
  padding:6px 16px;
  background:var(--cmc-red);color:var(--cmc-white);
  font-family:"Bangers","Noto Sans Thai",sans-serif;letter-spacing:1.5px;
  border-bottom:var(--cmc-border);
}
.cmc-header__zap{font-size:14px;flex-shrink:0;background:var(--cmc-yellow);color:var(--cmc-black);padding:2px 8px;border:2px solid var(--cmc-black);border-radius:4px}
.cmc-header__marquee{flex:1;font-size:15px}

.cmc-header__bar{
  display:flex;align-items:center;gap:18px;
  padding:10px 20px;
  background:var(--cmc-yellow);
}

.cmc-brand{display:flex;align-items:baseline;gap:6px;text-decoration:none;color:var(--cmc-black)}
.cmc-brand__pow{
  font-family:"Bangers",sans-serif;font-size:42px;line-height:1;
  color:var(--cmc-red);-webkit-text-stroke:2px var(--cmc-black);
  text-shadow:3px 3px 0 var(--cmc-black);
  letter-spacing:1px;
}
.cmc-brand__bet{
  font-family:"Bangers",sans-serif;font-size:42px;line-height:1;
  color:var(--cmc-blue);-webkit-text-stroke:2px var(--cmc-black);
  text-shadow:3px 3px 0 var(--cmc-black);
  letter-spacing:1px;
}
.cmc-brand__bet i{color:var(--cmc-red);font-style:normal}
.cmc-brand__tag{
  font-family:"Permanent Marker",cursive;font-size:11px;color:var(--cmc-black);
  margin-left:6px;transform:rotate(-4deg);display:inline-block;
}

.cmc-nav{margin-left:auto}
.cmc-nav__list{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.cmc-nav__link{
  display:inline-block;padding:8px 14px;
  font-family:"Bangers",sans-serif;font-size:18px;letter-spacing:1px;
  color:var(--cmc-black);text-decoration:none;
  border:var(--cmc-border);border-radius:6px;
  background:var(--cmc-white);
  transition:transform .12s,background .12s;
}
.cmc-nav__link:hover,.cmc-nav__link.is-active{
  background:var(--cmc-blue);color:var(--cmc-white);
  transform:translate(-1px,-1px);box-shadow:var(--cmc-shadow-sm);
  text-decoration:none;
}

.cmc-burger{display:none;background:none;border:var(--cmc-border);border-radius:6px;padding:8px;cursor:pointer;flex-direction:column;gap:4px;width:42px;height:42px;justify-content:center;align-items:center}
.cmc-burger span{display:block;width:22px;height:3px;background:var(--cmc-black)}

.cmc-cta{
  display:inline-block;padding:10px 22px;
  background:var(--cmc-red);color:var(--cmc-white);
  border:var(--cmc-border-thick);border-radius:50px;
  box-shadow:var(--cmc-shadow);
  font-family:"Bangers",sans-serif;font-size:22px;letter-spacing:1px;
  text-decoration:none;
  transform:rotate(-3deg);
  transition:transform .12s;
}
.cmc-cta__inner{display:flex;flex-direction:column;align-items:center;line-height:1}
.cmc-cta__inner b{font-size:1em}
.cmc-cta__inner em{font-family:"Comic Neue","Noto Sans Thai",sans-serif;font-style:normal;font-size:.5em;font-weight:700;margin-top:2px}
.cmc-cta:hover{transform:rotate(-3deg) scale(1.05);text-decoration:none;color:var(--cmc-white)}

/* ---- Drawer ---- */
.cmc-drawer{position:fixed;inset:0;background:rgba(17,17,17,.6);z-index:200;visibility:hidden;opacity:0;transition:opacity .25s}
.cmc-drawer.is-open{visibility:visible;opacity:1}
.cmc-drawer__panel{
  position:absolute;top:0;right:0;height:100%;width:min(330px,82vw);
  background:var(--cmc-yellow);
  border-left:var(--cmc-border-thick);
  padding:24px 20px;
  transform:translateX(100%);transition:transform .3s;
  display:flex;flex-direction:column;gap:18px;
  overflow-y:auto;
}
.cmc-drawer.is-open .cmc-drawer__panel{transform:translateX(0)}
.cmc-drawer__head{display:flex;justify-content:space-between;align-items:center;border-bottom:var(--cmc-border);padding-bottom:12px}
.cmc-drawer__title{font-family:"Bangers",sans-serif;font-size:34px;letter-spacing:2px;color:var(--cmc-red);-webkit-text-stroke:2px var(--cmc-black);text-shadow:2px 2px 0 var(--cmc-black)}
.cmc-drawer__zip{font-family:"Permanent Marker",cursive;font-size:18px;transform:rotate(-8deg);background:var(--cmc-white);padding:4px 10px;border:var(--cmc-border);border-radius:30px}
.cmc-drawer__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cmc-drawer__list a{display:block;padding:10px 14px;background:var(--cmc-white);border:var(--cmc-border);border-radius:6px;font-family:"Bangers",sans-serif;font-size:20px;letter-spacing:1px;color:var(--cmc-black);text-decoration:none}
.cmc-drawer__list a:hover{background:var(--cmc-blue);color:var(--cmc-white)}
.cmc-drawer__cta{margin-top:auto;display:block;text-align:center;padding:14px;background:var(--cmc-red);color:var(--cmc-white);border:var(--cmc-border-thick);border-radius:50px;font-family:"Bangers",sans-serif;font-size:24px;letter-spacing:1px;box-shadow:var(--cmc-shadow);text-decoration:none}
.cmc-drawer__cta:hover{color:var(--cmc-white);text-decoration:none}

/* ===========================================================
   MAIN
   =========================================================== */
.cmc-main{max-width:1200px;margin:0 auto;padding:32px 20px 80px}

/* ---- HERO ---- */
.cmc-hero{margin-bottom:48px}
.cmc-hero__panel{
  position:relative;
  background:var(--cmc-white);
  border:var(--cmc-border-thick);
  box-shadow:var(--cmc-shadow);
  padding:50px 40px 40px;
  border-radius:6px;
  overflow:visible;
  text-align:center;
}
.cmc-hero__sticker{
  position:absolute;
  font-family:"Bangers",sans-serif;font-size:42px;letter-spacing:2px;
  padding:14px 22px;
  border:var(--cmc-border-thick);
  border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:var(--cmc-shadow);
  -webkit-text-stroke:2px var(--cmc-black);
  cursor:pointer;
}
.cmc-hero__sticker--yellow{top:-30px;left:-20px;background:var(--cmc-yellow);color:var(--cmc-red);transform:rotate(-15deg);--rot:-15deg}
.cmc-hero__sticker--red{top:-25px;right:-15px;background:var(--cmc-red);color:var(--cmc-yellow);transform:rotate(12deg);--rot:12deg}
.cmc-hero__sticker--blue{bottom:-25px;left:50%;margin-left:-30px;background:var(--cmc-blue);color:var(--cmc-white);transform:rotate(-8deg);--rot:-8deg}

.cmc-hero__bubble{
  position:relative;display:inline-block;
  background:var(--cmc-white);border:var(--cmc-border-thick);border-radius:30px;
  padding:14px 22px;
  box-shadow:var(--cmc-shadow-sm);
  margin-bottom:18px;
  transform:rotate(-2deg);
}
.cmc-hero__bubble::after{
  content:"";position:absolute;bottom:-22px;left:30px;
  width:0;height:0;
  border:12px solid transparent;border-top-color:var(--cmc-black);
  transform:translateY(0);
}
.cmc-hero__bubble::before{
  content:"";position:absolute;bottom:-15px;left:34px;
  width:0;height:0;z-index:1;
  border:8px solid transparent;border-top-color:var(--cmc-white);
}
.cmc-hero__bubble-text{font-family:"Permanent Marker",cursive;font-size:18px;margin:0;line-height:1.4}

.cmc-hero__title{margin:18px 0;font-family:"Bangers",sans-serif;line-height:.95;letter-spacing:2px}
.cmc-hero__title-row1{display:block;font-size:clamp(48px,9vw,110px);color:var(--cmc-yellow);-webkit-text-stroke:3px var(--cmc-black);text-shadow:6px 6px 0 var(--cmc-black),6px 6px 0 var(--cmc-red);transform:rotate(-2deg)}
.cmc-hero__title-row2{display:block;font-size:clamp(48px,9vw,110px);color:var(--cmc-red);-webkit-text-stroke:3px var(--cmc-black);text-shadow:6px 6px 0 var(--cmc-black),6px 6px 0 var(--cmc-yellow);transform:rotate(1deg)}

.cmc-hero__subtitle{font-size:18px;font-weight:700;margin:14px 0 24px}

.cmc-hero__actions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}

.cmc-hero__stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;padding-top:26px;border-top:var(--cmc-border) dashed}
.cmc-hero__stat{text-align:center}
.cmc-hero__stat b{display:block;font-family:"Bangers",sans-serif;font-size:42px;color:var(--cmc-blue);-webkit-text-stroke:2px var(--cmc-black);text-shadow:3px 3px 0 var(--cmc-black)}
.cmc-hero__stat span{font-family:"Permanent Marker",cursive;font-size:13px;letter-spacing:2px}

/* ---- FEAT GRID ---- */
.cmc-feat{margin-bottom:50px}
.cmc-feat__title-wrap{display:flex;justify-content:center;margin-bottom:30px}
.cmc-feat__title{display:inline-flex;align-items:center;gap:14px;margin:0}
.cmc-feat__sfx{font-family:"Bangers",sans-serif;font-size:46px;color:var(--cmc-red);-webkit-text-stroke:2px var(--cmc-black);text-shadow:4px 4px 0 var(--cmc-yellow);transform:rotate(-6deg);display:inline-block}
.cmc-feat__txt{font-family:"Bangers",sans-serif;font-size:38px;letter-spacing:2px}

.cmc-feat__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cmc-feat__card{
  position:relative;display:block;
  background:var(--cmc-white);border:var(--cmc-border-thick);border-radius:8px;
  box-shadow:var(--cmc-shadow);
  padding:24px 20px;
  text-decoration:none;color:var(--cmc-black);
  transition:transform .15s;
}
.cmc-feat__card:hover{transform:translate(-3px,-3px) rotate(0deg) !important;box-shadow:9px 9px 0 var(--cmc-black);color:var(--cmc-black);text-decoration:none}
.cmc-feat__num{position:absolute;top:-14px;left:14px;font-family:"Bangers",sans-serif;font-size:28px;color:var(--cmc-yellow);-webkit-text-stroke:2px var(--cmc-black);text-shadow:2px 2px 0 var(--cmc-black);background:var(--cmc-blue);padding:2px 12px;border:var(--cmc-border);border-radius:30px}
.cmc-feat__name{font-family:"Bangers",sans-serif;font-size:26px;letter-spacing:1.5px;margin:8px 0 10px}
.cmc-feat__arrow{font-family:"Permanent Marker",cursive;font-size:14px;color:var(--cmc-red)}

/* ---- STRIP (category row) ---- */
.cmc-strip{margin-bottom:50px}
.cmc-strip__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:10px}
.cmc-strip__title{display:flex;align-items:center;gap:14px;margin:0}
.cmc-strip__sfx{font-family:"Bangers",sans-serif;font-size:38px;-webkit-text-stroke:2px var(--cmc-black);text-shadow:3px 3px 0 var(--cmc-black);padding:0 10px}
.cmc-sfx--0{color:var(--cmc-yellow);transform:rotate(-5deg);display:inline-block}
.cmc-sfx--1{color:var(--cmc-red);transform:rotate(4deg);display:inline-block}
.cmc-sfx--2{color:var(--cmc-blue);transform:rotate(-3deg);display:inline-block}
.cmc-strip__name{font-family:"Bangers",sans-serif;font-size:30px;letter-spacing:1.5px}
.cmc-strip__more{font-family:"Bangers",sans-serif;font-size:20px;color:var(--cmc-red);text-decoration:none;border-bottom:3px solid var(--cmc-black);padding-bottom:2px}

.cmc-strip__panels{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cmc-strip__panel{background:var(--cmc-white);border:var(--cmc-border-thick);border-radius:6px;box-shadow:var(--cmc-shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s}
.cmc-strip__panel:hover{transform:translate(-3px,-3px) rotate(0deg) !important;box-shadow:9px 9px 0 var(--cmc-black)}
.cmc-strip__media{position:relative;display:block;border-bottom:var(--cmc-border-thick);overflow:hidden}
.cmc-strip__badge{position:absolute;top:10px;left:10px;background:var(--cmc-yellow);color:var(--cmc-black);font-family:"Bangers",sans-serif;font-size:18px;padding:2px 10px;border:var(--cmc-border);border-radius:30px;-webkit-text-stroke:.5px var(--cmc-black)}
.cmc-strip__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.cmc-strip__h3{margin:0;font-family:"Bangers",sans-serif;font-size:20px;letter-spacing:1px;line-height:1.2}
.cmc-strip__h3 a{color:var(--cmc-black);text-decoration:none}
.cmc-strip__h3 a:hover{color:var(--cmc-red);text-decoration:underline wavy}
.cmc-strip__excerpt{margin:0;font-size:13px;color:var(--cmc-ink);line-height:1.5;flex:1}
.cmc-strip__read{font-family:"Permanent Marker",cursive;font-size:14px;color:var(--cmc-blue);text-decoration:none;align-self:flex-start}

/* ---- CTA BLOCK ---- */
.cmc-cta-block{margin-bottom:30px}
.cmc-cta-block__panel{position:relative;background:var(--cmc-blue);color:var(--cmc-white);border:var(--cmc-border-thick);border-radius:8px;box-shadow:var(--cmc-shadow);padding:50px 30px 40px;text-align:center}
.cmc-cta-block__sfx{position:absolute;top:-20px;right:-10px;font-family:"Bangers",sans-serif;font-size:54px;color:var(--cmc-yellow);-webkit-text-stroke:3px var(--cmc-black);text-shadow:5px 5px 0 var(--cmc-black);transform:rotate(15deg);display:inline-block;background:var(--cmc-red);padding:10px 18px;border:var(--cmc-border-thick);border-radius:50%}
.cmc-cta-block__title{font-family:"Bangers",sans-serif;font-size:clamp(40px,7vw,70px);margin:0 0 12px;-webkit-text-stroke:2px var(--cmc-black);text-shadow:5px 5px 0 var(--cmc-black),5px 5px 0 var(--cmc-yellow);color:var(--cmc-white)}
.cmc-cta-block__copy{font-size:18px;margin:0 0 26px;font-weight:700}

/* ===========================================================
   FAB
   =========================================================== */
.cmc-fab{
  position:fixed;bottom:24px;right:24px;z-index:99;
  display:block;text-decoration:none;
  animation:cmc-wobble 2s ease-in-out infinite;
}
.cmc-fab__bubble{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:90px;height:90px;border-radius:50%;
  background:var(--cmc-red);color:var(--cmc-white);
  border:var(--cmc-border-thick);
  box-shadow:var(--cmc-shadow);
}
.cmc-fab__big{font-family:"Bangers",sans-serif;font-size:26px;letter-spacing:1px;line-height:1;-webkit-text-stroke:1.5px var(--cmc-black)}
.cmc-fab__small{font-family:"Comic Neue",sans-serif;font-size:11px;font-weight:700;margin-top:2px}

/* ===========================================================
   FOOTER
   =========================================================== */
.cmc-footer{position:relative;background:var(--cmc-black);color:var(--cmc-white);padding:80px 20px 30px;margin-top:60px;border-top:var(--cmc-border-thick)}
.cmc-footer__burst{position:absolute;top:-40px;left:50%;transform:translateX(-50%) rotate(-6deg);background:var(--cmc-yellow);color:var(--cmc-black);border:var(--cmc-border-thick);border-radius:50%;width:120px;height:120px;display:flex;align-items:center;justify-content:center;box-shadow:var(--cmc-shadow)}
.cmc-footer__burst-text{font-family:"Bangers",sans-serif;font-size:22px;letter-spacing:1px;text-align:center;line-height:1}

.cmc-footer__panels{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cmc-fpanel{background:var(--cmc-white);color:var(--cmc-black);border:var(--cmc-border-thick);border-radius:6px;box-shadow:var(--cmc-shadow);padding:18px 18px 20px}
.cmc-fpanel__title{font-family:"Bangers",sans-serif;font-size:24px;letter-spacing:1.5px;margin:0 0 12px;color:var(--cmc-red);-webkit-text-stroke:1.5px var(--cmc-black);text-shadow:2px 2px 0 var(--cmc-black)}
.cmc-fpanel__copy{margin:0 0 12px;font-size:14px;line-height:1.5}
.cmc-fpanel__contact{list-style:none;padding:0;margin:0;font-size:13px}
.cmc-fpanel__contact li{margin-bottom:4px}
.cmc-fpanel__contact span{font-family:"Bangers",sans-serif;color:var(--cmc-blue);margin-right:6px;letter-spacing:1px}
.cmc-fpanel__nav,.cmc-fpanel__friends{list-style:none;padding:0;margin:0;font-size:14px}
.cmc-fpanel__nav li,.cmc-fpanel__friends li{margin-bottom:6px}
.cmc-fpanel__nav a,.cmc-fpanel__friends a{color:var(--cmc-black);text-decoration:none;font-weight:700}
.cmc-fpanel__nav a:hover,.cmc-fpanel__friends a:hover{color:var(--cmc-red);text-decoration:underline wavy}
.cmc-fpanel__cta-copy{margin:0 0 12px;font-size:14px}
.cmc-fpanel__cta{display:block;text-align:center;padding:10px;background:var(--cmc-yellow);color:var(--cmc-black);border:var(--cmc-border);border-radius:6px;font-family:"Bangers",sans-serif;font-size:18px;letter-spacing:1px;text-decoration:none;box-shadow:var(--cmc-shadow-sm)}
.cmc-fpanel__cta:hover{background:var(--cmc-red);color:var(--cmc-white);text-decoration:none}

.cmc-footer__bottom{max-width:1200px;margin:30px auto 0;text-align:center;border-top:2px dashed rgba(255,255,255,.3);padding-top:20px}
.cmc-footer__sfx{display:block;font-family:"Bangers",sans-serif;font-size:24px;color:var(--cmc-yellow);-webkit-text-stroke:1.5px var(--cmc-black);letter-spacing:3px;margin-bottom:8px}
.cmc-footer__copy{margin:0;font-size:13px;color:rgba(255,255,255,.7)}

/* ===========================================================
   CATEGORY HEAD + LIST
   =========================================================== */
.cmc-cathead{margin-bottom:40px}
.cmc-cathead__panel{position:relative;background:var(--cmc-yellow);border:var(--cmc-border-thick);border-radius:8px;box-shadow:var(--cmc-shadow);padding:30px 30px 26px}
.cmc-cathead__sfx{position:absolute;top:-22px;right:20px;font-family:"Bangers",sans-serif;font-size:46px;color:var(--cmc-red);-webkit-text-stroke:2px var(--cmc-black);text-shadow:4px 4px 0 var(--cmc-black);transform:rotate(8deg);display:inline-block;background:var(--cmc-white);padding:6px 16px;border:var(--cmc-border-thick);border-radius:30px}
.cmc-cathead__crumb{font-family:"Permanent Marker",cursive;font-size:14px;margin:0 0 8px}
.cmc-cathead__crumb a{color:var(--cmc-blue-d)}
.cmc-cathead__crumb em{margin:0 6px;font-style:normal}
.cmc-cathead__title{font-family:"Bangers",sans-serif;font-size:clamp(36px,6vw,60px);margin:0 0 8px;letter-spacing:2px;color:var(--cmc-black)}
.cmc-cathead__copy{margin:0;font-size:15px;line-height:1.6}

.cmc-list__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}
.cmc-list__panel{background:var(--cmc-white);border:var(--cmc-border-thick);border-radius:6px;box-shadow:var(--cmc-shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s}
.cmc-list__panel:hover{transform:translate(-3px,-3px) rotate(0deg) !important;box-shadow:9px 9px 0 var(--cmc-black)}
.cmc-list__media{position:relative;display:block;border-bottom:var(--cmc-border-thick);overflow:hidden}
.cmc-list__badge{position:absolute;top:10px;left:10px;background:var(--cmc-blue);color:var(--cmc-white);font-family:"Bangers",sans-serif;font-size:18px;padding:2px 10px;border:var(--cmc-border);border-radius:30px}
.cmc-list__sfx{position:absolute;bottom:10px;right:10px;font-family:"Bangers",sans-serif;font-size:24px;color:var(--cmc-yellow);-webkit-text-stroke:1.5px var(--cmc-black);text-shadow:2px 2px 0 var(--cmc-black);transform:rotate(-6deg)}
.cmc-list__body{padding:14px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.cmc-list__date{font-family:"Permanent Marker",cursive;font-size:12px;color:var(--cmc-red)}
.cmc-list__h2{margin:0;font-family:"Bangers",sans-serif;font-size:22px;letter-spacing:1px;line-height:1.2}
.cmc-list__h2 a{color:var(--cmc-black);text-decoration:none}
.cmc-list__h2 a:hover{color:var(--cmc-red);text-decoration:underline wavy}
.cmc-list__excerpt{margin:0;font-size:14px;color:var(--cmc-ink);line-height:1.5;flex:1}
.cmc-list__read{font-family:"Permanent Marker",cursive;font-size:14px;color:var(--cmc-blue);text-decoration:none;align-self:flex-start}

.cmc-list__empty{text-align:center;padding:80px 20px;background:var(--cmc-white);border:var(--cmc-border-thick);border-radius:8px;box-shadow:var(--cmc-shadow)}
.cmc-list__empty-sfx{display:block;font-family:"Bangers",sans-serif;font-size:80px;color:var(--cmc-red);-webkit-text-stroke:3px var(--cmc-black);text-shadow:5px 5px 0 var(--cmc-yellow);margin-bottom:14px;letter-spacing:3px}

.cmc-pager{margin-top:30px;display:flex;justify-content:center;gap:6px}
.cmc-pager a,.cmc-pager span{display:inline-block;padding:8px 14px;background:var(--cmc-white);border:var(--cmc-border);border-radius:6px;font-family:"Bangers",sans-serif;font-size:18px;color:var(--cmc-black);text-decoration:none;box-shadow:var(--cmc-shadow-sm)}
.cmc-pager a:hover,.cmc-pager span.current{background:var(--cmc-blue);color:var(--cmc-white)}

/* ===========================================================
   ARTICLE DETAIL
   =========================================================== */
.cmc-detail{max-width:840px;margin:0 auto}
.cmc-detail__head{position:relative;background:var(--cmc-white);border:var(--cmc-border-thick);border-radius:6px;box-shadow:var(--cmc-shadow);padding:34px 28px 26px;margin-bottom:30px}
.cmc-detail__sfx{position:absolute;top:-22px;left:24px;font-family:"Bangers",sans-serif;font-size:42px;color:var(--cmc-yellow);-webkit-text-stroke:2px var(--cmc-black);text-shadow:4px 4px 0 var(--cmc-black);transform:rotate(-8deg);display:inline-block;background:var(--cmc-red);padding:6px 14px;border:var(--cmc-border-thick);border-radius:30px}
.cmc-detail__crumb{font-family:"Permanent Marker",cursive;font-size:13px;margin:0 0 12px}
.cmc-detail__crumb em{margin:0 6px;font-style:normal}
.cmc-detail__title{font-family:"Bangers",sans-serif;font-size:clamp(30px,5vw,52px);margin:0 0 14px;letter-spacing:1.5px;line-height:1.1;color:var(--cmc-black)}
.cmc-detail__meta{display:flex;flex-wrap:wrap;gap:14px;font-family:"Comic Neue",sans-serif;font-size:13px;font-weight:700;color:var(--cmc-ink)}
.cmc-detail__meta-item{padding:3px 10px;background:var(--cmc-yellow);border:2px solid var(--cmc-black);border-radius:30px}

.cmc-detail__bubble{position:relative;background:var(--cmc-white);border:var(--cmc-border-thick);border-radius:30px;padding:18px 24px;margin-bottom:30px;max-width:90%;box-shadow:var(--cmc-shadow-sm)}
.cmc-detail__bubble::after{content:"";position:absolute;bottom:-22px;left:40px;width:0;height:0;border:12px solid transparent;border-top-color:var(--cmc-black)}
.cmc-detail__bubble::before{content:"";position:absolute;bottom:-15px;left:44px;width:0;height:0;z-index:1;border:8px solid transparent;border-top-color:var(--cmc-white)}
.cmc-detail__bubble-text{font-family:"Permanent Marker",cursive;font-size:17px;margin:0;line-height:1.5}

.cmc-detail__hero{margin:0 0 30px;background:var(--cmc-white);border:var(--cmc-border-thick);box-shadow:var(--cmc-shadow);overflow:hidden}
.cmc-detail__hero figcaption{padding:8px 14px;background:var(--cmc-yellow);font-family:"Permanent Marker",cursive;font-size:14px;border-top:var(--cmc-border)}

.cmc-detail__body{font-size:17px;line-height:1.85;color:var(--cmc-ink);background:var(--cmc-white);border:var(--cmc-border-thick);border-radius:6px;padding:30px 32px;margin-bottom:30px;box-shadow:var(--cmc-shadow)}
.cmc-detail__body p{margin:0 0 16px}
.cmc-detail__body h2,.cmc-detail__body h3{font-family:"Bangers",sans-serif;letter-spacing:1.5px;color:var(--cmc-red);-webkit-text-stroke:1px var(--cmc-black);margin:24px 0 12px}
.cmc-detail__body h2{font-size:30px}
.cmc-detail__body h3{font-size:24px;color:var(--cmc-blue)}
.cmc-detail__body img{border:var(--cmc-border);border-radius:4px;box-shadow:var(--cmc-shadow-sm);margin:14px 0}
.cmc-detail__body blockquote{border-left:6px solid var(--cmc-red);padding:8px 18px;margin:18px 0;background:var(--cmc-yellow);font-family:"Permanent Marker",cursive;font-size:18px}
.cmc-detail__body ul,.cmc-detail__body ol{padding-left:24px;margin:0 0 16px}

.cmc-detail__cta{position:relative;background:var(--cmc-yellow);border:var(--cmc-border-thick);border-radius:8px;box-shadow:var(--cmc-shadow);padding:40px 28px 32px;text-align:center;margin-bottom:30px}
.cmc-detail__cta-sfx{position:absolute;top:-22px;right:20px;font-family:"Bangers",sans-serif;font-size:46px;color:var(--cmc-red);-webkit-text-stroke:2px var(--cmc-black);text-shadow:4px 4px 0 var(--cmc-black);transform:rotate(12deg);display:inline-block;background:var(--cmc-white);padding:6px 16px;border:var(--cmc-border-thick);border-radius:30px}
.cmc-detail__cta h3{font-family:"Bangers",sans-serif;font-size:34px;margin:0 0 6px;letter-spacing:2px}
.cmc-detail__cta p{margin:0 0 18px;font-size:16px;font-weight:700}

.cmc-detail__nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:40px}
.cmc-detail__nav-link{display:block;padding:16px 18px;background:var(--cmc-white);border:var(--cmc-border-thick);border-radius:6px;box-shadow:var(--cmc-shadow);text-decoration:none;color:var(--cmc-black);transition:transform .15s}
.cmc-detail__nav-link:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--cmc-black);color:var(--cmc-black);text-decoration:none}
.cmc-detail__nav-link--next{text-align:right}
.cmc-detail__nav-label{display:block;font-family:"Bangers",sans-serif;font-size:18px;color:var(--cmc-red);letter-spacing:1px;margin-bottom:4px}
.cmc-detail__nav-title{display:block;font-size:14px;font-weight:700;line-height:1.3}

/* ---- RELATED ---- */
.cmc-related{max-width:840px;margin:30px auto 0}
.cmc-related__title{display:flex;align-items:center;gap:14px;font-family:"Bangers",sans-serif;font-size:30px;letter-spacing:2px;margin:0 0 20px}
.cmc-related__sfx{font-family:"Bangers",sans-serif;font-size:36px;color:var(--cmc-blue);-webkit-text-stroke:2px var(--cmc-black);text-shadow:3px 3px 0 var(--cmc-yellow);transform:rotate(-8deg);display:inline-block}
.cmc-related__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cmc-related__card{display:block;background:var(--cmc-white);border:var(--cmc-border);border-radius:6px;box-shadow:var(--cmc-shadow-sm);overflow:hidden;text-decoration:none;color:var(--cmc-black);transition:transform .15s}
.cmc-related__card:hover{transform:translate(-2px,-2px) rotate(0deg) !important;box-shadow:var(--cmc-shadow);color:var(--cmc-black);text-decoration:none}
.cmc-related__card-title{margin:0;padding:10px 12px;font-family:"Bangers",sans-serif;font-size:15px;letter-spacing:.5px;line-height:1.3;border-top:var(--cmc-border)}

/* ===========================================================
   404
   =========================================================== */
.cmc-404{max-width:760px;margin:30px auto;text-align:center}
.cmc-404__panel{background:var(--cmc-white);border:var(--cmc-border-thick);border-radius:8px;box-shadow:var(--cmc-shadow);padding:60px 40px}
.cmc-404__sfx{font-family:"Bangers",sans-serif;font-size:clamp(72px,12vw,140px);color:var(--cmc-red);-webkit-text-stroke:4px var(--cmc-black);text-shadow:8px 8px 0 var(--cmc-yellow);letter-spacing:4px;display:block;line-height:1}
.cmc-404__num{font-family:"Bangers",sans-serif;font-size:80px;color:var(--cmc-blue);-webkit-text-stroke:3px var(--cmc-black);text-shadow:5px 5px 0 var(--cmc-black);letter-spacing:6px;margin:10px 0}
.cmc-404__title{font-family:"Bangers",sans-serif;font-size:36px;letter-spacing:2px;margin:0 0 12px}
.cmc-404__copy{font-size:16px;font-weight:700;margin:0 0 26px}
.cmc-404__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ===========================================================
   RESPONSIVE
   =========================================================== */
@media (max-width:1080px){
  .cmc-feat__grid{grid-template-columns:repeat(2,1fr)}
  .cmc-strip__panels{grid-template-columns:repeat(2,1fr)}
  .cmc-list__grid{grid-template-columns:repeat(2,1fr)}
  .cmc-related__grid{grid-template-columns:repeat(2,1fr)}
  .cmc-footer__panels{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:900px){
  .cmc-header__strip{padding:5px 10px}
  .cmc-header__zap{font-size:12px;padding:1px 6px}
  .cmc-header__marquee{font-size:13px}

  .cmc-header__bar{padding:8px 14px;gap:10px}
  .cmc-brand__pow,.cmc-brand__bet{font-size:30px;text-shadow:2px 2px 0 var(--cmc-black);-webkit-text-stroke:1.5px var(--cmc-black)}
  .cmc-brand__tag{display:none}

  .cmc-nav{display:none}
  .cmc-burger{display:flex;margin-left:auto}

  .cmc-cta{padding:8px 16px;font-size:18px}
  .cmc-cta__inner em{font-size:.45em}

  .cmc-hero__panel{padding:40px 20px 30px}
  .cmc-hero__sticker{font-size:30px;padding:10px 14px}
  .cmc-hero__sticker--yellow{top:-20px;left:-10px}
  .cmc-hero__sticker--red{top:-15px;right:-5px}
  .cmc-hero__bubble-text{font-size:15px}

  .cmc-feat__txt{font-size:28px}
  .cmc-feat__sfx{font-size:36px}

  .cmc-strip__head{flex-direction:column;align-items:flex-start}
  .cmc-strip__sfx{font-size:30px}
  .cmc-strip__name{font-size:24px}

  .cmc-detail__body{padding:20px 18px;font-size:16px}
  .cmc-detail__nav{grid-template-columns:1fr}
}

@media (max-width:560px){
  .cmc-main{padding:20px 14px 60px}
  .cmc-header__strip{gap:6px}
  .cmc-header__zap{display:none}
  .cmc-header__marquee{font-size:12px}

  .cmc-brand__pow,.cmc-brand__bet{font-size:24px}
  .cmc-cta{padding:6px 12px;font-size:16px}

  .cmc-hero__panel{padding:34px 16px 24px}
  .cmc-hero__sticker{font-size:24px}
  .cmc-hero__title-row1,.cmc-hero__title-row2{font-size:42px;text-shadow:4px 4px 0 var(--cmc-black),4px 4px 0 var(--cmc-red)}
  .cmc-hero__title-row2{text-shadow:4px 4px 0 var(--cmc-black),4px 4px 0 var(--cmc-yellow)}
  .cmc-hero__subtitle{font-size:15px}
  .cmc-hero__actions{gap:10px}
  .cmc-btn--big{padding:12px 20px;font-size:24px}
  .cmc-hero__stats{gap:20px}
  .cmc-hero__stat b{font-size:32px}

  .cmc-feat__grid,.cmc-strip__panels,.cmc-list__grid,.cmc-related__grid,.cmc-footer__panels{grid-template-columns:1fr}

  .cmc-fab{bottom:16px;right:16px}
  .cmc-fab__bubble{width:72px;height:72px}
  .cmc-fab__big{font-size:22px}
  .cmc-fab__small{font-size:10px}

  .cmc-cathead__title,.cmc-detail__title{font-size:30px}
  .cmc-detail__head{padding:28px 18px 22px}
  .cmc-detail__cta{padding:34px 18px 26px}
}