/*
 * ipad.html uses the unmodified PC stylesheet and a 1440px viewport.
 * Viewport, typography, layout, motion, and positioning continue to follow
 * the PC stylesheet; the scoped rules below only correct iPad rendering.
 */

/*
 * iPad Safari/Chromium can expand the visual viewport when the concept
 * section's horizontal track overflows. During the paper-tear transition
 * that leaves the fixed WebGL canvas covering only part of the screen and
 * exposes the sticky hero on the right. Keep that overflow clipped only on
 * the iPad document; index.html and mobile.html do not load this file.
 */
html[data-ipad-desktop-layout="true"],
html[data-ipad-desktop-layout="true"] body {
  /*
   * Keep the Lenis `overflow: clip` scroll container intact. `hidden` would
   * establish a nested scrolling box on iPad and disable the sticky screen
   * that carries the PC horizontal transition, making the panels drift
   * diagonally while the track is moving.
   */
  overflow-x: clip !important;
}

/*
 * iPad-only type scale for the three reference pages.  The iPad document
 * keeps the PC's 1440px layout viewport, so the same CSS sizes render much
 * smaller on the physical tablet.  Scope every rule to the iPad marker and
 * to the individual page blocks below; index.html and mobile.html never
 * load this file and therefore keep their original typography.
 */

/* Benefits page 03: 「公開後の管理は／必要な方だけ」 */
html[data-ipad-desktop-layout="true"]
  .section.arch + .section.z-2.theme_on-brand
  .benefits-cms_list_item:nth-child(3)
  .benefit-slide_t .h1 {
  font-size: 84px !important;
  line-height: 1.3 !important;
}

html[data-ipad-desktop-layout="true"]
  .section.arch + .section.z-2.theme_on-brand
  .benefits-cms_list_item:nth-child(3)
  .benefit-slide_desc .p1 {
  font-size: 18px !important;
  line-height: 1.75 !important;
}

/* The Concept page */
html[data-ipad-desktop-layout="true"] .paper-tear-section .loc-info-w .s_title h2 {
  font-size: 13px !important;
  line-height: 1.45 !important;
}

html[data-ipad-desktop-layout="true"] .paper-tear-section .loc-info-w .info-s_lead .h4 {
  font-size: 65px !important;
  line-height: 1.5 !important;
}

html[data-ipad-desktop-layout="true"] .paper-tear-section .loc-info-w .info-s_desc .p1 {
  font-size: 15px !important;
  line-height: 1.75 !important;
  width: 430px !important;
  max-width: none !important;
  white-space: normal !important;
}

html[data-ipad-desktop-layout="true"] .paper-tear-section .loc-info-w .info-s_desc .p1 .split-line-mask {
  display: block !important;
  white-space: nowrap !important;
}

html[data-ipad-desktop-layout="true"] .paper-tear-section .loc-info-w .loc-info-s_b {
  position: relative;
  top: -36px !important;
  left: -80px !important;
}

html[data-ipad-desktop-layout="true"] .paper-tear-section .loc-info-w .info-s_desc .s_logo .logo_symbol {
  position: relative;
  left: 75px !important;
}

/* Pricing page */
html[data-ipad-desktop-layout="true"] .paper-tear-section .pricing-shell .pricing-heading,
html[data-ipad-desktop-layout="true"] .paper-tear-section .pricing-shell .pricing-list,
html[data-ipad-desktop-layout="true"] .paper-tear-section .pricing-shell .pricing-note {
  position: relative;
  top: var(--ipad-mini-pricing-offset, 0px);
}

html[data-ipad-desktop-layout="true"] .paper-tear-section .pricing-shell .pricing-eyebrow {
  font-size: 12px !important;
}

html[data-ipad-desktop-layout="true"] .paper-tear-section .pricing-shell .pricing-title {
  font-size: 80px !important;
  line-height: 1.38 !important;
}

html[data-ipad-desktop-layout="true"] .paper-tear-section .pricing-shell .pricing-row {
  min-height: 185px;
}

html[data-ipad-desktop-layout="true"] .paper-tear-section .pricing-shell .pricing-number {
  font-size: 70px !important;
}

html[data-ipad-desktop-layout="true"] .paper-tear-section .pricing-shell .pricing-category {
  font-size: 13px !important;
}

html[data-ipad-desktop-layout="true"] .paper-tear-section .pricing-shell .pricing-description h3 {
  font-size: 36px !important;
  line-height: 1.25 !important;
}

html[data-ipad-desktop-layout="true"] .paper-tear-section .pricing-shell .pricing-description p {
  font-size: 21px !important;
  line-height: 1.5 !important;
}

html[data-ipad-desktop-layout="true"] .paper-tear-section .pricing-shell .pricing-price {
  font-size: 60px !important;
}

html[data-ipad-desktop-layout="true"] .paper-tear-section .pricing-shell .pricing-tax {
  font-size: 17px !important;
}

html[data-ipad-desktop-layout="true"] .paper-tear-section .pricing-shell .pricing-estimate {
  font-size: 38px !important;
}

html[data-ipad-desktop-layout="true"] .paper-tear-section .pricing-shell .pricing-monthly > span:first-child {
  font-size: 35px !important;
}

html[data-ipad-desktop-layout="true"] .paper-tear-section .pricing-shell .pricing-optional {
  font-size: 13px !important;
}

html[data-ipad-desktop-layout="true"] .paper-tear-section .pricing-shell .pricing-note {
  font-size: 18px !important;
  line-height: 1.5 !important;
}

/* Lower the pricing action buttons slightly on iPad only. */
html[data-ipad-desktop-layout="true"] .paper-tear-section .pricing-shell .pricing-quick-actions {
  top: 56px !important;
}