/* FANZA攻略 typography baseline for DB-style pages.
 * Reference: DISCOVER mobile compact scale.
 * Content headings and TOC follow the upper category navigation size.
 */
body.fkfgn-shell-enabled{
  --fk-ui-toc-panel-padding:16px 18px;
  --fk-ui-toc-heading-gap:12px;
  --fk-ui-toc-item-padding:7px 0;
  --fk-ui-toc-item-line-height:1.45;
  --fk-shell-admin-offset:0px;
  -webkit-text-size-adjust:100%;text-size-adjust:100%;
}
body.fkfgn-shell-enabled.admin-bar{--fk-shell-admin-offset:32px}
@media(max-width:782px){body.fkfgn-shell-enabled.admin-bar{--fk-shell-admin-offset:46px}}
@media(min-width:761px){
 body.fkfgn-shell-enabled{--fk-shell-gutter:var(--fk-ui-layout-inset,6px)}
 body.fkfgn-shell-enabled .fkfgn-home-layout--with-sidebar,
 body.fkfgn-shell-enabled .fkfgn-ranking-layout--with-sidebar,
 body.fkfgn-shell-enabled .fkfgn-guide-layout--with-sidebar{
  box-sizing:border-box!important;width:calc(100% - (var(--fk-shell-gutter) * 2))!important;
  max-width:none!important;margin-right:var(--fk-shell-gutter)!important;margin-left:var(--fk-shell-gutter)!important;
 }
 body.fkfgn-shell-enabled .fkfgn-home-layout--with-sidebar>.fkfgn-home-main,
 body.fkfgn-shell-enabled .fkfgn-ranking-layout--with-sidebar>main,
 body.fkfgn-shell-enabled .fkfgn-guide-layout--with-sidebar>main{
  width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
 }
}
body.fkfgn-home,
body.fkfgn-ranking-hub{
  --fkfgn-type-strong:#121722;
  --fkfgn-type-text:#343a46;
  --fkfgn-type-muted:#7b8492;
  --fkfgn-type-accent:#e60023;
  --fkfgn-type-normal-size:var(--fk-ui-content-text-size);
  --fkfgn-type-h1-size:var(--fk-ui-content-heading-size);
  --fkfgn-type-h2-size:var(--fk-ui-content-heading-size);
  --fkfgn-type-h3-size:var(--fkfgn-type-normal-size);
}

@media(max-width:760px){
  body.fkfgn-shell-enabled{
    --fkfgn-mobile-gutter:var(--fk-ui-mobile-gutter,10px);
    --fkfgn-mobile-media-gutter:var(--fk-ui-mobile-media-gutter,6px);
    --fkfgn-type-h1-size:var(--fk-ui-content-heading-size);
    --fkfgn-type-h2-size:var(--fk-ui-content-heading-size);
    font-family:var(--fk-ui-compact-tab-font);
    --fkfgn-mobile-section-gap:20px;
    --fkfgn-mobile-section-gap-compact:14px;
  }
}


.fkfgn-classification-recommended h2{margin:0 0 10px;color:#171b21;font-size:var(--fk-ui-content-heading-size);font-weight:800}
/* The legacy home sections bleed 18px out of their content column. */
@media(min-width:761px){body.fkfgn-shell-enabled .fkfgn-home-layout--with-sidebar>.fkfgn-home-main{padding-right:18px;padding-left:18px}}

@media(max-width:760px){
 .fkfgn-classification-collection .fkfgn-ranking-title{font-size:var(--fkfgn-type-h1-size);line-height:1.5}
}

/* Shared desktop scale for ranking and home, including the table of contents. */
@media(min-width:900px){
 body.fkfgn-home,
 body.fkfgn-ranking-hub{
  --fkfgn-type-normal-size:var(--fk-ui-guide-desktop-body-size);
  --fkfgn-type-h1-size:var(--fk-ui-guide-desktop-title-size);
  --fkfgn-type-h2-size:var(--fk-ui-guide-desktop-section-size);
  --fkfgn-type-h3-size:var(--fk-ui-guide-desktop-item-size);
  --fkfgn-desktop-section-size:var(--fk-ui-guide-desktop-section-size);
  --fkfgn-desktop-body-size:var(--fk-ui-guide-desktop-body-size);
  --fkfgn-desktop-small-size:var(--fk-ui-guide-desktop-small-size);
  --fkfgn-desktop-label-size:var(--fk-ui-guide-desktop-label-size);
  --fkfgn-desktop-heading-weight:var(--fk-ui-guide-desktop-heading-weight);
  --fkfgn-desktop-body-weight:var(--fk-ui-guide-desktop-body-weight);
  --fkfgn-desktop-section-gap:var(--fk-ui-guide-desktop-section-gap);
  --fkfgn-desktop-heading-gap:var(--fk-ui-guide-desktop-heading-gap);
  --fkfgn-desktop-tab-padding:var(--fk-ui-guide-desktop-tab-padding);
  --fkfgn-sidebar-columns:var(--fk-ui-guide-desktop-columns);
  --fkfgn-toc-panel-padding:var(--fk-ui-guide-desktop-toc-padding);
  --fk-ui-toc-heading-gap:var(--fk-ui-guide-desktop-heading-gap);
  --fk-ui-toc-item-padding:var(--fk-ui-guide-desktop-toc-item-padding);
  --fk-ui-toc-item-line-height:1.6;
 }
 body.fkfgn-home .fkfgn-home-main,
 body.fkfgn-ranking-hub .fkfgn-ranking-main{
  font-size:var(--fk-ui-guide-desktop-body-size);
  font-weight:var(--fk-ui-guide-desktop-body-weight);
  line-height:var(--fk-ui-guide-desktop-body-line);
 }
}