/* V12.9 — titled pop-ups keep the headline, close control and divider fixed. */
#info-dialog[open],#inquiry-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
#info-dialog[open]>.dialog-head,#inquiry-dialog[open]>.dialog-head{flex:0 0 auto;position:relative;z-index:10;background:#fff}
#info-dialog[open]>.dialog-body,#inquiry-dialog[open]>.dialog-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.v126-consent-panel{overflow:hidden;display:flex;flex-direction:column}
.v126-consent-panel>.dialog-head{flex:0 0 auto;position:relative;z-index:10;background:#fff}
.v126-consent-panel>.dialog-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}

/* Resource Center intentionally remains empty until approved materials are filled in. */
#info-dialog.resource-review .dialog-body{padding:0!important;min-height:180px}
.v129-resource-empty{min-height:180px;background:#fff}
html:not([data-app-ready]) #compat-resources:target{overflow:hidden}
.compat-resource-modal{padding:0!important;max-height:calc(100dvh - 76px);overflow:hidden;display:flex;flex-direction:column}
.compat-resource-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px 20px;border-bottom:1px solid var(--line);background:#fff;z-index:2}
.compat-resource-modal .compat-resource-head h1{font-size:23px;line-height:1.35;color:var(--blue);margin:0;padding:0}
.compat-resource-modal .compat-resource-close{position:static;flex:0 0 auto;width:32px;height:32px;font-size:26px}
.compat-resource-body{flex:1 1 auto;min-height:180px;overflow-y:auto;background:#fff}

/* Case pagination: light navigation, centered current number, no heavy button boxes. */
.case-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:34px 0 0;flex-wrap:nowrap}
.case-page-numbers{display:flex;align-items:center;justify-content:center;gap:3px}
.case-pagination button{border:0!important;box-shadow:none!important;background:transparent;color:#425463;cursor:pointer;font-family:inherit;font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center;text-align:center;margin:0}
.case-page-step{height:38px;min-width:84px;padding:0 8px!important;gap:8px;color:var(--blue)!important}
.case-page-arrow{font-family:Arial,sans-serif;font-size:22px;line-height:1;transform:translateY(-1px)}
.case-page-number{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;font-variant-numeric:tabular-nums}
.case-page-number[aria-current="page"]{background:var(--blue)!important;color:#fff!important;font-weight:700}
.case-pagination button:not(:disabled):hover{background:#eef4f9;color:var(--blue)}
.case-page-number[aria-current="page"]:hover{background:var(--blue)!important;color:#fff!important}
.case-pagination button:focus-visible{outline:2px solid #8fb7d8;outline-offset:2px}
.case-pagination button:disabled{opacity:.32;cursor:default;background:transparent!important}
.case-page-mobile-status{display:none;align-items:center;justify-content:center;gap:8px;height:38px;color:#677986;font-size:13px;font-variant-numeric:tabular-nums}
.case-page-mobile-status strong{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;font-size:13px;font-weight:700}

@media(max-width:620px){
  #info-dialog[open],#inquiry-dialog[open]{max-height:calc(100dvh - 24px)}
  #info-dialog[open]>.dialog-head,#inquiry-dialog[open]>.dialog-head{padding-top:18px;padding-bottom:15px}
  #info-dialog.resource-review .dialog-body,.v129-resource-empty,.compat-resource-body{min-height:120px}
  .compat-resource-head{padding:18px 20px 15px}
  .case-pagination{gap:12px;margin-top:28px}
  .case-page-numbers{display:none}
  .case-page-mobile-status{display:flex}
  .case-page-step{width:42px;min-width:42px;height:42px;padding:0!important}
  .case-page-step .case-page-label{display:none}
  .case-page-arrow{font-size:25px}
  .case-page-mobile-status,.case-page-mobile-status strong{height:42px}
  .case-page-mobile-status strong{width:42px}
}