/* KORYAO r82: phone layouts only. No declarations apply above 760 CSS pixels. */
@media screen and (max-width: 760px) {
  /* Public website: preserve existing controls and visual assets. */
  :root body.koryao-public-r15 .site-header {
    height: 64px;
    padding: 0 16px;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
  }
  :root body.koryao-public-r15 .brand-button { justify-self: start; padding: 0; }
  :root body.koryao-public-r15 .logo { gap: 8px; }
  :root body.koryao-public-r15 .logo-word { font-size: 18px; }
  :root body.koryao-public-r15 .header-actions { gap: 8px; }
  :root body.koryao-public-r15 .header-actions > .nav-console-button {
    display: inline-flex;
    min-height: 44px;
    padding: 0 12px;
    font-size: 13px;
  }
  :root body.koryao-public-r15 .nav-console-button svg { display: none; }
  :root body.koryao-public-r15 .menu-button { width: 44px; height: 44px; border-radius: 10px; }
  :root body.koryao-public-r15 .site-header > nav { top: 64px; max-height: calc(100dvh - 64px); overflow-y: auto; }
  :root body.koryao-public-r15 .site-header > nav button,
  :root body.koryao-public-r15 .mobile-portal-links a { min-height: 48px; font-size: 14px; }
  :root body.koryao-public-r15 .hero { min-height: 0; height: auto; }
  :root body.koryao-public-r15 .hero-copy {
    min-height: 0;
    height: auto;
    padding: 40px 20px 28px;
  }
  :root body.koryao-public-r15 .hero-copy h1 {
    width: 100%;
    max-width: 100%;
    margin: 0;
    font-size: clamp(30px, 8.4vw, 40px);
    line-height: 1.22;
    letter-spacing: -.04em;
  }
  :root body.koryao-public-r15 .hero-copy > p {
    width: 100%;
    max-width: 100%;
    margin: 22px 0 0;
    color: #d0dad7;
    font-size: 15px;
    line-height: 1.75;
  }
  :root body.koryao-public-r15 .hero-actions { width: 100%; margin-top: 24px; }
  :root body.koryao-public-r15 .hero-gooey-actions { max-width: 100%; }
  :root body.koryao-public-r15 .hero-gooey-actions button { min-height: 48px; padding-inline: 13px; font-size: 13px; }
  :root body.koryao-public-r15 .hero-facts {
    margin-top: 28px;
    padding-top: 20px;
    gap: 12px;
  }
  :root body.koryao-public-r15 .hero-facts dd { font-size: 12px; line-height: 1.6; color: #b4c2bd; }
  :root body.koryao-public-r15 .hero-facts dt { font-size: 12px; line-height: 1.6; }
  :root body.koryao-public-r15 .section-heading h2,
  :root body.koryao-public-r15 .workflow-heading h2,
  :root body.koryao-public-r15 .plans-stage h2,
  :root body.koryao-public-r15 #capabilities-title,
  :root body.koryao-public-r15 #workflow-title,
  :root body.koryao-public-r15 #plans-title {
    font-size: clamp(28px, 8vw, 36px);
    line-height: 1.25;
    letter-spacing: -.035em;
  }
  :root body.koryao-public-r15 .section-heading > p,
  :root body.koryao-public-r15 .capability-card > p,
  :root body.koryao-public-r15 .term-card p,
  :root body.koryao-public-r15 .plan-card p { font-size: 14px; line-height: 1.7; }
  :root body.koryao-public-r15 :is(.capabilities, .workflow-stage, .plans-stage) { padding-inline: 20px; scroll-margin-top: 80px; }

  /* Workbench: reuse the real route title and the working drawer toggle. */
  :root[data-koryao-workspace-release] body.koryao-r13 .app-shell .topbar {
    display: flex !important;
    position: sticky;
    top: 0;
    z-index: 30;
    min-height: 64px;
    height: 64px;
    padding: 0 16px 0 72px;
    justify-content: space-between;
    background: #111416;
    border-bottom: 1px solid #ffffff12;
    color: #edf1f5;
  }
  :root body.koryao-r13 .topbar > .mobile-menu,
  :root body.koryao-r13 .topbar > div:first-of-type > p,
  :root body.koryao-r13 .topbar .server-chip,
  :root body.koryao-r13 .topbar .icon-button { display: none; }
  :root body.koryao-r13 .topbar h1 { margin: 0; font-size: 18px; line-height: 1.4; }
  :root body.koryao-r13 .topbar .top-actions { margin-left: auto; }
  :root body.koryao-r13 .topbar .avatar-button { min-width: 44px; min-height: 44px; font-size: 15px; }
  :root body.koryao-r13 .r67-mobile-menu {
    top: 10px !important;
    left: 16px !important;
    width: 44px !important;
    height: 44px !important;
  }
  :root[data-koryao-workspace-release] body.koryao-r13 .app-shell .app-main { padding-top: 0 !important; min-width: 0; }
  :root[data-koryao-workspace-release] body.koryao-r13 .app-shell .page-content {
    padding: 20px 16px max(32px, env(safe-area-inset-bottom)) !important;
    min-width: 0;
  }
  :root body.koryao-r13 .content-stack { gap: 16px; }
  :root body.koryao-r13 .page-heading { max-width: 100%; width: 100%; }
  :root body.koryao-r13 .page-heading h2 { font-size: 26px; line-height: 1.3; }
  :root body.koryao-r13 .page-heading p:not(.kicker),
  :root body.koryao-r13 .page-content p:not(.kicker) { font-size: 14px; line-height: 1.65; }
  :root body.koryao-r13 .page-content .kicker { font-size: 11px; line-height: 1.5; letter-spacing: .08em; }
  :root body.koryao-r13 .page-content small { font-size: 12px; line-height: 1.5; }
  :root body.koryao-r13 .page-content button,
  :root body.koryao-r13 .page-content .button { min-height: 44px; font-size: 14px; line-height: 1.4; }
  :root body.koryao-r13 .page-content :is(input:not([type=checkbox]):not([type=radio]):not([type=range]), textarea, select) {
    min-width: 0;
    max-width: 100%;
    font-size: 16px;
  }
  :root body.koryao-r13 .page-content :is(img, video) { max-width: 100%; }
  :root body.koryao-r13 .page-content :is(pre, .table-wrap, .table-scroll, .partition-table-scroll) { max-width: 100%; overflow-x: auto; }
  :root body.koryao-r13 .primary-nav button { min-height: 48px; font-size: 14px; }
  :root body.koryao-r13 .primary-nav .nav-label { font-size: 12px; }
  :root body.koryao-r13 .sidebar { max-width: calc(100vw - 56px); padding-bottom: max(16px, env(safe-area-inset-bottom)); }
  :root body.koryao-r13 .sidebar-foot small,
  :root body.koryao-r13 .sidebar-foot p { font-size: 12px; line-height: 1.5; }
  :root body.koryao-r13 .connection-required {
    min-height: 0;
    padding: 20px;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr);
    border-radius: 16px;
  }
  :root body.koryao-r13 .connection-required-icon { display: none; }
  :root body.koryao-r13 .connection-required h2 { margin-top: 6px; font-size: 22px; line-height: 1.4; letter-spacing: -.025em; text-wrap: balance; }
  :root body.koryao-r13 .connection-required p:not(.kicker) { font-size: 14px; line-height: 1.65; }
  :root body.koryao-r13 .connection-required > .button { width: 100%; justify-content: center; grid-column: 1; }
  :root body.koryao-r13 .integration-hero h3 { font-size: 24px; line-height: 1.4; letter-spacing: -.025em; text-wrap: balance; }
  :root body.koryao-r13 .app-shell[data-route=dashboard] .welcome-row-stack:has(+ .connection-required) { display: none; }
  :root body.koryao-r13 .anonymous-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  :root body.koryao-r13 .anonymous-metrics .metric { min-width: 0; min-height: 0; padding: 16px; }
  :root body.koryao-r13 .anonymous-metrics .metric > p { font-size: 12px; margin-top: 12px; }
  :root body.koryao-r13 .anonymous-metrics .metric > strong { font-size: 23px; line-height: 1.35; letter-spacing: -.025em; }
  :root body.koryao-r13 .anonymous-metrics .metric > small { position: static; display: block; margin-top: 6px; font-size: 12px; line-height: 1.5; }

  /* Subscriptions: show a complete plan before secondary instructions. */
  :root body.koryao-r13 .app-shell[data-route=license] .account-required {
    min-height: 0;
    padding: 16px;
    gap: 0;
    border-radius: 14px;
  }
  :root body.koryao-r13 .app-shell[data-route=license] .account-required h3 { font-size: 20px; line-height: 1.4; text-wrap: balance; }
  :root body.koryao-r13 #koryao-license-segments { min-height: 48px; margin-block: 0 16px; }
  :root body.koryao-r13 #koryao-license-segments button { font-size: 14px; min-height: 44px; }
  :root body.koryao-r13 .koryao-partition-pricing {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 0 20px;
  }
  :root body.koryao-r13 .partition-pricing-heading { order: 0; gap: 12px; margin: 0; }
  :root body.koryao-r13 .partition-pricing-heading h3 { font-size: 20px; line-height: 1.4; margin: 0 0 6px; }
  :root body.koryao-r13 .partition-pricing-heading p { font-size: 13px; line-height: 1.6; }
  :root body.koryao-r13 .partition-periods { width: 100%; box-sizing: border-box; padding: 4px; }
  :root body.koryao-r13 .partition-periods button { flex: 1; min-width: 0; min-height: 48px; padding: 10px 8px; font-size: 16px; }
  :root body.koryao-r13 .partition-plan-grid { order: 1; grid-template-columns: minmax(0, 1fr); gap: 12px; }
  :root body.koryao-r13 .partition-plan {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px 12px;
    padding: 18px;
    border-radius: 14px;
  }
  :root body.koryao-r13 .partition-plan-top { grid-column: 1 / -1; }
  :root body.koryao-r13 .partition-plan h4 { grid-column: 1; margin: 0; font-size: 17px; line-height: 1.4; }
  :root body.koryao-r13 .partition-plan > p { grid-column: 1 / -1; margin: 0; min-height: 0; font-size: 13px; line-height: 1.6; }
  :root body.koryao-r13 .partition-price { grid-column: 2; grid-row: 2; margin: 0; text-align: right; white-space: nowrap; }
  :root body.koryao-r13 .partition-price strong { font-size: 26px; }
  :root body.koryao-r13 .partition-price span { display: block; margin-top: 3px; font-size: 12px; }
  :root body.koryao-r13 .partition-plan > button { grid-column: 1 / -1; width: 100%; margin: 2px 0 0; min-height: 44px; font-size: 14px; }
  :root body.koryao-r13 .partition-availability { order: 2; margin: 0; padding: 12px; font-size: 13px; }
  :root body.koryao-r13 .partition-checkout-orders { order: 3; margin: 0; font-size: 13px; }
  :root body.koryao-r13 .partition-checkout-orders:has(.partition-current-order) { order: 0; }
  :root body.koryao-r13 .partition-pricing-notes { order: 4; margin: 0; }
  :root body.koryao-r13 .partition-price-table { order: 5; font-size: 13px; }
  :root body.koryao-r13 .partition-price-table summary { min-height: 44px; padding-block: 12px; }
  :root body.koryao-r13 .partition-order-actions { gap: 10px; }
  :root body.koryao-r13 [data-koryao-license-redesign=orders] .koryao-partition-pricing > :not(.partition-checkout-orders) { display: none; }

  /* Login uses its own shell outside .page-content. */
  :root body.koryao-r13 .kls-form input { font-size: 16px !important; }
  :root body.koryao-r13 .kls-form label,
  :root body.koryao-r13 .kls-form p { font-size: 14px; line-height: 1.6; }
  :root body.koryao-r13 .kls-form button { min-height: 44px !important; font-size: 14px; }
  :root body.koryao-r13 .kls-form .kls-input-action { min-width: 44px !important; }
  :root body.koryao-r13 .kls-form .kls-primary { min-height: 50px !important; font-size: 16px; }
  :root body.koryao-r13 .kls-footer { font-size: 12px; line-height: 1.6; }
}