/* 生成物：scripts/manga-scope-css.py が reader.css から作る。手で直さない */
.mg {
  --desk: #e9ecef; --desk-2: #ffffff; --fg: #1b2128; --muted: #5d6873; --line: #d3d8dd;
  --water: #2f7fb8; --warn: #8a5a00; --warn-bg: #fff3d6;
  --f-ui: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", sans-serif;
  --f-letter: "Zen Kaku Gothic Antique", "Hiragino Sans", "Yu Gothic", sans-serif;
  --f-mincho: "Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", serif;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) .mg { --desk: #13171b; --desk-2: #1c2228; --fg: #e3e7eb; --muted: #9ca7b1; --line: #313a42;
    --warn: #f2c46b; --warn-bg: #3a2c0d; color-scheme: dark; }


}
:root[data-theme="dark"] .mg { --desk: #13171b; --desk-2: #1c2228; --fg: #e3e7eb; --muted: #9ca7b1; --line: #313a42;
  --warn: #f2c46b; --warn-bg: #3a2c0d; color-scheme: dark; }
.mg [hidden] { display: none !important; }
.mg { margin: 0; background: var(--desk); color: var(--fg); font-family: var(--f-ui); }
.mg::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 10; background: var(--desk-2); }
.mg button { font: inherit; color: inherit; }
.mg :focus-visible { outline: 2px solid var(--water); outline-offset: 2px; }
.mg .bar { background: var(--desk-2); border-bottom: 1px solid var(--line);
  padding-block: 9px; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.mg .bar-in { max-width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; }
.mg .bar h1 { margin: 0; font: 800 17px/1.25 var(--f-mincho); letter-spacing: .05em; }
.mg .bar .sub { font-size: 12px; color: var(--muted); }
.mg .badge { font-size: 11px; padding: 2px 8px; border-radius: 3px; background: var(--warn-bg); color: var(--warn); }
.mg .bar .links { margin-left: auto; display: flex; gap: 10px; font-size: 12px; }
.mg .bar .links a { color: var(--water); }
.mg .stage { max-width: 1100px; margin: 0 auto; padding-block: 14px 40px;
  padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px));
  display: flex; flex-direction: column; align-items: center; gap: 10px; }
.mg .sheet { width: min(100%, calc((100dvh - 120px) / 1.414), 700px); user-select: none; }
@media (max-width: 640px) {
.mg .sheet { width: calc(100% + 2 * max(16px, env(safe-area-inset-left, 0px))); margin-left: calc(-1 * max(16px, env(safe-area-inset-left, 0px))); margin-right: calc(-1 * max(16px, env(safe-area-inset-right, 0px))); }
.mg .sheet > * { box-shadow: none !important; }


}
.mg .nav { display: flex; align-items: center; gap: 12px; font-size: 13px; color: var(--muted); font-variant-numeric: tabular-nums; }
.mg .nav button { border: 1px solid var(--line); background: var(--desk-2); border-radius: 6px; padding: 8px 16px; cursor: pointer; }
.mg .nav button:disabled { opacity: .35; cursor: default; }
.mg .nav [data-count] { min-width: 88px; text-align: center; }
.mg .hint { font-size: 11px; color: var(--muted); margin: 0; text-align: center; }
.mg .mz-page { position: relative; width: 100%; aspect-ratio: 1000 / 1414; container-type: inline-size; background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.2), 0 10px 30px rgba(0,0,0,.14); overflow: hidden; touch-action: pan-y; }
.mg .mz-svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.mg .mz-text { position: absolute; inset: 0; pointer-events: none; }
.mg .mz-t { position: absolute; transform: translate(-50%, -50%); writing-mode: vertical-rl; text-orientation: mixed; white-space: nowrap; color: #111; }
.mg .mz-col { display: block; text-align: center; }
.mg .mz-balloon, .mg .mz-think { font-family: var(--f-letter); font-weight: 700; line-height: 1.26; letter-spacing: .02em; }
.mg .mz-caption { font-family: var(--f-mincho); font-weight: 700; line-height: 1.5; letter-spacing: .08em; }
.mg .mz-caption .mz-col, .mg .mz-title .mz-col { text-align: start; }
.mg .mz-title { font-family: var(--f-mincho); font-weight: 800; line-height: 1.32; letter-spacing: .12em; }
.mg .mz-sfx { writing-mode: horizontal-tb; transform: translate(-50%, -50%) rotate(-12deg); font-family: var(--f-letter); font-weight: 900;
  letter-spacing: -.02em; color: #111; -webkit-text-stroke: .9cqw #fff; paint-order: stroke fill; }
.mg .mz-cover { position: relative; width: 100%; aspect-ratio: 1000 / 1414; container-type: inline-size; background: #0e1216; overflow: hidden;
  display: flex; flex-direction: column; box-shadow: 0 1px 2px rgba(0,0,0,.2), 0 10px 30px rgba(0,0,0,.14); }
.mg .mz-cover-art { position: relative; flex: 1; min-height: 0; overflow: hidden; }
.mg .mz-cover-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mg .mz-cover-art.is-pending { background:
  radial-gradient(120% 70% at 60% 100%, #c98a4a 0%, #6e5340 35%, #1d2933 75%), #1d2933; }
.mg .mz-pending-note { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); white-space: nowrap; font: 500 2.4cqw/1.4 var(--f-ui); color: #fff; background: rgba(0,0,0,.45); padding: .8cqw 1.6cqw; border-radius: .8cqw; }
.mg .mz-cover-shade { position: absolute; left: 0; right: 0; bottom: 0; height: 30%; pointer-events: none;
  background: linear-gradient(to top, rgba(8, 10, 14, .72) 0%, rgba(8, 10, 14, .45) 45%, rgba(8, 10, 14, 0) 100%); }
.mg .mz-cover-title { position: absolute; right: 13cqw; top: 5cqw; writing-mode: vertical-rl; display: flex; flex-direction: column; align-items: flex-start; gap: 2.4cqw; color: #fff;
  text-shadow: 0 0 1.2cqw rgba(0,0,0,.55), 0 .3cqw .6cqw rgba(0,0,0,.5); }
.mg .mz-cover-no { font: 700 4.2cqw/1 var(--f-mincho); letter-spacing: .3em; }
.mg .mz-cover-name { font: 800 8.6cqw/1 var(--f-mincho); letter-spacing: .1em; }
.mg .mz-cover-work { position: absolute; left: 0; right: 0; bottom: 11cqw; text-align: center; font: 800 5.2cqw/1 var(--f-mincho); letter-spacing: .18em; color: #fff;
  text-shadow: 0 0 1.4cqw rgba(0,0,0,.75), 0 .3cqw .8cqw rgba(0,0,0,.6); }
.mg .mz-cover-sub { position: absolute; left: 0; right: 0; bottom: 4.5cqw; text-align: center; font: 700 3.2cqw/1.4 var(--f-mincho); letter-spacing: .16em; color: #fff;
  text-shadow: 0 0 1cqw rgba(0,0,0,.7); }
.mg .mz-sponsor-band { flex: none; height: 7.5cqw; background: #fff; border-top: .35cqw solid #141414; display: flex; align-items: center; justify-content: center;
  gap: 2cqw; color: #222; font: 500 2.6cqw/1 var(--f-ui); }
.mg .mz-sponsor-logo { max-height: 4.6cqw; max-width: 40cqw; }
.mg .mz-sponsor-name { font-weight: 700; }
.mg .mz-label { display: inline-block; border: .25cqw solid currentColor; border-radius: .6cqw; padding: .5cqw 1.2cqw; font: 700 2.2cqw/1 var(--f-ui); letter-spacing: .1em; }
.mg .mz-demo { display: inline-block; background: #e0457b; color: #fff; border-radius: .6cqw; padding: .5cqw 1.2cqw; font: 700 2.2cqw/1 var(--f-ui); }
.mg .mz-end { position: relative; width: 100%; aspect-ratio: 1000 / 1414; container-type: inline-size; background: #fff; color: #161616;
  box-shadow: 0 1px 2px rgba(0,0,0,.2), 0 10px 30px rgba(0,0,0,.14); overflow: hidden; }
.mg .mz-end-in { position: absolute; inset: 10cqw 9cqw; display: flex; flex-direction: column; gap: 3cqw; }
.mg .mz-end-close { margin: 0; font: 800 5cqw/1.4 var(--f-mincho); letter-spacing: .08em; }
.mg .mz-end h2 { margin: 2cqw 0 0; font: 800 3.6cqw/1.3 var(--f-mincho); border-bottom: .35cqw solid #161616; padding-bottom: 1.4cqw; }
.mg .mz-end ul { margin: 0; padding-left: 4cqw; display: flex; flex-direction: column; gap: 1.8cqw; font: 400 2.75cqw/1.65 var(--f-ui); }
.mg .mz-end p { margin: 0; font: 400 2.9cqw/1.7 var(--f-ui); }
.mg .mz-end .mz-end-next { margin-top: auto; font: 700 3.4cqw/1.5 var(--f-mincho); }
.mg .mz-pending .mz-end-in { justify-content: center; }
.mg .mz-back .mz-end-in { inset: 8cqw 7.5cqw; gap: 1.8cqw; overflow-y: auto; }
.mg .mz-back .mz-end-close { font-size: 4.2cqw; }
.mg .mz-end-kicker { margin: 0; font: 700 2.3cqw/1 var(--f-ui); letter-spacing: .14em; color: #6b6b6b; }
.mg .mz-back h2 { font-size: 3cqw; margin-top: 1cqw; padding-bottom: 1cqw; }
.mg .mz-back ul { font-size: 2.35cqw; line-height: 1.6; gap: 1.2cqw; }
.mg .mz-back .mz-end-lead { font-size: 2.5cqw; line-height: 1.65; }
.mg .mz-end-lead { color: #444; }
.mg .mz-end .mz-end-disc { margin-top: auto; font-size: 2.5cqw; color: #555; border-top: .25cqw solid #bbb; padding-top: 2cqw; }
.mg .mz-fin { background: #fbfaf7; }
.mg .mz-fin-in { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.4cqw; text-align: center; }
.mg .mz-fin-in p { margin: 0; }
.mg .mz-fin-no { font: 700 3.4cqw/1 var(--f-mincho); letter-spacing: .3em; color: #555; }
.mg .mz-fin-title { font: 800 7cqw/1.2 var(--f-mincho); letter-spacing: .14em; }
.mg .mz-fin-word { margin-top: 4cqw !important; font: 700 4.4cqw/1 var(--f-mincho); letter-spacing: .5em; color: #2f7fb8; }
.mg .mz-fin-next { margin-top: 10cqw !important; font: 500 3cqw/1.5 var(--f-ui); color: #333; }
.mg .mz-fin-work { position: absolute; bottom: 7cqw; font: 700 2.8cqw/1 var(--f-mincho); letter-spacing: .2em; color: #888; }
.mg .mz-ad { position: relative; width: 100%; aspect-ratio: 1000 / 1414; container-type: inline-size; background: #f4f5f6; color: #1d2228;
  box-shadow: 0 1px 2px rgba(0,0,0,.2), 0 10px 30px rgba(0,0,0,.14); overflow: hidden; display: flex; flex-direction: column; }
.mg .mz-ad-head { display: flex; align-items: center; gap: 2cqw; padding: 4cqw 6cqw; border-bottom: .3cqw solid #c9ced3; font: 500 2.6cqw/1.4 var(--f-ui); color: #4a535c; }
.mg .mz-ad-body { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.6cqw; padding: 4cqw 8cqw; text-align: center; }
.mg .mz-ad-img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 1cqw; background: #dfe3e7; }
.mg .mz-ad-img.is-empty { display: grid; place-items: center; color: #7a838c; font: 500 2.8cqw/1 var(--f-ui); }
.mg .mz-ad-name { margin: 0; font: 500 2.6cqw/1.4 var(--f-ui); color: #5d6873; }
.mg .mz-ad-headline { margin: 0; font: 800 4.4cqw/1.4 var(--f-ui); }
.mg .mz-ad-text { margin: 0; font: 400 3cqw/1.7 var(--f-ui); max-width: 70cqw; }
.mg .mz-ad-link { display: inline-block; margin-top: 1cqw; padding: 2cqw 4cqw; border: .3cqw solid #1d2228; border-radius: 6cqw; color: #1d2228; text-decoration: none; font: 700 2.8cqw/1 var(--f-ui); }
.mg .mz-ad-foot { margin: 0; padding: 3cqw 6cqw; border-top: .3cqw solid #c9ced3; font: 400 2.4cqw/1.4 var(--f-ui); color: #6a737c; text-align: center; }
@media (prefers-reduced-motion: no-preference) {
.mg .sheet > * { animation: mz-in .16s ease-out; }
 
}
@keyframes mz-in { from { opacity: .4; } to { opacity: 1; } }
.mg .mz-slot { background: repeating-linear-gradient(135deg, #f4f5f6 0 2.4cqw, #eceff2 2.4cqw 4.8cqw); }
.mg .mz-slot .mz-ad-body { border: .4cqw dashed #9aa3ad; margin: 6cqw; border-radius: 2cqw; background: rgba(255,255,255,.7); }
.mg .mz-slot-band { background: repeating-linear-gradient(135deg, #fff 0 1.6cqw, #f1f3f5 1.6cqw 3.2cqw); color: #5d6873; }
.mg .mz-slot-tag { display: inline-block; border: .25cqw dashed currentColor; border-radius: .6cqw; padding: .5cqw 1.2cqw; font: 700 2.2cqw/1 var(--f-ui); color: #5d6873; }
.mg { --ed-paper: #fbfbfa; --ed-ink: #16191c; --ed-muted: #69727a; --ed-rule: #d9dde0; --ed-water: #1f6fa6; --ed-water-bg: #e4f0f8; }
.mg .mb-cover, .mg .mb-backcover { position: relative; width: 100%; max-width: 100%; aspect-ratio: 1000 / 1414; container-type: inline-size; overflow: hidden;
  --mb-ink: #123247; background: var(--ed-paper); color: var(--ed-ink); box-shadow: 0 1px 1px rgba(0,0,0,.12), 0 16px 36px rgba(0,0,0,.24); }
.mg .mb-cover.has-art { color: #fbfbfa; background: #0d151b; }
.mg .mb-art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mg .mb-veil { position: absolute; inset: 0; pointer-events: none; }
.mg .mb-cover.has-art .mb-veil { background:
  linear-gradient(180deg, rgba(8,14,20,.62) 0%, rgba(8,14,20,0) 26%, rgba(8,14,20,0) 58%, rgba(8,14,20,.82) 100%),
  linear-gradient(270deg, rgba(8,14,20,.55) 0%, rgba(8,14,20,0) 42%); }
.mg .mb-cover:not(.has-art) .mb-veil::after { content: ""; position: absolute; top: 9cqw; bottom: 24cqw; right: 33cqw; width: .55cqw; background: var(--ed-water); }
.mg .mb-label { display: inline-flex; flex-direction: column; align-items: flex-start; }
.mg .mb-label-a, .mg .mb-label-b { font: 700 2.5cqw/1 var(--f-ui); letter-spacing: .36em; }
.mg .mb-label-rule { width: 8cqw; height: .45cqw; margin: 1.2cqw 0; background: #5fb3e6; }
.mg .mb-cover:not(.has-art) .mb-label-rule, .mg .mb-back-label .mb-label-rule { background: var(--ed-water); }
.mg .mb-cover-label { position: absolute; left: 7.5cqw; top: 7.5cqw; }
.mg .mb-cover-title { position: absolute; right: 8cqw; top: 8cqw; writing-mode: vertical-rl; display: flex; flex-direction: column; gap: 3.4cqw; align-items: flex-start; }
.mg .mb-cover.has-art .mb-cover-title { text-shadow: 0 0 3cqw rgba(0,0,0,.5); }
.mg .mb-cover-name { font: 800 15cqw/1 var(--f-mincho); letter-spacing: .04em; }
.mg .mb-cover-sub { font: 700 3.3cqw/1 var(--f-mincho); letter-spacing: .42em; padding-top: 1.4cqw; }
.mg .mb-cover-foot { position: absolute; left: 7.5cqw; right: 7.5cqw; bottom: 7cqw; display: flex; justify-content: space-between; align-items: flex-end;
  border-top: .2cqw solid currentColor; padding-top: 2.8cqw; }
.mg .mb-cover-vol { font: 700 3.4cqw/1 var(--f-mincho); letter-spacing: .24em; }
.mg .mb-cover-author { display: inline-flex; align-items: baseline; gap: 1.6cqw; }
.mg .mb-cover-author small { font: 500 2.1cqw/1 var(--f-ui); letter-spacing: .2em; opacity: .85; }
.mg .mb-cover-author b { font: 800 7.2cqw/1 var(--f-mincho); }
.mg .mb-back-art { position: absolute; inset: 0 0 auto; height: 50%; overflow: hidden; }
.mg .mb-back-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(251,251,250,0) 55%, var(--ed-paper) 100%); }
.mg .mb-back-in { position: absolute; left: 8.5cqw; right: 8.5cqw; top: 52%; bottom: 7cqw; display: flex; flex-direction: column; gap: 3cqw; }
.mg .mb-back-blurb { margin: 0; font: 500 3.15cqw/2 var(--f-mincho); letter-spacing: .04em; }
.mg .mb-back-foot { margin-top: auto; display: flex; justify-content: space-between; align-items: flex-end; gap: 3cqw; border-top: .2cqw solid var(--ed-ink); padding-top: 2.8cqw; }
.mg .mb-back-meta { margin: 0; display: flex; flex-direction: column; align-items: flex-end; gap: 1cqw; font: 700 2.5cqw/1.3 var(--f-mincho); }
.mg .mb-spine { position: relative; height: 100%; aspect-ratio: 1 / 9; container-type: size; background: var(--ed-paper); color: var(--ed-ink);
  display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 6cqh 0 5cqh; box-sizing: border-box;
  border-top: .9cqh solid var(--ed-water); box-shadow: inset -.5cqh 0 1cqh rgba(0,0,0,.12), 0 1cqh 2cqh rgba(0,0,0,.25); }
.mg .mb-spine-label { white-space: pre; text-align: center; font: 700 1.1cqh/1.3 var(--f-ui); letter-spacing: .12em; }
.mg .mb-spine-title { writing-mode: vertical-rl; font: 800 5cqh/1 var(--f-mincho); letter-spacing: .06em; }
.mg .mb-spine-author { writing-mode: vertical-rl; font: 800 2.6cqh/1 var(--f-mincho); }
.mg .mb-spine-vol { font: 800 2.8cqh/1 var(--f-mincho); }
.mg .ed { position: relative; width: 100%; max-width: 100%; aspect-ratio: 1000 / 1414; container-type: inline-size; overflow: hidden; box-sizing: border-box;
  background: var(--ed-paper); color: var(--ed-ink); display: flex; flex-direction: column; padding: 6.5cqw 8cqw 4.5cqw;
  box-shadow: 0 1px 2px rgba(0,0,0,.18), 0 10px 30px rgba(0,0,0,.14); }
.mg .ed-head { display: flex; justify-content: space-between; gap: 3cqw; font: 500 calc(1.85cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .18em; color: var(--ed-muted);
  border-bottom: .15cqw solid var(--ed-rule); padding-bottom: 1.8cqw; }
.mg .ed-label { letter-spacing: .32em; }
.mg .ed-body { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 2.1cqw; padding-top: 4.2cqw; overflow: hidden; }
.mg .ed-folio { text-align: center; font: 500 calc(1.85cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .2em; color: var(--ed-muted); padding-top: 2.2cqw; }
.mg .ed-kicker { margin: 0; display: flex; align-items: center; gap: 2cqw; font: 700 calc(2.05cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .3em; color: var(--ed-water); }
.mg .ed-kicker::before { content: ""; width: 6cqw; height: .3cqw; background: currentColor; }
.mg .ed-title { margin: 0; font: 800 calc(8.6cqw * var(--k, 1))/1.1 var(--f-mincho); letter-spacing: .03em; }
.mg .ed-sub { margin: -.6cqw 0 0; font: 700 calc(2.9cqw * var(--k, 1))/1.4 var(--f-mincho); letter-spacing: .32em; color: var(--ed-muted); }
.mg .ed-lead { margin: 1.6cqw 0 0; padding-left: 3cqw; border-left: .6cqw solid var(--ed-water); font: 800 calc(3.9cqw * var(--k, 1))/1.6 var(--f-mincho); }
.mg .ed-prose p { margin: 0 0 1.4cqw; font: 500 calc(2.6cqw * var(--k, 1))/1.8 var(--f-mincho); }
.mg .ed-prose-lg p { font-size: calc(3cqw * var(--k, 1)); line-height: 2; margin-bottom: 2.6cqw; }
.mg .ed-points { margin: .6cqw 0 0; display: grid; grid-template-columns: 19cqw 1fr; border-top: .15cqw solid var(--ed-rule); }
.mg .ed-points dt, .mg .ed-points dd { margin: 0; padding: 1.5cqw 0; border-bottom: .15cqw solid var(--ed-rule); }
.mg .ed-points dt { font: 700 calc(2.15cqw * var(--k, 1))/1.5 var(--f-ui); color: var(--ed-water); letter-spacing: .08em; }
.mg .ed-points dd { font: 500 calc(2.35cqw * var(--k, 1))/1.55 var(--f-ui); }
.mg .ed-byline { margin: auto 0 0; display: flex; align-items: baseline; gap: 2.4cqw; border-top: .2cqw solid var(--ed-ink); padding-top: 2.2cqw; }
.mg .ed-byline span { font: 500 calc(2.1cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .2em; color: var(--ed-muted); }
.mg .ed-byline b { font: 800 calc(5.4cqw * var(--k, 1))/1 var(--f-mincho); }
.mg .ed-h { margin: 0; font: 800 calc(5.6cqw * var(--k, 1))/1.2 var(--f-mincho); letter-spacing: .04em; }
.mg .ed-h3 { margin: 1.2cqw 0 0; padding-top: 1.8cqw; border-top: .15cqw solid var(--ed-rule); font: 800 calc(2.9cqw * var(--k, 1))/1.4 var(--f-mincho); }
.mg .ed-note { margin: 0; font: 400 calc(2.25cqw * var(--k, 1))/1.7 var(--f-ui); color: var(--ed-muted); }
.mg .ed-disc { margin: auto 0 0; padding-top: 2cqw; border-top: .15cqw solid var(--ed-rule); font: 400 calc(2.05cqw * var(--k, 1))/1.7 var(--f-ui); color: var(--ed-muted); }
.mg .ed-review { margin: 0; align-self: flex-start; font: 500 calc(2.05cqw * var(--k, 1))/1.5 var(--f-ui); color: #7a5200; background: #fff3d6; padding: 1.2cqw 2cqw; border-radius: 1cqw; }
.mg .ed-chip { display: inline-block; flex: none; font: 700 calc(1.85cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .08em; padding: .8cqw 1.5cqw; border-radius: 99cqw; white-space: nowrap; }
.mg .ed-chip-fact { background: var(--ed-water-bg); color: var(--ed-water); }
.mg .ed-chip-fiction { background: #f4ece0; color: #8a5a1f; }
.mg .ed-chip-remake { background: #ece8f5; color: #5a4a8c; }
.mg .ed-chip-note { background: #eceeef; color: #4f575d; }
.mg .ed-chip-ad { background: var(--ed-ink); color: var(--ed-paper); }
.mg .ed-facts { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1.7cqw; }
.mg .ed-fact { display: grid; grid-template-columns: auto 1fr; gap: 2cqw; align-items: baseline; font: 400 calc(2.4cqw * var(--k, 1))/1.75 var(--f-ui); }
.mg .ed-history .ed-body { gap: 1.8cqw; }
.mg .ed-history .ed-fact { font-size: calc(2.2cqw * var(--k, 1)); line-height: 1.65; }
.mg .ed-history .ed-facts { gap: 1.3cqw; }
.mg .toc { list-style: none; margin: 0; padding: 0; border-top: .2cqw solid var(--ed-ink); }
.mg .toc-row { display: grid; grid-template-columns: 8.4cqw 1fr auto; gap: 3cqw; align-items: center; padding: 1.15cqw 0; border-bottom: .15cqw solid var(--ed-rule); color: inherit; text-decoration: none; }
.mg a.toc-row:hover, .mg a.toc-row:focus-visible { background: #f1f4f6; }
.mg .toc-thumb { display: block; aspect-ratio: 2 / 3; border-radius: .6cqw; overflow: hidden; background: #e7eaec; }
.mg .toc-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mg .toc-txt { display: flex; flex-direction: column; gap: .7cqw; min-width: 0; }
.mg .toc-no { font: 700 calc(1.9cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .26em; color: var(--ed-water); }
.mg .toc-title { font: 800 calc(4.1cqw * var(--k, 1))/1.2 var(--f-mincho); }
.mg .toc-sub { font: 500 calc(2.3cqw * var(--k, 1))/1.3 var(--f-mincho); color: var(--ed-muted); }
.mg .toc-page { font: 700 calc(2.2cqw * var(--k, 1))/1 var(--f-ui); color: var(--ed-muted); font-variant-numeric: tabular-nums; letter-spacing: .06em; }
.mg .toc-wip { opacity: .55; }
.mg .toc-wip .toc-thumb { background: none; border: .25cqw dashed #b6bec4; }
.mg .toc-extra { list-style: none; margin: auto 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 1.4cqw; }
.mg .toc-extra a { display: inline-block; padding: 1.2cqw 2.4cqw; border: .2cqw solid var(--ed-rule); border-radius: 99cqw; color: var(--ed-ink); text-decoration: none; font: 700 calc(2.1cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .08em; }
.mg .ed-chend { padding: 0; }
.mg .chend-art { position: relative; height: 34%; overflow: hidden; background: #123247; }
.mg .chend-art::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2.2cqw;
  background: linear-gradient(180deg, transparent 0 18%, rgba(159,208,240,.55) 18% 26%, transparent 26% 52%, rgba(159,208,240,.35) 52% 60%, transparent 60% 86%, rgba(159,208,240,.2) 86% 94%, transparent 94%); }
.mg .chend-art::before { content: ""; position: absolute; left: 8cqw; top: 8cqw; width: 7cqw; height: .5cqw; background: #6bb8e8; }
.mg .chend-title { position: absolute; z-index: 1; left: 8cqw; bottom: 5cqw; display: flex; flex-direction: column; gap: 1.6cqw; color: #fbfbfa; }
.mg .chend-no { font: 700 calc(2.3cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .3em; }
.mg .chend-name { font: 800 calc(6.6cqw * var(--k, 1))/1.1 var(--f-mincho); }
.mg .chend-body { flex: 1; display: flex; flex-direction: column; gap: 3cqw; padding: 5.5cqw 8cqw 0; }
.mg .chend-word { margin: 0; font: 800 calc(6cqw * var(--k, 1))/1 var(--f-mincho); letter-spacing: .4em; }
.mg .chend-next { display: grid; grid-template-columns: 12cqw 1fr; gap: 3cqw; align-items: center; padding: 2.4cqw; border: .2cqw solid var(--ed-rule); border-radius: 1.4cqw; color: inherit; text-decoration: none; }
.mg .chend-next:hover, .mg .chend-next:focus-visible { border-color: var(--ed-water); }
.mg .chend-thumb { aspect-ratio: 2 / 3; overflow: hidden; border-radius: .6cqw; background: #e7eaec; }
.mg .chend-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mg .chend-next-txt { display: flex; flex-direction: column; gap: 1.2cqw; }
.mg .chend-next-k { font: 700 calc(1.95cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .28em; color: var(--ed-water); }
.mg .chend-next-t { font: 800 calc(3.7cqw * var(--k, 1))/1.3 var(--f-mincho); }
.mg .chend-next-s { font: 500 calc(2.3cqw * var(--k, 1))/1.4 var(--f-mincho); color: var(--ed-muted); }
.mg .chend-after { margin: 0; font: 500 calc(2.9cqw * var(--k, 1))/1.8 var(--f-mincho); }
.mg .chend-links { margin-top: auto; }
.mg .chend-links a { font: 700 calc(2.2cqw * var(--k, 1))/1 var(--f-ui); color: var(--ed-water); letter-spacing: .08em; }
.mg .ed-chend .ed-folio { padding: 2.2cqw 0 4.5cqw; }
.mg .ed-epi { padding: 0; }
.mg .epi-art { position: relative; height: 40%; flex: none; overflow: hidden; background: #0d151b; }
.mg .ed-epi-now .epi-art { height: 44%; }
.mg .epi-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mg .epi-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8,14,20,.1) 30%, rgba(8,14,20,.85) 100%); }
.mg .ed-epi.is-noart .epi-art { height: 30%; background: #123247; }
.mg .ed-epi.is-noart .epi-art::after { background: none; }
.mg .mb-asset { position: absolute; z-index: 3; left: 6cqw; right: 6cqw; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 1.2cqw;
  padding: 2.6cqw 3cqw; border: .35cqw dashed #e2b54a; border-radius: 1cqw; background: rgba(40,28,4,.82); color: #ffe9b0; font: 500 2.4cqw/1.5 var(--f-ui); text-shadow: none; }
.mg .mb-asset b { font: 800 calc(2.2cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .14em; color: #ffcf5c; }
.mg .mb-cover .mb-asset { top: 58%; right: 30cqw; }
.mg .epi-art .mb-asset { top: 38%; }
.mg .epi-kick { position: absolute; z-index: 1; left: 8cqw; bottom: 12cqw; color: #9fd0f0; font: 700 calc(2.1cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .34em; }
.mg .epi-title { position: absolute; z-index: 1; left: 8cqw; bottom: 4.6cqw; margin: 0; color: #fbfbfa; font: 800 calc(7cqw * var(--k, 1))/1 var(--f-mincho); letter-spacing: .06em; }
.mg .epi-body { padding: 4.2cqw 8cqw 0; gap: 2.4cqw; }
.mg .epi-lead { margin: 0; font: 500 calc(2.85cqw * var(--k, 1))/1.85 var(--f-mincho); }
.mg .epi-line { list-style: none; margin: 0; padding: 0 0 0 2.6cqw; border-left: .3cqw solid var(--ed-water); display: flex; flex-direction: column; gap: 1.5cqw; }
.mg .epi-line li { display: grid; grid-template-columns: 13cqw 1fr; gap: 2cqw; align-items: baseline; position: relative; }
.mg .epi-line li::before { content: ""; position: absolute; left: -3.65cqw; top: 1.2cqw; width: 1.8cqw; height: 1.8cqw; border-radius: 50%; background: var(--ed-paper); border: .3cqw solid var(--ed-water); box-sizing: border-box; }
.mg .epi-y { font: 800 calc(2.6cqw * var(--k, 1))/1.4 var(--f-mincho); color: var(--ed-water); font-variant-numeric: tabular-nums; }
.mg .epi-t { font: 400 calc(2.3cqw * var(--k, 1))/1.6 var(--f-ui); }
.mg .epi-src { margin: auto 0 0; font: 400 calc(1.85cqw * var(--k, 1))/1.6 var(--f-ui); color: var(--ed-muted); }
.mg .epi-stats { display: grid; grid-template-columns: repeat(3, 1fr); border-top: .2cqw solid var(--ed-ink); }
.mg .epi-stat { display: flex; flex-direction: column; gap: 1.2cqw; padding: 2.4cqw 1.6cqw 2.4cqw 0; }
.mg .epi-stat + .epi-stat { padding-left: 2.4cqw; border-left: .15cqw solid var(--ed-rule); }
.mg .epi-stat b { font: 800 calc(7cqw * var(--k, 1))/1 var(--f-mincho); color: var(--ed-water); letter-spacing: -.01em; }
.mg .epi-stat small { font: 500 calc(1.9cqw * var(--k, 1))/1.3 var(--f-ui); color: var(--ed-muted); }
.mg .epi-stat span { font: 500 calc(2.05cqw * var(--k, 1))/1.4 var(--f-ui); color: var(--ed-muted); }
.mg .epi-close { margin: 0 0 1cqw; font: 800 calc(3.8cqw * var(--k, 1))/1.5 var(--f-mincho); }
.mg .ed-epi .ed-folio { padding: 2cqw 0 4.5cqw; }
.mg .ed-sign { margin: 0; text-align: right; font: 800 calc(5cqw * var(--k, 1))/1 var(--f-mincho); }
.mg .ed-sign::before { content: "—— "; font-weight: 500; color: var(--ed-muted); }
.mg .au-card { display: grid; grid-template-columns: 22cqw 1fr; gap: 4.5cqw; align-items: center; padding: 3cqw 0; border-top: .2cqw solid var(--ed-ink); border-bottom: .15cqw solid var(--ed-rule); }
.mg .au-face { aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: var(--ed-ink); color: var(--ed-paper); display: grid; place-items: center; }
.mg .au-face img { width: 100%; height: 100%; object-fit: cover; }
.mg .au-face span { font: 800 calc(10cqw * var(--k, 1))/1 var(--f-mincho); }
.mg .au-txt { display: flex; flex-direction: column; gap: 1.4cqw; min-width: 0; }
.mg .au-role { font: 500 calc(2.1cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .24em; color: var(--ed-muted); }
.mg .au-name { font: 800 calc(8cqw * var(--k, 1))/1 var(--f-mincho); }
.mg .au-profile { margin: 0; font: 400 calc(2.4cqw * var(--k, 1))/1.7 var(--f-ui); }
.mg .au-links { display: flex; flex-wrap: wrap; gap: 1.2cqw; }
.mg .au-links a { padding: 1cqw 2cqw; border: .2cqw solid var(--ed-rule); border-radius: 99cqw; color: var(--ed-water); text-decoration: none; font: 700 calc(2cqw * var(--k, 1))/1 var(--f-ui); }
.mg .ed-colo .ed-body { justify-content: flex-end; }
.mg .colo { border-top: .35cqw solid var(--ed-ink); padding-top: 3cqw; display: flex; flex-direction: column; gap: 2cqw; }
.mg .colo-title { margin: 0; font: 800 calc(5.2cqw * var(--k, 1))/1.2 var(--f-mincho); }
.mg .colo-sub { margin: -.8cqw 0 0; font: 700 calc(2.4cqw * var(--k, 1))/1.4 var(--f-mincho); color: var(--ed-muted); letter-spacing: .14em; }
.mg .colo-dl { margin: 1cqw 0 0; display: grid; grid-template-columns: 14cqw 1fr; gap: 1.4cqw 3cqw; font: 400 calc(2.3cqw * var(--k, 1))/1.6 var(--f-ui); }
.mg .colo-dl dt { color: var(--ed-muted); letter-spacing: .14em; }
.mg .colo-dl dd { margin: 0; }
.mg .colo .ed-disc { margin-top: 1cqw; }
.mg .ad-head { display: flex; align-items: center; gap: 2cqw; font: 500 calc(2.05cqw * var(--k, 1))/1.4 var(--f-ui); color: var(--ed-muted); flex-wrap: wrap; }
.mg .ad-card { flex: 1; display: flex; flex-direction: column; gap: 2cqw; align-items: center; justify-content: center; text-align: center; padding: 4cqw; border: .2cqw solid var(--ed-rule); border-radius: 1.6cqw; }
.mg .ad-img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 1cqw; }
.mg .ad-logo { max-height: 14cqw; max-width: 60%; }
.mg .ad-name { margin: 0; font: 500 calc(2.3cqw * var(--k, 1))/1.4 var(--f-ui); color: var(--ed-muted); }
.mg .ad-headline { margin: 0; font: 800 calc(4.2cqw * var(--k, 1))/1.4 var(--f-ui); }
.mg .ad-text { margin: 0; font: 400 calc(2.7cqw * var(--k, 1))/1.7 var(--f-ui); max-width: 66cqw; }
.mg .ad-link { display: inline-block; padding: 2cqw 4cqw; border: .3cqw solid var(--ed-ink); border-radius: 99cqw; color: var(--ed-ink); text-decoration: none; font: 700 calc(2.6cqw * var(--k, 1))/1 var(--f-ui); }
.mg .slot-tag { display: inline-block; border: .2cqw dashed currentColor; border-radius: .6cqw; padding: .6cqw 1.2cqw; font: 700 calc(1.9cqw * var(--k, 1))/1 var(--f-ui); }
.mg .slot-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2cqw; }
.mg .slot-tiles.is-one { grid-template-columns: 1fr; flex: 1; }
.mg .slot-tile { aspect-ratio: 3 / 2; border: .3cqw dashed #b6bec4; border-radius: 1.2cqw; display: grid; place-items: center; text-align: center; padding: 1cqw;
  font: 500 2cqw/1.4 var(--f-ui); color: var(--ed-muted); background: repeating-linear-gradient(135deg, transparent 0 1.6cqw, #f1f3f4 1.6cqw 3.2cqw); }
.mg .slot-tiles.is-one .slot-tile { aspect-ratio: auto; height: 100%; }
.mg .ed-pending .ed-body { padding: 10cqw 8cqw; justify-content: center; }
.mg .v { --v-bg: #14171b; --v-bar: rgba(20,23,27,.94); --v-fg: #e8ecef; --v-muted: #98a2ab; --v-line: rgba(232,236,239,.12); --v-water: #5fb3e6;
  min-height: 100dvh; display: grid; grid-template-rows: auto 1fr auto; background: var(--v-bg); color: var(--v-fg); }
.mg.v-body { background: #14171b; color-scheme: dark; }
.mg.v-body::before { background: #14171b; }
.mg .v-top, .mg .v-bottom { position: sticky; z-index: 5; background: var(--v-bar); backdrop-filter: blur(8px); transition: opacity .25s ease, transform .25s ease;
  padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.mg .v-top { top: env(safe-area-inset-top, 0px); padding-block: 10px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--v-line); }
.mg .v-back { color: var(--v-fg); text-decoration: none; font: 700 13px/1 var(--f-ui); padding: 8px 10px 8px 0; white-space: nowrap; }
.mg .v-head { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.mg .v-head b { font: 800 15px/1.2 var(--f-mincho); letter-spacing: .04em; }
.mg .v-head span { font-size: 11.5px; color: var(--v-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mg .v-btn { margin-left: auto; border: 1px solid var(--v-line); background: transparent; color: var(--v-fg); border-radius: 999px; padding: 8px 14px; font: 700 12.5px/1 var(--f-ui); cursor: pointer; }
.mg .v-review { font-size: 10.5px; color: #f2c46b; border: 1px solid rgba(242,196,107,.4); border-radius: 3px; padding: 3px 6px; white-space: nowrap; }
.mg .v-stage { min-height: 0; display: flex; align-items: center; justify-content: center; padding-block: 14px; }
.mg .v .sheet { width: min(100% - 32px, calc((100dvh - 172px) / 1.414), 760px); user-select: none; }
.mg .v .sheet.is-spread { width: min(100% - 32px, calc((100dvh - 172px) / 1.414 * 2 + 4px)); display: flex; flex-direction: row-reverse; align-items: flex-start; gap: 4px; }
.mg .v .sheet.is-spread > * { flex: 0 0 calc(50% - 2px); min-width: 0; }
.mg .v .sheet.is-spread > :first-child { box-shadow: inset 14px 0 18px -14px rgba(0,0,0,.35), 0 10px 30px rgba(0,0,0,.3); }
.mg .v .sheet.is-spread > :last-child { box-shadow: inset -14px 0 18px -14px rgba(0,0,0,.35), 0 10px 30px rgba(0,0,0,.3); }
.mg .v-bottom { bottom: env(safe-area-inset-bottom, 0px); padding-block: 10px 12px; border-top: 1px solid var(--v-line); display: grid; gap: 8px; }
.mg .v-range { width: 100%; height: 18px; margin: 0; -webkit-appearance: none; appearance: none; background: transparent; cursor: pointer; direction: rtl; }
.mg .v-range::-webkit-slider-runnable-track { height: 3px; border-radius: 3px; background: linear-gradient(to left, var(--v-water) var(--p, 0%), var(--v-line) var(--p, 0%)); }
.mg .v-range::-moz-range-track { height: 3px; border-radius: 3px; background: linear-gradient(to left, var(--v-water) var(--p, 0%), var(--v-line) var(--p, 0%)); }
.mg .v-range::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 14px; margin-top: -5.5px; border-radius: 50%; background: var(--v-fg); }
.mg .v-range::-moz-range-thumb { width: 14px; height: 14px; border: 0; border-radius: 50%; background: var(--v-fg); }
.mg .v-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.mg .v-row button { border: 1px solid var(--v-line); background: transparent; color: var(--v-fg); border-radius: 999px; padding: 9px 18px; font: 700 13px/1 var(--f-ui); cursor: pointer; }
.mg .v-row button:disabled { opacity: .3; cursor: default; }
.mg .v-row [data-count] { font: 700 13px/1 var(--f-ui); color: var(--v-muted); font-variant-numeric: tabular-nums; text-align: center; }
.mg .v.is-calm .v-top, .mg .v.is-calm .v-bottom { opacity: 0; pointer-events: none; }
.mg .v.is-calm .v-top { transform: translateY(-100%); }
.mg .v.is-calm .v-bottom { transform: translateY(100%); }
@media (max-width: 640px) {
.mg .v-stage { padding-block: 0; }
.mg .v .sheet { width: 100%; }
.mg .v .sheet > * { box-shadow: none !important; }
.mg .v-review { display: none; }


}
.mg .v-drawer { position: fixed; inset: 0; z-index: 20; background: rgba(0,0,0,.55); display: flex; justify-content: flex-end; }
.mg .v-drawer-panel { width: min(380px, 88vw); height: 100%; overflow-y: auto; background: #1b1f24; color: var(--v-fg, #e8ecef); box-sizing: border-box;
  padding: max(18px, env(safe-area-inset-top, 0px)) max(18px, env(safe-area-inset-right, 0px)) 24px 18px; display: flex; flex-direction: column; gap: 4px; }
.mg .v-drawer-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 12px; margin-bottom: 6px; border-bottom: 1px solid rgba(232,236,239,.12); }
.mg .v-drawer-head b { font: 800 16px/1.2 var(--f-mincho); letter-spacing: .1em; }
.mg .v-drawer-head button { border: 0; background: transparent; color: inherit; font: 700 13px/1 var(--f-ui); cursor: pointer; padding: 6px; }
.mg .dr-row { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; padding: 11px 10px; border-radius: 8px; color: inherit; text-decoration: none; }
.mg .dr-row:hover, .mg .dr-row:focus-visible { background: rgba(232,236,239,.06); }
.mg .dr-row.is-here { background: rgba(95,179,230,.14); }
.mg .dr-row.is-here .dr-main::before { content: "● "; color: #5fb3e6; font-size: 10px; vertical-align: 2px; }
.mg .dr-main { font: 700 14px/1.4 var(--f-ui); }
.mg .dr-ch .dr-main { font: 800 15px/1.4 var(--f-mincho); }
.mg .dr-sub { font-size: 11.5px; color: #98a2ab; font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) {
.mg .v-top, .mg .v-bottom { transition: none; }
 
}
.mg .chend-theme { margin: 0; display: flex; flex-direction: column; gap: 1.2cqw; padding-left: 2.6cqw; border-left: .5cqw solid var(--ed-water); }
.mg .chend-theme span { font: 700 calc(1.95cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .26em; color: var(--ed-water); }
.mg .chend-theme b { font: 700 calc(3.1cqw * var(--k, 1))/1.6 var(--f-mincho); }
.mg .ed-inside .ed-prose p { font-size: calc(2.75cqw * var(--k, 1)); line-height: 1.85; margin-bottom: 1.8cqw; }
.mg .ed-inside .ed-body { gap: 2.6cqw; }
.mg .ed-inside .ed-points dd { font-size: calc(2.5cqw * var(--k, 1)); }
.mg .ed-notes:not(.ed-history) .ed-fact { font-size: calc(2.75cqw * var(--k, 1)); line-height: 1.8; }
.mg .ed-notes:not(.ed-history) .ed-facts { gap: 2.2cqw; }
.mg .mb-backcover:not(.has-art) .mb-back-art { background: var(--mb-ink, #123247); }
.mg .mb-backcover:not(.has-art) .mb-back-art::after { background: none; }
.mg .toc-label { margin: 1.4cqw 0 -.6cqw; font: 700 calc(1.9cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .3em; color: var(--ed-water); }
.mg .toc-back { display: grid; grid-template-columns: 1fr 1fr; column-gap: 4cqw; border-top-width: .15cqw; }
.mg .toc-back .toc-row { grid-template-columns: 2.4cqw 1fr; gap: 1.8cqw; padding-block: 1.3cqw; }
.mg .toc-back .toc-title { font-size: calc(2.9cqw * var(--k, 1)); }
.mg .toc-back .toc-sub { font-size: calc(2cqw * var(--k, 1)); }
.mg .toc-dot { width: 1.1cqw; height: 1.1cqw; border-radius: 50%; border: .3cqw solid var(--ed-water); justify-self: center; }
@media (max-width: 640px) {
.mg .v .sheet > .ed { aspect-ratio: auto; height: calc(100dvh - 142px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); --k: 1.14; }
.mg .v.is-calm .sheet > .ed { --k: 1.14; }


}
.mg .epi-blk { margin: .6cqw 0 -.6cqw; font: 700 calc(2cqw * var(--k, 1))/1.3 var(--f-ui); letter-spacing: .14em; color: var(--ed-water); }
.mg .epi-bnote { margin: 0; }
.mg .ed-epi-now .epi-close { margin-top: auto; }
.mg .ed-epi-now .epi-stat b { font-size: calc(5.6cqw * var(--k, 1)); }
.mg .ed-epi-now .epi-stat { padding-block: 1.8cqw; }
.mg .ed-epi-now .epi-stats.is-small .epi-stat b { font-size: calc(4.3cqw * var(--k, 1)); white-space: nowrap; }
.mg .ed { --k-max: 1.32; padding: 6cqw 7.2cqw 4cqw; }
.mg .ed-head, .mg .ed-folio { font-size: 1.85cqw; }
.mg .ed-inside { --k-max: 1.38; }
.mg .ed-toc { --k-max: 1.22; }
.mg .ed-notes { --k-max: 1.42; }
.mg .ed-history { --k-max: 1.3; }
.mg .ed-after { --k-max: 1.5; }
.mg .ed-author { --k-max: 1.45; }
.mg .ed-colo { --k-max: 1.45; }
.mg .ed-ad { --k-max: 1.4; }
.mg .ed-chend { --k-max: 1.4; }
.mg .ed-epi { --k-max: 1.3; }
.mg .ed-final { --k-max: 1.45; }
@media (max-width: 640px) {
.mg .v .sheet > .ed { --k-max: 1.75; }
.mg .v .sheet > .ed .ed-head, .mg .v .sheet > .ed .ed-folio { font-size: 2.6cqw; }


}
.mg .ed-legend { margin: auto 0 0; padding-top: 2.4cqw; border-top: .15cqw solid var(--ed-rule); display: grid; grid-template-columns: auto 1fr; gap: 1.2cqw 2.4cqw; align-items: center;
  font: 400 calc(2cqw * var(--k, 1))/1.5 var(--f-ui); color: var(--ed-muted); }
.mg .ed-legend dt, .mg .ed-legend dd { margin: 0; }
.mg .chend-art { height: 44%; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 7.2cqw 7cqw; box-sizing: border-box; }
.mg .chend-art::before { left: 7.2cqw; top: 7cqw; }
.mg .chend-title { position: static; gap: 2cqw; }
.mg .chend-no { font-size: 2.4cqw; letter-spacing: .34em; color: #9fd0f0; }
.mg .chend-name { font-size: 7.6cqw; letter-spacing: .04em; }
.mg .chend-art .chend-word { position: absolute; right: 7cqw; top: 6.5cqw; writing-mode: vertical-rl; color: #fbfbfa; font: 800 8.4cqw/1 var(--f-mincho); letter-spacing: .5em; opacity: .95; }
.mg .chend-body { min-height: 0; overflow: hidden; gap: 3.4cqw; padding: 6cqw 7.2cqw 0; }
.mg .chend-theme b { font-size: calc(3.3cqw * var(--k, 1)); }
.mg .chend-next { grid-template-columns: 13cqw 1fr; padding: 2.6cqw; }
.mg .chend-links a { font-size: calc(2.3cqw * var(--k, 1)); }
.mg .ed-final { padding: 9cqw 7.2cqw 7cqw; background: #0f2433; color: #eef3f6; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "side word"; gap: 6cqw; }
.mg .ed-final::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2.6cqw;
  background: linear-gradient(180deg, transparent 0 18%, rgba(159,208,240,.5) 18% 26%, transparent 26% 52%, rgba(159,208,240,.3) 52% 60%, transparent 60% 86%, rgba(159,208,240,.18) 86% 94%, transparent 94%); }
.mg .fin-word { grid-area: word; writing-mode: vertical-rl; display: flex; gap: 2.4cqw; align-items: flex-start; }
.mg .fin-small { font: 700 4cqw/1 var(--f-mincho); letter-spacing: .5em; color: #9fd0f0; }
.mg .fin-big { font: 800 15cqw/1 var(--f-mincho); letter-spacing: .2em; }
.mg .fin-side { grid-area: side; min-height: 0; overflow: hidden; display: flex; flex-direction: column; gap: 2.4cqw; }
.mg .fin-work { margin: 0; font: 800 calc(6cqw * var(--k, 1))/1.2 var(--f-mincho); }
.mg .fin-sub { margin: -1cqw 0 1cqw; font: 700 calc(2.3cqw * var(--k, 1))/1.4 var(--f-mincho); letter-spacing: .16em; color: #b9c8d2; }
.mg .fin-chs { list-style: none; margin: 0; padding: 0; border-top: .2cqw solid rgba(238,243,246,.5); }
.mg .fin-chs li { display: grid; grid-template-columns: 13cqw 1fr; gap: 2cqw; align-items: baseline; padding: 1.5cqw 0; border-bottom: .15cqw solid rgba(238,243,246,.14); }
.mg .fin-chs span { font: 700 calc(1.95cqw * var(--k, 1))/1.4 var(--f-ui); letter-spacing: .2em; color: #9fd0f0; }
.mg .fin-chs b { font: 700 calc(3.1cqw * var(--k, 1))/1.4 var(--f-mincho); }
.mg .fin-next { margin-top: auto; }
.mg .fin-next-k { margin: 0 0 1.4cqw; font: 700 calc(1.95cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .3em; color: #9fd0f0; }
.mg .fin-next-a { display: flex; flex-direction: column; gap: 1.2cqw; padding: 2.6cqw 3cqw; border: .25cqw solid rgba(238,243,246,.4); border-radius: 1.4cqw; color: inherit; text-decoration: none; }
.mg .fin-next-a:hover, .mg .fin-next-a:focus-visible { border-color: #9fd0f0; }
.mg .fin-next-a b { font: 800 calc(3.6cqw * var(--k, 1))/1.3 var(--f-mincho); }
.mg .fin-next-a span { font: 500 calc(2.2cqw * var(--k, 1))/1.5 var(--f-ui); color: #c6d3db; }
.mg .ed-after .ed-prose-lg p { font-size: calc(3cqw * var(--k, 1)); line-height: 2; }
.mg .ed-author .au-card { margin-top: 5cqw; grid-template-columns: 24cqw 1fr; border-top-width: .3cqw; padding: 4cqw 0; }
.mg .ed-author .au-name { font-size: calc(9cqw * var(--k, 1)); }
.mg .au-profile { font: 400 calc(2.6cqw * var(--k, 1))/1.85 var(--f-mincho); }
.mg .au-works { margin-top: auto; display: flex; flex-direction: column; gap: 1cqw; padding-top: 2.4cqw; border-top: .15cqw solid var(--ed-rule); font: 500 calc(2.4cqw * var(--k, 1))/1.5 var(--f-mincho); }
.mg .au-works-k { font: 700 calc(1.9cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .26em; color: var(--ed-water); }
.mg .colo-mark { flex: 1; display: grid; place-items: center; }
.mg .colo-mark::before { content: "HAKOBUNE\A MANGA"; white-space: pre; text-align: center; font: 700 calc(2.6cqw * var(--k, 1))/2.2 var(--f-ui); letter-spacing: .5em; color: var(--ed-ink);
  padding: 2cqw 0 2cqw .5em; border-top: .3cqw solid var(--ed-water); border-bottom: .3cqw solid var(--ed-water); }
.mg .colo { flex: none; }
.mg .ed-ad .ed-body { gap: 2.8cqw; }
.mg .ad-h { margin: 3cqw 0 0; text-align: center; font: 800 calc(6cqw * var(--k, 1))/1.3 var(--f-mincho); letter-spacing: .06em; }
.mg .ad-lead { margin: 0 auto; max-width: 64cqw; text-align: center; font: 500 calc(2.6cqw * var(--k, 1))/1.85 var(--f-mincho); color: var(--ed-muted); }
.mg .ed-slot .slot-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 2.4cqw; margin-top: 2cqw; }
.mg .ed-slot .slot-tile { aspect-ratio: 16 / 9; border: 0; border-radius: 1.2cqw; background: #eef1f3; padding: 0; }
.mg .ed-slot .slot-tile.is-main { grid-column: 1 / -1; aspect-ratio: 5 / 2; display: grid; place-items: center; }
.mg .ed-slot .slot-tile.is-main::after { content: "協賛のロゴと名前"; font: 500 calc(2.2cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .14em; color: #a3adb5; }
.mg .slot-card { align-items: stretch; justify-content: flex-start; text-align: left; gap: 2.2cqw; padding: 4cqw; }
.mg .slot-img { width: 100%; aspect-ratio: 16 / 10; border-radius: 1cqw; background: #eef1f3; }
.mg .slot-line { display: block; height: 2.1cqw; width: 92%; border-radius: 1cqw; background: #e8ecef; }
.mg .slot-line.is-name { width: 28%; height: 1.8cqw; }
.mg .slot-line.is-head { width: 72%; height: 3.8cqw; background: #dfe4e8; }
.mg .slot-line.is-short { width: 56%; }
.mg .slot-btn { margin-top: auto; align-self: center; width: 36%; height: 6.4cqw; border-radius: 99cqw; border: .3cqw solid #d6dbdf; }
.mg .slot-note { margin: auto 0 0; padding-top: 2cqw; border-top: .15cqw solid var(--ed-rule); font: 400 calc(1.9cqw * var(--k, 1))/1.6 var(--f-ui); color: #8a7240; }
.mg .ed-slot .slot-card + .slot-note { margin-top: 0; }
.mg .mb-asset { left: auto; right: auto; top: auto; bottom: auto; transform: none; flex-direction: row; align-items: center; gap: 1.2cqw; padding: 1cqw 2cqw;
  border: 0; border-radius: 99cqw; background: rgba(12,20,27,.66); color: #e7edf1; font: 500 2cqw/1.2 var(--f-ui); white-space: nowrap; }
.mg .mb-asset b { display: none; }
.mg .mb-asset::before { content: ""; width: 1.2cqw; height: 1.2cqw; border-radius: 50%; background: #e2b54a; flex: none; }
.mg .mb-cover .mb-asset { left: 7.5cqw; top: 19cqw; right: auto; }
.mg .mb-back-art .mb-asset { left: 7cqw; bottom: 5cqw; }
.mg .epi-art .mb-asset { right: 5cqw; top: 5cqw; left: auto; }
.mg .ed.ed-chend, .mg .ed.ed-epi { padding: 0; }
.mg .mz-slot-band { background: #f6f7f8; color: #8a949c; gap: 2cqw; }
.mg .mz-slot-tag { border: 0; padding: 0; font: 500 2cqw/1 var(--f-ui); color: #8a949c; letter-spacing: .08em; }
.mg .mz-slot-band .mz-label { opacity: .6; }
.mg .chend-art { height: 38%; }
.mg .chend-body { gap: 2.8cqw; padding-top: 5cqw; }
.mg .chend-next { grid-template-columns: 10.5cqw 1fr; padding: 2.2cqw; }
.mg .ed-final { grid-template-columns: minmax(0, 1fr) 21cqw; }
.mg .fin-word { justify-self: end; }
.mg .ed, .mg .ed.ed-chend, .mg .ed.ed-epi, .mg .ed.ed-final { padding: 0; gap: 0; }
.mg .ed > .ed-head { margin: 6cqw 7.2cqw 0; }
.mg .ed > .ed-body { padding-left: 7.2cqw; padding-right: 7.2cqw; }
.mg .ed > .ed-folio { padding: 2.2cqw 7.2cqw 4cqw; }
.mg .ed.ed-chend > .ed-folio { padding: 2.2cqw 7.2cqw 4.5cqw; }
.mg .ed-final > .fin-side { margin: 9cqw 0 7cqw 7.2cqw; }
.mg .ed-final > .fin-word { margin: 9cqw 7.2cqw 0 5cqw; }
.mg .ed.ed-pending > .ed-body { padding: 8cqw 7.2cqw; }
.mg .ed-slot .slot-tile { aspect-ratio: 2 / 1; }
.mg .ed-slot .slot-tile.is-main { aspect-ratio: 3 / 1; }
.mg .toc-row { grid-template-columns: 7cqw 1fr auto; padding: 1cqw 0; }
.mg .ed > .ed-body, .mg .chend-body, .mg .fin-side { padding-bottom: 1.6cqw; box-sizing: border-box; }
.mg .ed-lead, .mg .ad-h, .mg .ed-h, .mg .ed-title, .mg .chend-theme b, .mg .fin-next-a b, .mg .epi-close { text-wrap: balance; }
.mg .ad-h { font-size: calc(5.2cqw * var(--k, 1)); }
.mg .ed-review { background: none; padding: 0; color: #8a7240; font: 400 calc(1.9cqw * var(--k, 1))/1.6 var(--f-ui); display: flex; gap: 1.2cqw; align-items: baseline; }
.mg .ed-review::before { content: ""; flex: none; width: 1.1cqw; height: 1.1cqw; border-radius: 50%; background: #e2b54a; transform: translateY(-.2cqw); }
.mg .colo-dl { grid-template-columns: max-content 1fr; }
.mg .ed-final { grid-template-columns: minmax(0, 1fr) 24%; }
.mg .ed-author .au-card { margin-top: auto; }
.mg .au-tagline { margin: 2cqw 0 0; font: 700 calc(3.2cqw * var(--k, 1))/1.7 var(--f-mincho); text-wrap: balance; }
.mg .au-draft { display: inline-block; margin-left: 1.2cqw; vertical-align: .3em; font: 700 calc(1.6cqw * var(--k, 1))/1 var(--f-ui); padding: .5cqw 1cqw; border-radius: 99cqw; background: #fff1d0; color: #8a5a00; }
.mg .au-links { margin-top: 1cqw; gap: 1.6cqw; }
.mg .au-links a, .mg .au-links span { display: inline-flex; align-items: center; gap: 1.2cqw; padding: 1.4cqw 3cqw; border-radius: 99cqw; font: 700 calc(2.3cqw * var(--k, 1))/1 var(--f-ui); text-decoration: none; }
.mg .au-links a { border: .25cqw solid var(--ed-ink); color: var(--ed-ink); }
.mg .au-links a::after, .mg .au-links span::after { content: "↗"; font-weight: 400; }
.mg .au-links .is-planned { border: .25cqw solid var(--ed-rule); color: var(--ed-muted); }
.mg .ed-author .au-card { margin-top: 4cqw; }
.mg .ed-after { --k-max: 1.65; }
.mg .ed-author { --k-max: 1.6; }
.mg .ed-colo { --k-max: 1.55; }
.mg .ed-chend { --k-max: 1.6; }
.mg .ed-notes { --k-max: 1.55; }
.mg .ed-inside { --k-max: 1.5; }
.mg .chend-art .chend-word { font-size: 10cqw; right: 6.5cqw; top: 6cqw; letter-spacing: .45em; }
.mg .chend-theme { padding-left: 3cqw; border-left-width: .6cqw; }
.mg .ad-h::after { content: ""; display: block; width: 8cqw; height: .4cqw; background: var(--ed-water); margin: 2.6cqw auto 0; }
.mg .ed-slot .slot-tile:not(.is-main) { display: grid; place-items: center; }
.mg .ed-slot .slot-tile:not(.is-main)::after { content: "協賛"; font: 500 calc(1.9cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .3em; color: #b0b8be; }
.mg .ed-chend { --k-max: 1.42; }
.mg .chend-next-t { text-wrap: balance; }
.mg .v-top .v-btn { margin-left: 0; white-space: nowrap; }
.mg .v-head { margin-right: auto; min-width: 0; }
.mg .v-ghost { border-color: transparent; color: var(--v-muted); }
.mg .v-ghost:hover { color: var(--v-fg); border-color: var(--v-line); }
.mg .v-rv { color: #f2c46b; border-color: rgba(242,196,107,.35); display: inline-flex; align-items: center; gap: 6px; }
.mg .v-rv b { min-width: 16px; height: 16px; padding: 0 4px; box-sizing: border-box; border-radius: 99px; background: #f2c46b; color: #1a1a1a; font: 800 10.5px/16px var(--f-ui); text-align: center; }
.mg .v-rv b:empty { display: none; }
@media (max-width: 640px) {
.mg .v-top { gap: 6px; }
.mg .v-top .v-btn { padding: 7px 10px; font-size: 12px; }
.mg .v-head span { display: none; }
 
}
.mg .v-rvpanel { position: fixed; z-index: 21; right: max(12px, env(safe-area-inset-right, 0px)); top: calc(64px + env(safe-area-inset-top, 0px)); width: min(380px, calc(100vw - 24px)); max-height: 60vh; overflow: auto;
  background: #1f242a; color: #e8ecef; border: 1px solid rgba(242,196,107,.3); border-radius: 12px; box-shadow: 0 20px 40px -12px rgba(0,0,0,.6); padding: 14px 16px; }
.mg .v-rvhead { display: flex; align-items: baseline; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(232,236,239,.1); }
.mg .v-rvhead b { font: 800 14px/1.3 var(--f-ui); color: #f2c46b; }
.mg .v-rvhead span { font-size: 11px; color: #98a2ab; }
.mg .v-rvhead button { margin-left: auto; border: 0; background: none; color: inherit; font: 700 12px/1 var(--f-ui); cursor: pointer; padding: 4px; }
.mg .v-rvpanel ul { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 10px; }
.mg .v-rvpanel li { display: grid; gap: 3px; font-size: 13px; line-height: 1.6; }
.mg .v-rvpanel li b { font: 700 11px/1.3 var(--f-ui); color: #98a2ab; letter-spacing: .08em; }
.mg .v-rvpanel li.is-none { color: #98a2ab; }
.mg .v.is-zoom .v-stage { overflow: auto; align-items: flex-start; justify-content: flex-start; -webkit-overflow-scrolling: touch; }
.mg .v.is-zoom .sheet { width: 200% !important; max-width: none; flex: none; }
.mg .v.is-zoom .sheet.is-spread { width: calc(200% + 4px) !important; }
.mg .chend-echo { margin-top: 1.2cqw; font: 700 3cqw/1.5 var(--f-mincho); color: #c9d8e2; letter-spacing: .1em; }
.mg .chend-next.is-coming { opacity: .7; }
.mg .chend-thumb.is-blank { background: #123247; }
.mg .chend-next.is-text { grid-template-columns: 1fr; }
.mg .fin-chs li.is-coming { opacity: .55; }
.mg .au-head { display: grid; grid-template-columns: 20cqw 1fr; gap: 4.5cqw; align-items: center; margin-top: 4cqw; padding: 4cqw 0; border-top: .3cqw solid var(--ed-ink); border-bottom: .15cqw solid var(--ed-rule); }
.mg .au-face { aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: #123247; position: relative; }
.mg .au-face img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mg .au-face.is-blank::after { content: ""; position: absolute; left: 22%; right: 22%; top: 50%; height: 14%; transform: translateY(-50%);
  background: linear-gradient(180deg, transparent 0 10%, rgba(159,208,240,.75) 10% 22%, transparent 22% 44%, rgba(159,208,240,.5) 44% 56%, transparent 56% 78%, rgba(159,208,240,.3) 78% 90%, transparent 90%); }
.mg .au-head .au-txt { gap: 2cqw; }
.mg .au-head .au-name { font: 800 calc(10cqw * var(--k, 1))/1 var(--f-mincho); letter-spacing: .06em; }
.mg .au-head .au-role { font: 500 calc(2.1cqw * var(--k, 1))/1.4 var(--f-ui); letter-spacing: .12em; color: var(--ed-muted); }
.mg .au-profile { margin: 3cqw 0 0; font: 400 calc(2.65cqw * var(--k, 1))/1.85 var(--f-mincho); }
.mg .au-quote { margin: 2.4cqw 0 0; padding: 0 0 0 3cqw; border-left: .6cqw solid var(--ed-water); }
.mg .au-quote p { margin: 0; font: 700 calc(3.1cqw * var(--k, 1))/1.7 var(--f-mincho); text-wrap: balance; }
.mg ul.au-links { list-style: none; margin: 3cqw 0 0; padding: 0; display: block; border-top: .15cqw solid var(--ed-rule); }
.mg ul.au-links li { border-bottom: .15cqw solid var(--ed-rule); }
.mg ul.au-links a, .mg ul.au-links .is-planned { display: grid; grid-template-columns: 16cqw 1fr auto; align-items: baseline; gap: 2cqw; padding: 2cqw 0; border: 0; border-radius: 0; text-decoration: none; color: var(--ed-ink); background: none; }
.mg ul.au-links a::after, .mg ul.au-links .is-planned::after { content: none; }
.mg ul.au-links b { font: 800 calc(2.9cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .02em; }
.mg ul.au-links span { font: 400 calc(2.1cqw * var(--k, 1))/1.4 var(--f-ui); color: var(--ed-muted); }
.mg ul.au-links i { font: 400 calc(2.6cqw * var(--k, 1))/1 var(--f-ui); font-style: normal; color: var(--ed-water); }
.mg ul.au-links .is-planned { color: var(--ed-muted); cursor: default; }
.mg ul.au-links .is-planned i { color: var(--ed-rule); }
.mg .ad-sample { font: 700 calc(1.7cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .1em; padding: .7cqw 1.4cqw; border-radius: 99cqw; border: .2cqw solid #d9c08a; color: #8a6a1f; }
.mg .colo { border-top: .45cqw double var(--ed-ink); padding-top: 3.4cqw; gap: 2.2cqw; }
.mg .colo-title { font-size: calc(6.4cqw * var(--k, 1)); }
.mg .colo-dl { grid-template-columns: max-content 1fr; gap: 0; border-top: .15cqw solid var(--ed-rule); }
.mg .colo-dl dt, .mg .colo-dl dd { padding: 1.5cqw 0; border-bottom: .15cqw dotted #c9cfd3; }
.mg .colo-dl dt { padding-right: 4cqw; }
.mg .colo-disc { margin: 1cqw 0 0; padding: 2.2cqw 2.6cqw; background: #f1f3f4; border-radius: 1cqw; font: 400 calc(2cqw * var(--k, 1))/1.7 var(--f-ui); color: var(--ed-muted); }
.mg ul.au-links span::after, .mg ul.au-links b::after { content: none; }
.mg .fin-chs li { grid-template-columns: 17cqw 1fr; }
.mg .v-head b { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mg .ed-chip-house { background: var(--ed-water-bg); color: var(--ed-water); }
.mg .ed-house { --k-max: 1.35; }
.mg .ed-house .ed-body { gap: 0; }
.mg .hs-box { margin-top: 5cqw; display: flex; flex-direction: column; gap: 2.2cqw; }
.mg .hs-box::before { content: ""; width: 9cqw; height: .45cqw; background: var(--ed-water); }
.mg .hs-aud { margin: 0; font: 700 calc(1.95cqw * var(--k, 1))/1 var(--f-ui); letter-spacing: .26em; color: var(--ed-water); }
.mg .hs-h { margin: 0; font: 800 calc(5.4cqw * var(--k, 1))/1.4 var(--f-mincho); text-wrap: balance; }
.mg .hs-p { margin: 0; font: 500 calc(2.7cqw * var(--k, 1))/1.9 var(--f-mincho); }
.mg .hs-cta { margin-top: auto; padding-top: 4cqw; }
.mg .hs-cta-k { margin: 0 0 1.4cqw; font: 700 calc(2.2cqw * var(--k, 1))/1.4 var(--f-ui); letter-spacing: .08em; }
.mg .hs-links { list-style: none; margin: 0; padding: 0; border-top: .25cqw solid var(--ed-ink); }
.mg .hs-links li { border-bottom: .15cqw solid var(--ed-rule); }
.mg .hs-links a { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "b i" "s i"; gap: .6cqw 2cqw; padding: 2.1cqw 0; color: var(--ed-ink); text-decoration: none; }
.mg .hs-links b { grid-area: b; font: 800 calc(2.8cqw * var(--k, 1))/1.3 var(--f-mincho); }
.mg .hs-links span { grid-area: s; font: 400 calc(1.95cqw * var(--k, 1))/1.4 var(--f-ui); color: var(--ed-muted); }
.mg .hs-links i { grid-area: i; align-self: center; font-style: normal; font-size: calc(2.8cqw * var(--k, 1)); color: var(--ed-water); }
.mg .hs-links a:hover b, .mg .hs-links a:focus-visible b { color: var(--ed-water); }
.mg .hs-foot { margin: 2.4cqw 0 0; font: 400 calc(1.85cqw * var(--k, 1))/1.6 var(--f-ui); color: var(--ed-muted); }
.mg .hs-h { white-space: pre-line; }
.mg .ed-final { --k-max: 1.36; }
.mg .chend-hp:empty { display: none; }
.mg .chend-hp { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 1.6cqw; row-gap: .5cqw; padding: 1.5cqw 2.4cqw; border-radius: 1.2cqw; background: var(--ed-water-bg); color: var(--ed-ink); }
.mg .chend-hp b { font: 800 calc(2.6cqw * var(--k, 1))/1.4 var(--f-mincho); }
.mg .chend-hp span { font: 400 calc(2cqw * var(--k, 1))/1.6 var(--f-ui); color: var(--ed-muted); }
.mg .chend-hp a { font: 700 calc(2.1cqw * var(--k, 1))/1 var(--f-ui); color: var(--ed-water); }
.mg .chend-hp.is-earned { background: #e6f4ea; }
.mg .chend-hp.is-review { background: #fff4dc; }