/* UX-06 full-page route rendering. Keep existing session, auth, and entitlement UI logic. */
body.ux06-route-page .view,
body.ux06-route-page #homeView,
body.ux06-route-page #examView,
body.ux06-route-page #resultView,
body.ux06-route-page .site-footer{display:none!important}
body.ux06-route-page > main.container{max-width:1210px;width:100%;min-height:calc(100vh - 92px);margin:0 auto!important;padding:24px clamp(14px,3vw,32px)!important}
body.ux06-route-page .ux06-route-content{display:block;width:100%;max-width:1020px;margin:0 auto}
body.ux06-route-page .ux06-route-heading{font-size:clamp(1.45rem,2.8vw,2.1rem);line-height:1.2;color:#0A2448;margin:8px 0 22px}
body.ux06-route-page.learning-hub-open{overflow:auto!important}
body.ux06-route-page .ux06-route-embedded.learning-hub-overlay{display:block;position:static;inset:auto;z-index:auto;overflow:visible;background:transparent;padding:0;margin:0;max-height:none}
body.ux06-route-page .ux06-route-embedded.learning-hub-overlay[hidden]{display:none!important}
body.ux06-route-page .ux06-route-embedded .learning-hub-panel{margin:0;width:100%;max-width:none;border:1px solid #dbe3ef;background:#FFFFFF;border-radius:18px;padding:clamp(16px,3vw,28px);box-shadow:0 10px 30px rgba(10,36,72,.06)}
body.ux06-route-page .learning-hub-head h2{color:#0A2448}
body.ux06-route-page .learning-hub-close[hidden]{display:none!important}
body.ux06-route-page .learning-hub-head-actions .secondary-button{background:#FFFFFF;color:#1454B5;border:1px solid #1454B5}
body.ux06-route-page #myAccessBackdrop.payment-backdrop{position:static;inset:auto;display:block;width:100%;min-height:0;z-index:auto;padding:0;background:transparent;overflow:visible}
body.ux06-route-page #myAccessBackdrop .payment-modal{position:static;margin:0;width:100%;max-width:none;max-height:none;overflow:visible;border-radius:18px;box-shadow:0 10px 30px rgba(10,36,72,.06);border:1px solid #dbe3ef;color:#0A2448;background:#FFFFFF}
body.ux06-route-page #myAccessBackdrop .payment-close{display:none!important}
body.ux06-route-page .learning-hub-button{display:none!important}
body.ux06-route-page .ux06-route-content a:focus-visible,
body.ux06-route-page .ux06-route-content button:focus-visible{outline:3px solid #F3BA32;outline-offset:3px}
@media(max-width:767px){body.ux06-route-page > main.container{padding:14px 10px calc(85px + env(safe-area-inset-bottom,0px))!important}body.ux06-route-page .ux06-route-heading{margin:8px 5px 14px}body.ux06-route-page .ux06-route-embedded .learning-hub-panel{min-height:auto;border-radius:14px;padding:16px}}

/* My Access: rights / purchase / history */
body.ux06-route-page[data-ux-page="my-access"] > main.container{max-width:1460px;padding-top:12px!important}
body.ux06-route-page[data-ux-page="my-access"] .ux06-route-content{max-width:1280px}
body.ux06-route-page[data-ux-page="my-access"] .ux06-route-heading{display:none}
body.ux06-route-page #myAccessBackdrop .payment-modal{padding:18px 20px}
body.ux06-route-page #myAccessBackdrop .payment-head{margin-bottom:10px}
body.ux06-route-page #myAccessBackdrop .payment-head h2{font-size:24px;margin-top:2px}
body.ux06-route-page #myAccessBackdrop .payment-kicker{font-size:10px}
body.ux06-route-page #myAccessBackdrop .my-access-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 12px;padding:4px;background:#f4f7fb;border:1px solid #dbe3ef;border-radius:10px}
body.ux06-route-page #myAccessBackdrop .my-access-tabs button{appearance:none;border:0;border-radius:8px;background:transparent;color:#334155;font:inherit;font-weight:800;padding:9px 12px;cursor:pointer}
body.ux06-route-page #myAccessBackdrop .my-access-tabs button.active{background:#0A2448;color:#fff;box-shadow:0 2px 8px rgba(10,36,72,.16)}
body.ux06-route-page #myAccessBackdrop .my-access-tab-panel[hidden]{display:none!important}
body.ux06-route-page #myAccessBackdrop .my-access-rights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.ux06-route-page #myAccessBackdrop .my-access-right-card{margin:0}
body.ux06-route-page #myAccessBackdrop .my-access-catalog{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);gap:12px;align-items:start}
body.ux06-route-page #myAccessBackdrop .my-access-product-section{margin:0;padding:10px;border:1px solid #e4eaf2;border-radius:12px;background:#fbfcfe;scroll-margin-top:12px}
body.ux06-route-page #myAccessBackdrop .my-access-product-section[data-group="combo"]{background:#fffdf8;border-color:#ead8ad}
body.ux06-route-page #myAccessBackdrop .my-access-section-head{margin-bottom:7px}
body.ux06-route-page #myAccessBackdrop .my-access-section-head h3,
body.ux06-route-page #myAccessBackdrop .my-access-rights-intro h3,
body.ux06-route-page #myAccessBackdrop .my-access-history-intro h3{margin:0;color:#0A2448}
body.ux06-route-page #myAccessBackdrop .my-access-section-head h3{font-size:16px}
body.ux06-route-page #myAccessBackdrop .my-access-product-grid{display:grid;grid-template-columns:1fr;gap:6px;margin:0}
body.ux06-route-page #myAccessBackdrop .my-access-product-grid .my-access-plan-card{width:100%;min-height:68px;padding:9px 11px;gap:3px;text-align:left;cursor:pointer;border-radius:10px}
body.ux06-route-page #myAccessBackdrop .my-access-plan-heading{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px}
body.ux06-route-page #myAccessBackdrop .my-access-plan-card .payment-plan-title{font-size:13px;line-height:1.25}
body.ux06-route-page #myAccessBackdrop .my-access-plan-card .payment-plan-price{font-size:18px;line-height:1.15}
body.ux06-route-page #myAccessBackdrop .my-access-plan-card .payment-plan-rule{font-size:11px;line-height:1.25}
body.ux06-route-page #myAccessBackdrop .my-access-featured-plan{border:2px solid #b68a31;background:#fff7df;box-shadow:0 6px 18px rgba(182,138,49,.12)}
body.ux06-route-page #myAccessBackdrop .my-access-featured-plan .payment-plan-title{font-size:14px}
body.ux06-route-page #myAccessBackdrop .my-access-featured-plan .payment-plan-price{font-size:20px}
body.ux06-route-page #myAccessBackdrop .my-access-value-badge{flex:0 0 auto;border-radius:999px;background:#0A2448;color:#fff;padding:3px 7px;font-size:9px;font-weight:800;line-height:1.2;white-space:nowrap}
body.ux06-route-page #myAccessBackdrop .my-access-support{margin-top:12px}
@media(max-width:1100px){
  body.ux06-route-page #myAccessBackdrop .my-access-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ux06-route-page #myAccessBackdrop .my-access-product-section[data-group="combo"]{grid-column:span 1}
}
@media(max-width:767px){
  body.ux06-route-page[data-ux-page="my-access"] > main.container{padding:10px 8px calc(85px + env(safe-area-inset-bottom,0px))!important}
  body.ux06-route-page #myAccessBackdrop .payment-modal{padding:14px}
  body.ux06-route-page #myAccessBackdrop .payment-head{margin-bottom:8px}
  body.ux06-route-page #myAccessBackdrop .payment-head h2{font-size:21px}
  body.ux06-route-page #myAccessBackdrop .my-access-tabs{gap:4px;padding:4px;margin-bottom:10px}
  body.ux06-route-page #myAccessBackdrop .my-access-tabs button{padding:9px 5px;font-size:.82rem}
  body.ux06-route-page #myAccessBackdrop .my-access-rights-grid,
  body.ux06-route-page #myAccessBackdrop .my-access-catalog{grid-template-columns:1fr}
  body.ux06-route-page #myAccessBackdrop .my-access-product-section{padding:9px}
  body.ux06-route-page #myAccessBackdrop .my-access-product-grid .my-access-plan-card{min-height:64px}
}

