/* Issue 02 — Rarebit shell layout inside Snowy poster frame */

body.edition-2 .shell-wrap{
  width:min(1052px, calc(100vw - 20px));
  margin:0 auto;
  position:relative;
  cursor:default;
}

body.edition-2 #showComic{
  scroll-margin-top:12px;
}

body.edition-2 .comicPage{
  text-align:center;
}

body.edition-2 .issue-badge{
  display:none;
}
body.edition-2.shell-cover .issue-badge{
  display:block;
  top:86px;right:16px;left:auto;
  min-width:96px;
  max-width:calc(100% - 32px);
  width:max-content;
  box-sizing:border-box;
  box-shadow:2px 2px 0 #000 !important;
  transform:rotate(1.2deg);
  transform-origin:top right;
  z-index:6;
}
body.edition-2.shell-cover .issue-badge-items li{
  white-space:normal;word-break:break-word;line-height:1.25;
}

/* Non-cover pages — no footer */
body.edition-2:not(.shell-cover) .ep-banner{
  display:none !important;
}
body.edition-2:not(.shell-cover) .strip-page{
  bottom:0;
}

/* Cover — no strip overlay; art fills the middle panel */
body.edition-2 .strip-page.cover-page{
  background:transparent;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
body.edition-2 .strip-page.cover-page::before,
body.edition-2 .strip-page.cover-page::after{
  display:none;
}

/* Fixed comic frame — cover + modules share the same 5:7 poster shell */
body.edition-2 .poster.poster-cover,
body.edition-2 .poster.poster-strip{
  aspect-ratio:5/7;
  overflow:hidden;
}

/* Header must outrank the cover panel (z-index:20) so the edition
   dropdown opens over the cover art instead of behind it. */
body.edition-2 .dylan-strip{
  z-index:30;
}

body.edition-2 .strip-page{
  position:absolute;top:80px;left:0;right:0;bottom:129px;z-index:20;
  display:block;overflow:hidden;
  background:
    radial-gradient(ellipse 80% 50% at 50% 22%, rgba(74,69,64,.74) 0%, rgba(27,24,22,.82) 60%, rgba(10,9,8,.88) 100%),
    rgba(10,9,8,.72);
  color:var(--cream);
  -webkit-backdrop-filter:blur(1.5px) saturate(.9);
  backdrop-filter:blur(1.5px) saturate(.9);
  box-shadow:inset 0 10px 24px rgba(0,0,0,.45), inset 0 -10px 24px rgba(0,0,0,.45);
}

body.edition-2 .strip-page::before{
  content:"";position:absolute;top:118px;right:-84px;z-index:0;
  width:360px;height:360px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #f0d68c 0%, #b88f3a 60%, transparent 90%);
  opacity:.35;filter:blur(2px);pointer-events:none;
}

body.edition-2 .strip-page::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(rgba(0,0,0,.18) 1px, transparent 1.4px);
  background-size:3px 3px;mix-blend-mode:multiply;opacity:.48;
}

body.edition-2 .strip-scroll{
  position:relative;z-index:2;
  height:100%;overflow-y:auto;padding:48px 24px 28px;
  scrollbar-color:var(--red-dylan) rgba(241,229,196,.22);
}

body.edition-2 .strip-title{
  margin:0 0 18px;padding:0;
  font-family:var(--bowlby);font-weight:400;font-size:clamp(24px, 4.8vw, 34px);
  line-height:1.05;letter-spacing:.6px;text-transform:uppercase;
  color:#fff;text-shadow:3px 3px 0 #0a0908, 4px 4px 0 var(--red-dylan);
  transform:skewX(-2deg);
}

body.edition-2 .strip-images img{
  max-width:100%;height:auto;display:block;margin:0 auto 12px;
  border:3px solid #0a0908;border-radius:6px;box-shadow:6px 6px 0 #0a0908;
}

body.edition-2 .strip-notes .about-pitch{margin-bottom:18px}
body.edition-2 .strip-notes .about-detail-table{
  margin:14px auto 0;max-width:520px;text-align:left;
}
body.edition-2 .strip-notes p{
  margin:0 auto 10px;max-width:520px;
  font-family:var(--body);font-weight:700;font-size:16px;line-height:1.5;color:#e0d5b3;
}

body.edition-2 .cover-page .cover-stage{
  position:relative;width:100%;height:100%;min-height:100%;flex-shrink:0;
}
body.edition-2 .cover-page .cover-scroll{
  height:100%;overflow:hidden;padding:0;
}
body.edition-2 .cover-page .cover-read-zone{
  position:absolute;inset:0;z-index:5;
}

body.edition-2 .intro-page .strip-scroll{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  height:100%;min-height:100%;overflow-y:auto;
  padding:32px 24px 20px;
}
body.edition-2 .intro-page .intro-notes{
  width:100%;max-width:640px;margin:0 auto;text-align:center;flex:0 0 auto;
}
body.edition-2 .intro-page .intro-notes .about-pitch{margin-bottom:16px}
body.edition-2 .intro-page .intro-notes .about-theme-banner{margin-bottom:0}
body.edition-2 .intro-nav{
  width:100%;max-width:520px;flex:0 0 auto;margin-top:48px;
  display:flex;flex-wrap:wrap;gap:14px;justify-content:center;
}
body.edition-2 .intro-nav .intro-comic-btn{
  flex:1 1 200px;min-height:56px;padding:12px 20px;
  font-size:clamp(17px, 3vw, 22px);
}
body.edition-2 .intro-nav .intro-comic-btn .ico{width:26px;height:26px}
body.edition-2 .intro-nav .intro-comic-btn .ico svg{width:18px;height:18px}

/* Comic spread — all modules on one strip page */
body.edition-2 .comic-spread-scroll{
  padding:10px 16px 18px;
  display:flex;flex-direction:column;
}
body.edition-2 .comic-spread-close-nav{
  width:100%;max-width:280px;margin:14px auto 6px;flex:0 0 auto;
  display:flex;justify-content:center;
}
body.edition-2 .comic-spread-close-nav .intro-comic-btn{
  flex:1 1 auto;min-width:160px;min-height:52px;padding:12px 24px;
  font-size:clamp(16px, 2.8vw, 20px);
}
body.edition-2 .comic-spread-close-nav .comic-spread-close-btn{
  --sk-fill:var(--red-dylan);color:#fff;text-shadow:1.5px 1.5px 0 rgba(0,0,0,.28);
}
body.edition-2 .comic-row-masthead{
  margin:0 0 6px;padding:6px 8px 5px;
  transform:rotate(-.4deg);
}
body.edition-2 .comic-row-masthead + .comic-grid{
  margin-bottom:10px;
}
body.edition-2 .comic-row-masthead + .comic-grid-top{
  margin-bottom:14px;
}
body.edition-2 .comic-spread-scroll > .comic-row-masthead:nth-of-type(2){
  margin-top:8px;
}
body.edition-2 .comic-row-masthead .comic-masthead-title{
  font-size:clamp(16px, 3.2vw, 24px);
}
body.edition-2 .comic-row-masthead .comic-masthead-sub{
  font-size:clamp(13px, 2.4vw, 18px);
}
body.edition-2 .comic-grid-top .comic-caption{
  padding:5px 6px;font-size:10px;
}
body.edition-2 .comic-grid-top .comic-panel-lede{font-size:9.5px}
body.edition-2 .comic-grid-top .comic-panel-label{font-size:11px}
body.edition-2 .comic-grid-top .comic-panel-art{gap:4px}
body.edition-2 .comic-masthead{
  display:flex;align-items:flex-end;justify-content:space-between;gap:10px;
  margin:0 0 8px;padding:8px 10px 7px;
  background:#FCD200;border:3px solid #0a0908;border-radius:4px;
  box-shadow:4px 4px 0 #0a0908;transform:rotate(-.6deg);
}
body.edition-2 .comic-masthead-main{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;
}
body.edition-2 .comic-masthead-title{
  font-family:var(--bowlby);font-weight:400;font-size:clamp(22px, 4.2vw, 34px);
  line-height:1;text-transform:uppercase;letter-spacing:.5px;
  color:#0a0908;text-shadow:1px 1px 0 rgba(255,255,255,.45);
}
body.edition-2 .comic-masthead-sub{
  font-family:var(--bowlby);font-weight:400;font-size:clamp(18px, 3.2vw, 26px);
  line-height:1;text-transform:uppercase;letter-spacing:.4px;color:#fff;
  text-shadow:2px 2px 0 #0a0908, 3px 3px 0 var(--red-dylan);
}
/* Snowy's aside — comic speech bubble under each row masthead */
body.edition-2 .comic-row-quip{
  display:flex;justify-content:flex-end;margin:-2px 4px 10px;
}
body.edition-2 .comic-row-quip-bubble{
  position:relative;display:inline-block;max-width:82%;
  background:#fff;color:#0a0908;border:2.5px solid #0a0908;border-radius:14px;
  padding:6px 14px;font-family:var(--hand);font-weight:700;
  font-size:clamp(15px, 2.2vw, 20px);line-height:1.15;
  transform:rotate(-1.4deg);box-shadow:2px 2px 0 #0a0908;
}
body.edition-2 .comic-row-quip-bubble::after{
  content:"";position:absolute;left:24px;bottom:-8px;width:13px;height:13px;
  background:#fff;border-right:2.5px solid #0a0908;border-bottom:2.5px solid #0a0908;
  transform:rotate(45deg);
}
body.edition-2 .comic-grid{
  display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;
}
body.edition-2 .comic-panel{
  display:flex;flex-direction:column;gap:6px;
  padding:8px;background:var(--cream);border:3px solid #0a0908;border-radius:4px;
  box-shadow:4px 4px 0 #0a0908;text-align:left;
}
body.edition-2 .comic-grid-top .comic-panel{
  gap:5px;padding:7px;overflow:hidden;
}
body.edition-2 .comic-panel-label{
  font-family:var(--bowlby);font-size:12px;line-height:1.05;letter-spacing:.5px;
  text-transform:uppercase;color:#0a0908;
}
body.edition-2 .comic-caption{
  padding:6px 8px;background:#fff;border:2px solid #0a0908;border-radius:12px;
  font-family:var(--body);font-weight:800;font-size:10.5px;line-height:1.3;
  color:#0a0908;text-transform:uppercase;letter-spacing:.2px;
  box-shadow:2px 2px 0 #0a0908;
}
body.edition-2 .comic-panel-lede{
  margin:0;padding:0 2px;
  font-family:var(--body);font-weight:700;font-size:10px;line-height:1.35;
  color:#3d3328;text-transform:none;letter-spacing:.1px;
}
body.edition-2 .comic-panel-art{
  display:flex;flex-direction:column;gap:8px;flex:1;
}
body.edition-2 .comic-panel-art img{
  width:100%;height:auto;display:block;
  border:2px solid #0a0908;border-radius:4px;background:#fff;
  box-shadow:3px 3px 0 #0a0908;
}

body.edition-2 .comic-phone{
  display:block;filter:drop-shadow(3px 3px 0 #0a0908);
}
body.edition-2 .comic-phone-bezel{
  background:#0a0908;border:3px solid #0a0908;border-radius:16px;
  padding:6px 5px 8px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.07);
}
body.edition-2 .comic-grid-top .comic-phone-bezel{
  padding:5px 4px 6px;border-radius:14px;
}
body.edition-2 .comic-phone-speaker{
  display:block;width:30%;height:3px;margin:0 auto 5px;
  background:#2a2826;border-radius:999px;
}
body.edition-2 .comic-phone-screen{
  overflow:hidden;border-radius:11px;border:2px solid #1a1816;background:#000;
}
body.edition-2 .comic-phone-screen img{
  width:100%;height:auto;display:block;border:none;border-radius:0;
  box-shadow:none;background:transparent;
}
body.edition-2 .comic-panel-art:not(.comic-card-stack) .comic-phone{
  width:68%;max-width:170px;margin:0 auto;
}
body.edition-2 .comic-grid-top .comic-panel-art:not(.comic-card-stack) .comic-phone{
  width:56%;max-width:118px;
}

body.edition-2 .comic-panel-art.comic-card-stack{
  position:relative;display:block;min-height:168px;margin:2px 0 4px;
}
body.edition-2 .comic-grid-top .comic-panel-art.comic-card-stack{
  min-height:104px;margin:0 0 2px;padding-top:4px;
}
body.edition-2 .comic-panel-art.comic-card-stack .comic-phone{
  position:absolute;width:54%;max-width:54%;
}
body.edition-2 .comic-grid-top .comic-panel-art.comic-card-stack .comic-phone{
  width:46%;max-width:46%;
}
body.edition-2 .comic-panel-art.comic-card-stack .comic-phone:nth-child(1){
  left:0;top:4px;z-index:1;transform:rotate(-5deg);
}
body.edition-2 .comic-panel-art.comic-card-stack .comic-phone:nth-child(2){
  right:0;top:10px;z-index:2;transform:rotate(4deg);
}
body.edition-2 .comic-panel-art.comic-card-stack .comic-phone:nth-child(3){
  left:18%;top:28px;z-index:3;transform:rotate(-2deg);width:54%;max-width:54%;
}
body.edition-2 .comic-panel-notes .about-detail-table{
  margin:0;max-width:none;
}
body.edition-2 .comic-panel-notes .about-detail-table div{
  padding:5px 6px;font-size:9.5px;
}
body.edition-2 .comic-panel-notes .about-detail-table b{font-size:9px}
body.edition-2 .comic-grid-top .comic-panel-notes .about-detail-table div{
  padding:4px 5px;font-size:9px;
}
body.edition-2 .comic-spread-footer{
  margin-top:12px;padding-top:4px;
}
body.edition-2 .comic-signoff{
  margin:0;text-align:center;font-family:var(--hand);font-weight:700;
  font-size:clamp(16px, 2.4vw, 22px);line-height:1.2;color:#f0d68c;
  text-shadow:1px 1px 0 #0a0908;transform:rotate(-.5deg);
}
body.edition-2 .comic-signoff b{color:var(--red-dylan)}

@media (max-width:720px){
  /* Viewport scale — 390px reference phone */
  body.edition-2{
    --e2-pad:clamp(8px, 2.8vw, 14px);
    --e2-gap:clamp(6px, 2vw, 12px);
    --e2-logo:clamp(26px, 8.5vw, 38px);
    --e2-badge-cat:clamp(44px, 13vw, 56px);
    --e2-issue-sm:clamp(9px, 2.6vw, 11px);
    --e2-issue-lg:clamp(14px, 4.2vw, 18px);
    --e2-ep-sm:clamp(11px, 3.2vw, 14px);
    --e2-ep-lg:clamp(20px, 6vw, 28px);
    --e2-btn-h:clamp(48px, 13vw, 56px);
    --e2-btn-fs:clamp(14px, 3.8vw, 17px);
    --e2-btn-ico:clamp(24px, 7vw, 30px);
    --e2-btn-ico-svg:clamp(15px, 4.2vw, 18px);
    --e2-intro-btn-h:clamp(52px, 14vw, 60px);
    --e2-intro-btn-fs:clamp(17px, 4.8vw, 21px);
    padding:var(--e2-pad) calc(var(--e2-pad) * .75) calc(var(--e2-pad) * 2);
  }
  body.edition-2 .shell-wrap,
  body.edition-2 .poster-frame{
    width:min(1052px, calc(100vw - var(--e2-pad) * 1.5));
    padding:var(--e2-pad);
  }

  /* All pages — same viewport-height poster shell */
  body.edition-2 .poster,
  body.edition-2 .poster.poster-cover,
  body.edition-2 .poster.poster-strip{
    aspect-ratio:auto;display:flex;flex-direction:column;overflow:hidden;
    min-height:0;
    height:calc(100dvh - var(--e2-pad) * 4);
    max-height:calc(100dvh - var(--e2-pad) * 4);
  }
  body.edition-2 .dylan-strip{
    position:relative;flex:0 0 auto;z-index:30;
    height:auto;min-height:clamp(56px, 14vw, 72px);
    display:grid;
    grid-template-columns:auto minmax(0, 1fr) auto;
    grid-template-areas:"cat logo issue";
    align-items:center;
    gap:var(--e2-gap);padding:var(--e2-gap) calc(var(--e2-pad) * .9);
    box-shadow:none !important;
  }
  body.edition-2 .dylan-strip .cat-badge{
    grid-area:cat;
    width:var(--e2-badge-cat);height:var(--e2-badge-cat);border-width:2px;
  }
  body.edition-2 .dylan-strip .logo{
    grid-area:logo;
    font-size:clamp(20px, 6.2vw, var(--e2-logo));letter-spacing:.5px;
    min-width:0;padding:0;justify-self:start;
  }
  body.edition-2 .dylan-strip .eye{display:none}
  body.edition-2 .issue-select{
    grid-area:issue;flex:none;margin-left:0;min-width:0;
    position:relative;z-index:12;
  }
  body.edition-2 .issue-trigger{
    padding-left:clamp(6px, 2vw, 10px);gap:clamp(3px, 1vw, 5px);
    border-left-width:2px;white-space:nowrap;
  }
  body.edition-2 .issue-trigger .main-issue{
    font-size:var(--e2-issue-sm);letter-spacing:.8px;
  }
  body.edition-2 .issue-trigger .main-issue b{
    font-size:var(--e2-issue-lg);margin-top:1px;
  }
  body.edition-2 .issue-trigger .caret{width:clamp(14px, 4vw, 18px);height:clamp(10px, 2.8vw, 12px)}
  body.edition-2 .bonelli-price{display:none}

  /* Beat global @720px poster header rules (Issue 01 sizing) */
  body.edition-2 .dylan-strip .main-issue{
    padding-left:0;margin-left:0;font-size:var(--e2-issue-sm);
  }
  body.edition-2 .dylan-strip .main-issue b{font-size:var(--e2-issue-lg)}

  body.edition-2 .strip-page{
    position:relative;top:auto;bottom:auto;left:auto;right:auto;
    flex:1 1 auto;min-height:0;overflow:hidden;
    display:flex;flex-direction:column;
  }

  body.edition-2 .cover-page .cover-scroll{
    flex:1 1 auto;min-height:0;height:100% !important;
  }

  body.edition-2 .strip-scroll,
  body.edition-2 .comic-spread-scroll,
  body.edition-2 .intro-page .strip-scroll{
    flex:1 1 auto;min-height:0;height:auto !important;
    overflow-x:hidden;overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    touch-action:pan-y;
  }

  body.edition-2 .ep-banner{
    position:relative;flex:0 0 auto;
    min-height:0;padding:var(--e2-pad) var(--e2-pad) calc(var(--e2-pad) * 1.2);
    grid-template-columns:1fr;gap:var(--e2-gap);
  }
  body.edition-2 .ep-divider{display:none}
  body.edition-2 .ep-banner .l{font-size:var(--e2-ep-sm);letter-spacing:1px}
  body.edition-2 .ep-banner .l b{font-size:var(--e2-ep-lg);margin-top:clamp(3px, 1vw, 6px)}
  body.edition-2 .ep-banner .l .ep-release{display:none}
  body.edition-2 .ep-banner .footer-actions{
    flex-wrap:wrap;justify-content:center;gap:var(--e2-gap);width:100%;
  }
  body.edition-2 .ep-banner .footer-actions .footer-btn{
    min-height:var(--e2-btn-h);font-size:var(--e2-btn-fs);
    padding:clamp(8px, 2.2vw, 11px) clamp(10px, 3vw, 14px);
    flex:1 1 calc(50% - var(--e2-gap));
    min-width:0;
  }
  body.edition-2 .ep-banner .footer-actions .footer-btn.white{
    flex:1 1 100%;
  }
  body.edition-2 .ep-banner .footer-actions .footer-btn .ico{
    width:var(--e2-btn-ico);height:var(--e2-btn-ico);
  }
  body.edition-2 .ep-banner .footer-actions .footer-btn .ico svg{
    width:var(--e2-btn-ico-svg);height:var(--e2-btn-ico-svg);
  }
  body.edition-2 .ep-banner .footer-actions .social-strip{
    flex:1 1 100%;width:100%;justify-content:center;
    margin-top:clamp(2px, .8vw, 6px);
    padding-top:clamp(4px, 1.2vw, 8px);
    border-top:2px solid rgba(10,9,8,.22);
  }
  body.edition-2 .social-strip .txt{font-size:clamp(10px, 2.8vw, 11px)}
  body.edition-2 .social-strip a.soc{
    width:clamp(30px, 8.5vw, 34px);height:clamp(30px, 8.5vw, 34px);
  }
  body.edition-2 .social-strip a.soc svg{
    width:clamp(15px, 4.2vw, 17px);height:clamp(15px, 4.2vw, 17px);
  }

  /* Cover — desktop-style footer (episode left | buttons right), compact */
  body.edition-2.shell-cover .ep-banner{
    padding:clamp(6px, 1.6vw, 9px) clamp(8px, 2.2vw, 10px);
    gap:clamp(5px, 1.4vw, 8px);
    grid-template-columns:minmax(72px, 36%) 2px minmax(0, 1fr);
    align-items:center;
  }
  body.edition-2.shell-cover .ep-divider{
    display:block;width:2px;height:clamp(48px, 13vw, 58px);
    align-self:center;opacity:.4;
  }
  body.edition-2.shell-cover .ep-banner .l{
    font-size:clamp(7px, 2vw, 9px);letter-spacing:.7px;line-height:1.05;
  }
  body.edition-2.shell-cover .ep-banner .l b{
    display:block;font-size:clamp(10px, 2.9vw, 13px);
    margin-top:clamp(2px, .6vw, 3px);line-height:1.02;
    text-shadow:2px 2px 0 #000;
  }
  body.edition-2.shell-cover .ep-banner .footer-actions{
    flex-wrap:wrap;justify-content:flex-start;align-items:center;
    gap:clamp(3px, 1vw, 5px);width:auto;
  }
  body.edition-2.shell-cover .ep-banner .footer-actions .footer-btn,
  body.edition-2.shell-cover .ep-banner .footer-actions .footer-btn.white{
    flex:0 0 auto;min-width:0;
    min-height:clamp(30px, 8vw, 36px);
    font-size:clamp(8px, 2.2vw, 10px);
    padding:clamp(3px, 1vw, 5px) clamp(4px, 1.2vw, 6px);
    gap:clamp(2px, .6vw, 4px);
  }
  body.edition-2.shell-cover .ep-banner .footer-actions .footer-btn .ico{
    width:clamp(15px, 4.2vw, 18px);height:clamp(15px, 4.2vw, 18px);
    border-width:1.5px;
  }
  body.edition-2.shell-cover .ep-banner .footer-actions .footer-btn .ico svg{
    width:clamp(9px, 2.5vw, 11px);height:clamp(9px, 2.5vw, 11px);
  }
  body.edition-2.shell-cover .ep-banner .footer-actions .footer-btn::before{
    border-width:2px;border-radius:9px;box-shadow:2px 2px 0 #000;
  }
  body.edition-2.shell-cover .ep-banner .footer-actions .social-strip{
    flex:0 0 auto;width:auto;margin:0;padding:0;border-top:none;
    gap:clamp(4px, 1.1vw, 6px);
  }
  body.edition-2.shell-cover .social-strip .txt{
    display:inline;font-size:clamp(7px, 2vw, 9px);letter-spacing:.6px;
  }
  body.edition-2.shell-cover .social-strip a.soc{
    width:clamp(22px, 6vw, 26px);height:clamp(22px, 6vw, 26px);
    border-width:2px;
  }
  body.edition-2.shell-cover .social-strip a.soc svg{
    width:clamp(11px, 3vw, 13px);height:clamp(11px, 3vw, 13px);
  }

  body.edition-2.shell-cover .issue-badge{
    top:clamp(90px, 23vw, 118px);
    right:clamp(14px, 4vw, 18px);
    min-width:clamp(96px, 30vw, 112px);
    max-width:calc(100% - 32px);
  }
  body.edition-2.shell-cover .issue-badge-label{
    font-size:clamp(10px, 2.8vw, 12px);
    padding:clamp(4px, 1.1vw, 5px) clamp(7px, 2vw, 9px) clamp(3px, .8vw, 4px);
    letter-spacing:1.5px;
  }
  body.edition-2.shell-cover .issue-badge-items{
    padding:clamp(5px, 1.3vw, 7px) clamp(8px, 2.2vw, 11px) clamp(6px, 1.5vw, 8px);
    gap:clamp(2px, .6vw, 4px);
  }
  body.edition-2.shell-cover .issue-badge-items li{
    font-size:clamp(10px, 2.8vw, 12px);
    padding-left:clamp(11px, 3vw, 14px);line-height:1.25;
  }
  body.edition-2.shell-cover .issue-badge-items li::before{
    font-size:clamp(12px, 3.2vw, 15px);
  }

  /* Page 2 — intro */
  body.edition-2 .intro-page .strip-scroll{
    padding:clamp(20px, 6vw, 32px) clamp(14px, 4vw, 22px) clamp(16px, 4.5vw, 24px);
  }
  body.edition-2 .intro-nav{
    flex-direction:column;width:100%;max-width:100%;
    margin-top:clamp(24px, 7vw, 40px);gap:var(--e2-gap);
  }
  body.edition-2 .intro-nav .intro-comic-btn{
    flex:1 1 auto;width:100%;min-width:0;
    min-height:var(--e2-intro-btn-h);font-size:var(--e2-intro-btn-fs);
    padding:clamp(10px, 3vw, 14px) clamp(16px, 4.5vw, 22px);
  }
  body.edition-2 .intro-nav .intro-comic-btn .ico{
    width:clamp(24px, 7vw, 28px);height:clamp(24px, 7vw, 28px);
  }
  body.edition-2 .intro-nav .intro-comic-btn .ico svg{
    width:clamp(16px, 4.5vw, 20px);height:clamp(16px, 4.5vw, 20px);
  }

  body.edition-2 .strip-scroll{padding:clamp(28px, 8vw, 44px) clamp(14px, 4vw, 22px) clamp(18px, 5vw, 28px)}
  body.edition-2 .strip-title{font-size:clamp(22px, 6.5vw, 30px)}
  body.edition-2 .comic-spread-scroll{padding:clamp(14px, 4vw, 20px) clamp(12px, 3.5vw, 18px) clamp(18px, 5vw, 24px)}
  body.edition-2 .comic-spread-close-nav{margin-top:clamp(10px, 3vw, 14px)}
  body.edition-2 .comic-grid{grid-template-columns:1fr;gap:var(--e2-gap)}
  body.edition-2 .comic-masthead{flex-direction:column;align-items:flex-start;gap:clamp(3px, 1vw, 5px)}
  body.edition-2 .comic-caption{font-size:clamp(10px, 2.8vw, 12px)}
  body.edition-2 .comic-panel-art.comic-card-stack{min-height:clamp(140px, 40vw, 170px)}
  body.edition-2 .comic-grid-top .comic-panel-art.comic-card-stack{min-height:clamp(110px, 32vw, 130px)}
  body.edition-2 .comic-panel-art.comic-card-stack .comic-phone{width:58%;max-width:58%}
  body.edition-2 .comic-panel-art.comic-card-stack .comic-phone:nth-child(2){top:10px}
  body.edition-2 .comic-panel-art:not(.comic-card-stack) .comic-phone{width:68%;max-width:200px}
}