/* v198 lower pages: smartphone presentation follows the confirmed COMPANY first view.
   All changes are scoped to 640px and below. No asset or desktop styles altered. */
@media (max-width:640px){
  body.subpage-body:not(.about-page) .sub-hero{
    height:29.5svh;min-height:235px;max-height:360px;align-items:flex-end;
  }
  body.subpage-body:not(.about-page) .sub-hero-bgword{
    top:38%;font-size:19vw;line-height:.76;letter-spacing:-.05em;
  }
  body.subpage-body:not(.about-page) .sub-hero-inner{padding-bottom:30px;}
  body.subpage-body:not(.about-page) .sub-hero-mark{top:48%;}
  body.subpage-body:not(.about-page) .sub-hero-ja{margin-top:10px;}
  /* Long words can collide with red panel if set at 14vw for the foreground label. */
  body.subpage-body:not(.about-page) .sub-hero h1{
    font-size:clamp(36px,10.7vw,62px);line-height:.92;letter-spacing:-.055em;
  }
  body.subpage-body:not(.about-page) .sub-hero-kicker{max-width:65vw;line-height:1.5;}
  body.subpage-body:not(.about-page) .sub-hero-ja{max-width:60vw;line-height:1.4;}
  body.subpage-body .mobile-fold{display:block;width:100%;min-width:0;max-width:100%;grid-column:1/-1;position:relative;z-index:2;}
  body.subpage-body .mobile-fold > summary{
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    min-height:54px;padding:16px 2px;margin:0;
    border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;
    color:var(--omega-red);background:transparent;cursor:pointer;
    font-size:12px;font-weight:800;letter-spacing:.04em;line-height:1.5;
    list-style:none;outline-offset:3px;-webkit-tap-highlight-color:transparent;
  }
  body.subpage-body .mobile-fold > summary::-webkit-details-marker{display:none;}
  body.subpage-body .mobile-fold > summary::marker{content:"";}
  body.subpage-body .mobile-fold > summary:focus-visible{outline:2px solid var(--omega-red);}
  body.subpage-body .mobile-fold > summary::after{
    content:"＋";font-size:20px;line-height:1;font-weight:400;flex:none;
  }
  body.subpage-body .mobile-fold[open] > summary::after{content:"−";}
  body.subpage-body .mobile-fold[open] > summary{border-bottom-color:transparent;}
  body.subpage-body .mobile-fold > :not(summary){margin-top:16px;}
  body.subpage-body .mobile-fold .reveal{opacity:1!important;transform:none!important;}
  body.subpage-body .mobile-fold[open] > :last-child{margin-bottom:0;}
  /* History timeline should be legible and not spill past the fold toggle. */
  .history-page .history-era-inner{gap:22px;}
  .history-page .history-era-heading{margin:0;}
  .history-page .history-era-inner > .mobile-fold{margin:0;}
  .history-page .history-era-inner > .mobile-fold > .history-list{margin-top:18px;}
  /* Preserve brand and store links outside disclosure controls. */
  .food-page .food-brands-inner > .mobile-fold,
  .food-page .food-scenes-inner > .mobile-fold{margin-top:16px;}
  .food-page .food-section-store-link{margin-bottom:15px;}
  .food-page .food-brands-heading,
  .food-page .food-scenes-heading{margin-bottom:22px;}
  .amusement-page .amusement-concept > .mobile-fold,
  .amusement-page .amusement-concept-inner + .mobile-fold{width:calc(100% - 36px);margin:0 auto 40px;}
  /* OFFICE region accordion: do not nest in either store grid, which changes card width. */
  .office-page .office-region .mobile-fold{margin:0 0 22px;}
  .office-page .office-region .mobile-fold > summary{margin-bottom:0;}
  .office-page .office-region .mobile-fold > .office-grid,
  .office-page .office-region .mobile-fold > .office-company-cards,
  .office-page .office-region .mobile-fold > .office-food-kyoto-rows{margin-top:16px;}
  .office-page .office-corporate .mobile-fold > .office-corporate-grid{margin-top:16px;}
  .office-page .office-region{scroll-margin-top:var(--header-h,72px);}
  .office-page .office-section{scroll-margin-top:var(--header-h,72px);}
  .policy-page .policy-core .mobile-fold{margin-top:18px;}
  .policy-page .policy-management-inner > .mobile-fold{margin-top:12px;}
  .policy-page .policy-core-content .mobile-fold > .policy-core-body{margin-top:20px;}
  .policy-page .policy-current-content .mobile-fold{margin-top:22px;}
  .community-page .community-sponsor-inner .mobile-fold,
  .community-page .community-activities-inner .mobile-fold{margin-top:18px;}
  .privacy-page .privacy-item .mobile-fold{margin-top:15px;}
  .privacy-page .privacy-item .mobile-fold > :not(summary){margin-top:10px;}
  .ch-page .ch-section .mobile-fold{margin-top:14px;}
}

@media(max-width:640px){.office-page .office-food .mobile-fold > .office-all-stores{margin-top:16px;}}
