/* Canonical manga: warm translucent navigation and a shorter dialogue page. */
body[data-design='ink'][data-edition='frames'] [data-site-header] {
  background: linear-gradient(110deg, #f8f0dfb5, #f4ecdc91 62%, #f1e4cdad);
  -webkit-backdrop-filter: blur(18px) saturate(115%);
  backdrop-filter: blur(18px) saturate(115%);
  border-bottom: 1px solid #8d675640;
  box-shadow: 0 5px 24px #35251b06;
}
body[data-design='ink'][data-edition='frames'] [data-site-header] .c-header {
  grid-template-columns: minmax(170px, 1fr) auto minmax(170px, 1fr);
  gap: clamp(22px, 2.2vw, 42px);
  min-height: 86px;
  border-bottom: 0;
}
body[data-design='ink'][data-edition='frames'] [data-site-header] .c-header::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 52px;
  height: 2px;
  background: #b92a20;
  pointer-events: none;
}
body[data-design='ink'][data-edition='frames'] [data-site-header] .c-brand {justify-self: start; color: #211b16;}
body[data-design='ink'][data-edition='frames'] [data-site-header] .c-brand > span {color: #a52e24; border-color: #b92a2066; letter-spacing: .16em;}
body[data-design='ink'][data-edition='frames'] [data-site-header] .c-nav {justify-content: center; gap: clamp(25px, 2.5vw, 48px); font-size: 18px; font-weight: 500; color: #33251c;}
body[data-design='ink'][data-edition='frames'] [data-site-header] .c-nav a {padding-block: 23px;}
body[data-design='ink'][data-edition='frames'] [data-site-header] .c-nav a::after {height: 2px; bottom: 15px; background: #b92a20;}
body[data-design='ink'][data-edition='frames'] [data-site-header] .c-header-actions {justify-self: end; gap: 16px;}
body[data-design='ink'][data-edition='frames'] [data-site-header] .c-account {
  min-height: 46px;
  padding: 8px 17px;
  gap: 18px;
  border: 1px solid #a73a2b66;
  background: #fff5e12b;
  color: #8f291f;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
}
body[data-design='ink'][data-edition='frames'] [data-site-header] .c-account > span {font-size: 22px;}
body[data-design='ink'][data-edition='frames'] [data-site-header] .c-menu-button {border-color: #a73a2b66; background: #fff5e12b;}
body[data-design='ink'][data-edition='frames'] [data-site-header] .c-menu-button i {background: #8f291f;}
body[data-design='ink'][data-edition='frames'] [data-site-header] .c-mobile-nav {
  left: -18px;
  right: -18px;
  padding: 14px 25px 23px;
  background: #f4ecdcf5;
  border-top: 1px solid #a73a2b40;
  border-bottom: 1px solid #a73a2b66;
  box-shadow: 0 16px 25px #35251b14;
}
body[data-design='ink'][data-edition='frames'] [data-site-header] .c-mobile-nav a {font-size: 18px; border-color: #a78b6a40;}
body[data-design='ink'][data-edition='frames'] [data-site-header] :is(a, button):focus-visible {outline: 3px solid #b92a20; outline-offset: 5px;}
@media (hover:hover) {
  body[data-design='ink'][data-edition='frames'] [data-site-header] .c-account:hover {background: #f6dfc180; border-color: #a73a2b;}
}

/* Closed desktop FAQ is about 650px; open answers grow naturally. */
body[data-design='ink'][data-edition='frames'] .i-mc-faq {padding-block: 44px 56px;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-faq-page {width: min(1600px, calc(100% - 112px)); padding-top: 18px;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-chapter {gap: 20px; margin-bottom: 24px; padding-bottom: 16px; border-bottom-width: 2px;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-chapter-number {font-size: 54px; line-height: 1.05;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-chapter-label {margin-bottom: 5px; font-size: 20px;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-chapter-note {font-size: 16px; line-height: 1.6;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-dialogue-spread {grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: clamp(40px, 4vw, 64px);}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-heading {min-height: 0; padding-right: 0; margin-bottom: 0;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-heading .c-kicker {margin-bottom: 10px; font-size: 12px; line-height: 1.6;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq h2 {max-width: none; margin-bottom: 16px; font-size: clamp(40px, 3.1vw, 54px); line-height: 1.09; letter-spacing: -.025em;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-heading > .c-text-link {min-height: 44px; font-size: 16px; gap: 22px;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-marginal-portrait {
  position: relative;
  inset: auto;
  width: min(100%, 320px);
  max-height: none;
  aspect-ratio: 1.7;
  margin: 18px 0 0;
  border-width: 2px;
  box-shadow: 4px 4px 0 #191713;
}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-marginal-portrait img {object-position: 77% 38%;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-portrait-bubble {top: 12px; left: 12px; padding: 8px 15px; font-size: 18px;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-portrait-caption {display: none;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-list {gap: 12px; padding: 0 0 0 14px;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-list details:nth-child(even) {margin-left: 18px;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-list summary {
  grid-template-columns: 25px minmax(0, 1fr) 24px;
  gap: 14px;
  min-height: 72px;
  padding: 16px 23px;
  border-radius: 25px 24px 23px 10px;
  font-size: 20px;
}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-question-text {font-size: 20px; line-height: 1.45; letter-spacing: -.02em;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-question-number {padding-top: 3px; font-size: 21px;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-list summary > span {font-size: 26px;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-list summary::before {left: -10px; bottom: 16px; width: 17px; height: 13px;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-list details > p {margin: 12px 0 0 18px; padding: 18px 22px; font-size: 18px; line-height: 1.8;}

@media (min-width:2200px) {
  body[data-design='ink'][data-edition='frames'] [data-site-header] .c-nav {font-size: 20px;}
  body[data-design='ink'][data-edition='frames'] [data-site-header] .c-account {font-size: 19px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-question-text {font-size: 21px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-list details > p {font-size: 20px;}
}
@media (max-width:1250px) {
  body[data-design='ink'][data-edition='frames'] [data-site-header] .c-header {gap: 22px;}
  body[data-design='ink'][data-edition='frames'] [data-site-header] .c-nav {gap: 24px; font-size: 16px;}
  body[data-design='ink'][data-edition='frames'] [data-site-header] .c-account {padding-inline: 13px; font-size: 16px; gap: 12px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-faq-page {width: calc(100% - 72px);}
}
@media (max-width:1000px) {
  body[data-design='ink'][data-edition='frames'] [data-site-header] .c-header {grid-template-columns: minmax(0, 1fr) auto; min-height: 76px; gap: 14px;}
  body[data-design='ink'][data-edition='frames'] [data-site-header] .c-header-actions {gap: 12px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-dialogue-spread {grid-template-columns: minmax(0, 1fr); gap: 28px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-heading {display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 8px 30px; align-items: start;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-heading .c-kicker {grid-column: 1; grid-row: 1; margin: 0;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq h2 {grid-column: 1; grid-row: 2; font-size: 44px; margin: 0;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-heading > .c-text-link {grid-column: 1; grid-row: 3; justify-self: start;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-marginal-portrait {grid-column: 2; grid-row: 1/4; align-self: stretch; width: 100%; height: 100%; min-height: 160px; max-height: 190px; aspect-ratio: auto; margin: 0 4px 0 0;}
}
@media (max-width:700px) {
  body[data-design='ink'][data-edition='frames'] [data-site-header] .c-header {width: calc(100% - 36px); min-height: 74px;}
  body[data-design='ink'][data-edition='frames'] [data-site-header] .c-brand {font-size: 29px; gap: 10px;}
  body[data-design='ink'][data-edition='frames'] [data-site-header] .c-brand > span {font-size: 10px; padding-left: 10px;}
  body[data-design='ink'][data-edition='frames'] [data-site-header] .c-account {min-height: 44px; padding: 8px 11px; font-size: 14px; gap: 10px;}
  body[data-design='ink'][data-edition='frames'] [data-site-header] .c-account > span {font-size: 19px;}
  body[data-design='ink'][data-edition='frames'] [data-site-header] .c-menu-button {width: 44px; height: 44px; padding: 11px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq {padding-block: 30px 42px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-faq-page {width: calc(100% - 40px); padding-top: 16px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-chapter {grid-template-columns: auto minmax(0, 1fr); gap: 15px; margin-bottom: 22px; padding-bottom: 15px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-chapter-number {font-size: 42px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-chapter-label {font-size: 18px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-chapter-note {font-size: 14px; line-height: 1.6;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-edition {display: none;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-dialogue-spread {gap: 24px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-heading {grid-template-columns: minmax(0, 1fr) 110px; gap: 7px 18px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-heading .c-kicker {font-size: 11px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq h2 {font-size: clamp(30px, 7.7vw, 41px); line-height: 1.12;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-heading > .c-text-link {min-height: 44px; font-size: 14px; gap: 12px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-marginal-portrait {min-height: 120px; max-height: 150px; border-width: 1px; box-shadow: 3px 3px 0 #191713;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-marginal-portrait img {object-position: 76% 39%;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-portrait-bubble {display: none;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-list {gap: 12px; padding-left: 10px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-list details:nth-child(even) {margin-left: 8px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-list summary {grid-template-columns: 18px minmax(0, 1fr) 20px; gap: 9px; min-height: 74px; padding: 14px 15px; border-radius: 22px 21px 20px 9px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-question-text {font-size: 17px; line-height: 1.5;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-question-number {font-size: 18px; padding-top: 3px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-list summary > span {font-size: 23px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-list summary::before {left: -9px; width: 15px; height: 12px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-list details > p {margin: 11px 0 0 7px; padding: 16px; font-size: 16px; line-height: 1.8;}
}
@media (max-width:360px) {
  body[data-design='ink'][data-edition='frames'] [data-site-header] .c-header-actions {gap: 8px;}
  body[data-design='ink'][data-edition='frames'] [data-site-header] .c-account {padding-inline: 8px; gap: 6px;}
  body[data-design='ink'][data-edition='frames'] [data-site-header] .c-brand {font-size: 27px; gap: 7px;}
  body[data-design='ink'][data-edition='frames'] [data-site-header] .c-brand > span {padding-left: 7px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .i-mc-faq-page {width: calc(100% - 32px);}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-heading {grid-template-columns: minmax(0, 1fr) 88px; column-gap: 14px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq .c-faq-list summary {padding-inline: 12px; gap: 8px;}
}
@media (forced-colors:active) {
  body[data-design='ink'][data-edition='frames'] [data-site-header] {background: Canvas; border-color: CanvasText;}
  body[data-design='ink'][data-edition='frames'] [data-site-header] .c-account {border-color: ButtonText; color: LinkText;}
}