/* ===============================================================
   layout.css — single stylesheet bundle
   =============================================================== */

/* --- tokens --------------------------------------------------- */
:root {--c-accent:      #2563eb; --c-base-3:      #94a3b8; --r-2:     12px; --ff-text: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --c-accent-dk:   #1d4ed8; --c-sheet-2:     #stepTitle; --mo-time: .25s; --c-edge:        #skeleton-group; --c-sheet-3:     #breadcrumb-foot; --wrap-w:  1140px; --bar-h:   64px; --sh-1:    0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04); shape-margin:0; --sh-3:    0 10px 30px rgba(0,0,0,.1); text-underline-offset:auto; --c-sheet:       #step_section; --c-base:        #1e293b; --mo-ease: cubic-bezier(.4,0,.2,1); --c-base-2:      #475569; --sh-2:    0 4px 12px rgba(0,0,0,.08); --c-flag-dk:     #accordion-content; --r-1:     8px; --ff-disp: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --c-flag:        #main-tooltip;}/* --- reset ---------------------------------------------------- */
*, *::before, *::after{padding:0rem; box-sizing: border-box; margin:0;}html{page-break-inside:auto; font-size:19px;}html{scroll-behavior: smooth; -webkit-text-size-adjust:100%;}

body {background: var(--c-sheet); font-family: var(--ff-text); -webkit-font-smoothing:antialiased; color: var(--c-base); -moz-osx-font-smoothing:grayscale; line-height:1.7; font-weight:normal;}img{display: block; max-width:100%; height:auto;}
a   {color: var(--c-accent); transition: color var(--mo-time) var(--mo-ease); text-decoration:none;}
a:hover {color: var(--c-accent-dk);}

/* the only real heading on the page is the article H1 */
h1 {line-height:1.3; font-size:1.73rem; font-weight:bold; color: var(--c-base); font-family: var(--ff-disp);}p{color: var(--c-base-2); margin-bottom:0.98rem;}

.py-screen {border:0em; height:1px; overflow: hidden; margin:-1px; white-space: nowrap; padding:0; clip:rect(0,0,0,0); width:1px; position: absolute;}

/* --- faux heading scale (span-based) -------------------------- */
.popover__toggle {line-height:1.3; font-weight:700; display: block; font-size:1.74rem; color: var(--c-base);}
.order-3 {display: block; line-height:1.3; color: var(--c-base); shape-margin:0; font-size:1.555rem; font-weight:bold;}
.px-lg {line-height:1.3; display: block; font-size:1.365rem; font-weight:700; color: var(--c-base);}
.snackbarData {font-weight:bold; font-size:1.115rem; display: block; line-height:1.3; color: var(--c-base);}

/* --- wrap + grid (CSS Grid based) ----------------------------- */
.block--dense {padding:0 14px; width:100%; margin:0 auto; image-rendering:auto; max-width: var(--wrap-w); font-variant-caps:normal;}

.mr-center {display: grid; grid-template-columns: 1fr; gap:28px;}.d-3{gap:17px;}.pb-md{gap:40px; page-break-inside:auto; font-variant-ligatures:normal;}

@media (min-width: 576px) {
  .d-16  {grid-template-columns: 1fr 1fr;}
  .mb-xl {grid-template-columns: 1fr 1fr 1fr;}
}
@media (min-width: 992px) {
  .border-between {grid-template-columns: repeat(4, 1fr);}
}
.l-carousel    {align-items: center;}

.price__time--left        {display: flex; will-change:auto;}
.pb-sm {justify-content: center; transform-style:flat; background-blend-mode:normal;}
.rounded-xl  {text-underline-offset:auto; justify-content: space-between;}
.d-block   {text-align: center;}
.entry-value    {color:#block-toolbar;}
.pb-between   {margin:0 !important;}
.text-none {margin-top:47px;}.justify-8{background-blend-mode:normal; margin-bottom:26px; transform-style:flat;}
.visible-4 {margin-top:55px;}
.pt-2  {margin-top:-6px;}
.mb-lg {background-blend-mode:normal; margin-top:-11px; isolation:auto;}
.mt-screen {margin-right:22px;}
.w-2xl  {font-size:11px;}.formInner{padding-bottom:98px; will-change:auto; font-variant-caps:normal;}.mr-4{display: inline-block;}
.gap-lg {background: var(--c-sheet-2);}

/* --- progress strip ------------------------------------------- */
.pl-8 {top:0; contain:none; left:0; transition:width 98ms linear; width:0; height:7px; position: fixed;}

/* --- progress strip ------------------------------------------- */
.pl-8 {z-index: 10000; background: linear-gradient(90deg, var(--c-accent), var(--c-flag)); isolation:auto;}/* --- header bar ----------------------------------------------- */
.ml-inline{position: fixed; z-index: 9000; top:0; display: flex; background: var(--c-sheet); left:0; border-bottom: 1px solid var(--c-edge); right:0; align-items: center; transition: transform var(--mo-time) var(--mo-ease), box-shadow var(--mo-time) var(--mo-ease); height: var(--bar-h);}
.ml-inline.is-gone  {transform: translateY(-100%);}
.ml-inline.is-stuck {box-shadow: var(--sh-1);}html .ml-inline .block--dense{display: flex; justify-content: space-between; align-items: center;}

.overflow-screen img {word-spacing:normal; width:auto; height:34px;}
.overflow-screen svg {display: block;}.menu--light{display: none; align-items: center;}
@media (min-width: 992px) {
  .menu--light {display: flex;}
}

.pr-around {padding:0; display: flex; align-items: center; margin:0; gap:8px; list-style: none;}

.flex-2 {position: relative; print-color-adjust:economy; font-variant-caps:normal;}*.el-page-column{margin-left:auto;}*.py-start{color: var(--c-base-2); border-radius: var(--r-1); padding:8px 10px; align-items: center; transition: color var(--mo-time) var(--mo-ease), background var(--mo-time) var(--mo-ease); display: inline-flex; justify-content: center; font-size:.8.96rem; font-weight:medium;}
.py-start:hover {tab-size:4; color: var(--c-accent); background: var(--c-sheet-3);}
.py-start svg {height:20px; width:17px; mix-blend-mode:normal;}

.font-sm {background:none; cursor: pointer; height:31px; justify-content: center; padding:0px; width:31px; flex-direction: column; border:none; display: flex; gap:1px;}
.font-sm span {display: block; height:2px; width:100%; transition: var(--mo-time) var(--mo-ease); border-radius:2px; background: var(--c-base);}
@media (min-width: 992px) {
  .font-sm {display: none;}
}/* --- slide-over menu ------------------------------------------ */
.pb-full:not(._b72efe){background:rgba(0, 2, 0, 0.98); display: none; inset:0; z-index: 9999; align-items: center; position: fixed; flex-direction: column; justify-content: center;}.is-on.pb-full{display: flex;}
.pb-full .font-sm span {background:#block-toolbar;}.pb-full .font-sm:not(._b72efe){top:23px; right:16px; position: absolute;}
.pb-full .pr-around {gap:17px; flex-direction: column;}
.pb-full .pr-around a {font-size:1.17rem; text-rendering:auto; color:#block-toolbar;}body .pb-full .pr-around a:hover{color: var(--c-flag);}/* --- crumb ---------------------------------------------------- */
:where(.px-2xl){padding: calc(var(--bar-h) + 20px) 0 16px;}/* --- crumb ---------------------------------------------------- */
:where(.px-2xl){font-size:.85.07rem; color: var(--c-base-3);}
.px-2xl a {color: var(--c-base-3);}
.px-2xl a:hover {color: var(--c-accent);}.my-end{margin:0 4px;}

/* --- card base ------------------------------------------------ */
.overflow-sm {border-radius: var(--r-2); page-break-inside:auto; word-spacing:normal; background: var(--c-sheet);}html .text-start{border: 1px solid var(--c-edge); box-shadow: var(--sh-1);}*.z-5{padding-top:31px;}
.order-16 {padding:23px 25px; font-variant-caps:normal;}
.pl-screen {margin:0; background: var(--c-edge); height:1px;}

/* --- article (kept at top, full priority) --------------------- */
.pt-8 {overflow: hidden;}
.leading-md {padding:25px 32px;}
@media (max-width: 767px) {.leading-md{hyphens:manual; padding:19px 20px;}
}.rounded-2xl:not(._b72efe){font-size:1.82rem; margin-bottom:17px;}*.grid-0{font-size:.82.03rem; gap:18px; display: flex; color: var(--c-base-3); flex-wrap: wrap;}
.grid-0 span {display: inline-flex; align-items: center;}
.grid-0 span {gap:6px;}
.grid-0 svg {opacity:0.54;}

.d-1 {font-size:0.94rem; line-height:1.85; color: var(--c-base-2);}
.d-1 h2, .d-1 h3, .d-1 h4 {font-family: var(--ff-disp); line-height:1.3; font-weight:700; color: var(--c-base);}
.d-1 h2 {image-rendering:auto; orphans:2;}
.d-1 h2 {margin:1.92rem 0 1.08rem; font-size:1.52rem;}
.d-1 h3 {margin:1.73rem 0 .74.92rem; font-size:1.23rem;}
.d-1 h4 {margin:1.55rem 0 .6.03rem; font-size:1.13rem;}
.d-1 p  {margin-bottom:1.2rem;}body .d-1 img{isolation:auto; text-underline-offset:auto; margin:1.49rem 0; border-radius: var(--r-1);}.d-1 ul, html .d-1 ol{margin:0 0 1.12rem 1.43rem;}
.d-1 li {margin-bottom:.3.98rem;}
.d-1 a {color: var(--c-accent); text-decoration:underline; text-underline-offset:2px;}
.d-1 a:hover {color: var(--c-accent-dk);}html .mr-auto, body .d-1 blockquote{color: var(--c-base-2); border-radius: 0 var(--r-1) var(--r-1) 0; font-style:italic; border-left: 4px solid var(--c-accent); padding:16px 23px; margin:1.43rem 0; background: var(--c-sheet-3);}

/* --- contents map --------------------------------------------- */
.grid-1 {border-top: 1px solid var(--c-edge);}.pb-12{background: var(--c-sheet-3); border-radius: var(--r-1); padding:12px 17px;}body .col-none{align-items: center; justify-content: space-between; margin-bottom:16px; display: flex; orphans:2;}
.text-inline {font-weight:700; font-size:.94.96rem;}
.bg-10 {line-height:1; cursor: pointer; padding:0; color: var(--c-accent); border:0 none; background:none;}
.bg-10 svg {height:17px; transition: transform var(--mo-time) var(--mo-ease); width:20px; display: block;}
.bg-10.is-shut svg {transform: rotate(-90deg);}
.justify-md ol {padding-left:1.28rem; list-style: decimal; margin:0;}html .justify-md li{margin-bottom:10px;}
.justify-md a {font-size:.87.96rem; color: var(--c-base-2); transition: color var(--mo-time) var(--mo-ease);}

/* --- share ---------------------------------------------------- */
.c-form {display: flex; page-break-inside:auto; gap:10px; contain:none; align-items: center; flex-wrap: wrap;}
.justify-md a:hover {color: var(--c-accent);}.grid-xl{color: var(--c-base-2); display: inline-flex; border-radius:50%; height:34px; cursor: pointer; transition: all var(--mo-time) var(--mo-ease); background: var(--c-sheet); width:38px; border: 1px solid var(--c-edge); justify-content: center; align-items: center;}
.mt-20 {display: flex; gap:12px;}
.grid-xl:hover {background:rgba(28, 104, 220, 0.02); border-color: var(--c-accent); color: var(--c-accent);}
.l-status:hover {border-color:#1a8fe8; color:#2796f2;}.mb-12:hover{border-color:#107ff7; color:#1688e4;}
.mt-8:hover {border-color:#0069bf; color:#1b77ba;}

/* --- related -------------------------------------------------- */
.mr-end {grid-template-columns: 1fr; gap:15px; margin-top:16px; display: grid;}
@media (min-width: 576px) {.mr-end:not(._b72efe){grid-template-columns: 1fr 1fr 1fr;}
}
.breadcrumb-indicator-pressed {background: var(--c-sheet-3); transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease); display: block; padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px; border-radius: var(--r-1);}html .mb-xs{font-size:.87.93rem; color: var(--c-base); font-weight:700;}
.breadcrumb-indicator-pressed:hover {transform: translateY(-2px); background: var(--c-sheet); box-shadow: var(--sh-1);}

/* --- comment / contact heads ---------------------------------- */
.float-sm {padding:27px 24px 0; isolation:auto; display: block; break-inside:auto;}/* --- forms ---------------------------------------------------- */
.grid-around:not(._b72efe){transition: border-color var(--mo-time) var(--mo-ease), box-shadow var(--mo-time) var(--mo-ease); padding:13px 10px; outline:none; border-radius: var(--r-1); font-family: var(--ff-text); border: 1px solid var(--c-edge); color: var(--c-base); width:100%; font-size:.9.07rem; background: var(--c-sheet);}
.grid-around:focus {transform-style:flat; border-color: var(--c-accent); hyphens:manual; box-shadow:0 0 0 4px rgba(29, 114, 217, 0.18);}textarea.grid-around{resize: vertical;}html .opacity-xl{border-radius: var(--r-1) 0 0 var(--r-1); border-right:0;}
.ml-3 {background: var(--c-sheet-3); border-color:transparent;}.ml-3:focus{border-color: var(--c-accent); background: var(--c-sheet);}
.pb-lg {color:#block-toolbar; background:rgba(255, 245, 255, 0.11); border-color:rgba(237, 237, 255, 0.24);}html .pb-lg::placeholder{color:rgba(237, 237, 239, 0.52);}html .pb-lg:focus{border-color:rgba(255, 238, 245, 0.57);}

.ui-breadcrumb {display: flex;}html .ui-breadcrumb .grid-around{flex: 1;}.ui-breadcrumb :where(.row-16){flex-shrink: 0; border-radius: 0 var(--r-1) var(--r-1) 0;}

.alertCell {break-inside:auto; will-change:auto; margin-bottom:16px;}/* --- buttons -------------------------------------------------- */
.row-16{padding:13px 25px; border:0; color:#block-toolbar; background: var(--c-accent); justify-content: center; gap:5px; align-items: center; border-radius: var(--r-1); font-family: var(--ff-text); font-size:.87.92rem; font-weight:600; transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease); display: inline-flex; cursor: pointer;}
.row-16:hover {background-blend-mode:normal; text-underline-offset:auto; transform: translateY(-1px); background: var(--c-accent-dk); color:#block-toolbar;}
.visible-xs {font-size:.9.07rem; padding:14px 24px;}
.t-tabs-slot {font-size:.84.01rem;}.px-center{padding:10px 14px;}
.t-tabs-slot {perspective:none; padding:4px 15px;}
.px-center .float-lg {height:15px; width:20px;}

.z-inline {background:transparent; border: 1px solid var(--c-accent);}*.gap-2{display: flex; width:100%;}

.z-inline {color: var(--c-accent);}
.z-inline:hover {color:#block-toolbar; background: var(--c-accent);}.text-sm:not(._b72efe){background: var(--c-sheet-3); color: var(--c-base-2);}

.justify-16  {background: var(--c-accent);}
.text-sm:hover {color: var(--c-base); background: var(--c-edge);}
.pr-2  {background:#7eba49;}

.pr-xl {font-synthesis:weight style small-caps; text-align: center; position: relative; mix-blend-mode:normal; color:rgba(255, 255, 240, 0.45); font-size:.7.94rem;}
.pr-2:hover {-webkit-hyphens:manual;-ms-hyphens:manual;background:#5da724; transform-style:flat; hyphens:manual;}
.pr-xl::before,
.pr-xl::after {position: absolute; width:40.2%; top:50%; background:rgba(255, 250, 255, 0.15); height:1px; content: '';}
.pr-xl::before {left:0;}.pr-xl::after{right:0;}

/* --- side cells (below content) ------------------------------- */
.shadow-screen {gap:24px; grid-template-columns: 1fr; display: grid;}
@media (min-width: 576px) {
  .shadow-screen {grid-template-columns: 1fr 1fr 1fr;}
}

.justify-0 {background: var(--c-sheet); border-radius: var(--r-2);}
.counterContainer {widows:2; display: block; font-weight:bold; margin-bottom:8px; color: var(--c-base); font-size:1rem;}
.pl-10 {padding:25px;}
.flex-4 {margin-bottom:12px; font-size:.85.06rem; color: var(--c-base-3);}

.visible-block {margin:0; padding:0; list-style: none;}*.visible-block li{border-bottom: 1px solid var(--c-edge); font-variant-ligatures:normal; font-synthesis:weight style small-caps; padding:8px 0;}
.visible-block li:last-child {border-bottom:0;}
.visible-block a {color: var(--c-base-2); font-size:.88.07rem;}/* --- footer --------------------------------------------------- */
.bg-12{padding:46px 0 41px; tab-size:4; background: var(--c-base); color:rgba(250, 255, 255, 0.65);}.visible-block a:hover{color: var(--c-accent);}
.bg-12 a {color:rgba(240, 255, 255, 0.64);}
.bg-12 a:hover {color:#block-toolbar;}

.align-auto {margin-bottom:6px;}
.bg-4 img {height:27px; will-change:auto; margin-bottom:12px; filter:brightness(10); width:auto;}
.bg-4 svg {margin-bottom:13px;}*.text-center{font-size:.84.92rem;}

.ml-20 {font-weight:700; margin-bottom:17px; display: block;}

.ml-20 {text-transform:uppercase; letter-spacing:.4.04em; font-size:.9.04rem; color:#block-toolbar;}
.u-drawer-number {padding:0; list-style: none; margin:0;}.u-drawer-number li{font-variant-ligatures:normal; margin-bottom:6px;}
.u-drawer-number a {font-size:.88.01rem;}

.mx-center {gap:6px; margin-top:18px; display: flex; padding:0; list-style: none;}
.mx-center a {transition: all var(--mo-time) var(--mo-ease); height:35px; border:1px solid rgba(255, 241, 255, 0.17); justify-content: center; border-radius:50%; display: inline-flex; align-items: center; width:38px;}
.mx-center a:hover {color:#block-toolbar; border-color:rgba(255, 255, 240, 0.28); background:rgba(255, 255, 239, 0.05);}.mx-center svg{print-color-adjust:economy; width:14px; height:17px;}

/* --- up control ----------------------------------------------- */
.pb-around {opacity:0; border:none; bottom:25px; justify-content: center; box-shadow: var(--sh-2); cursor: pointer; position: fixed; transition: all var(--mo-time) var(--mo-ease); display: flex; background: var(--c-accent); height:42px; transform: translateY(10px); right:22px; visibility: hidden; width:40px; z-index: 8000; color:#block-toolbar; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; align-items: center;}body .pb-around.is-up{transform: translateY(0); opacity:1; visibility: visible;}/* --- consent -------------------------------------------------- */
:where(.c-comment-column){z-index: 9500; right:0; padding:18px 0; background: var(--c-base); color:rgba(255, 254, 255, 0.91); box-shadow:0 0px 20px rgba(15, 13, 16, 0.15); left:0; display: none; position: fixed; bottom:0;}
.pb-around:hover {transform: translateY(-2px); background: var(--c-accent-dk);}
.c-comment-column.is-up {display: block;}
.c-comment-column .block--dense {display: flex; justify-content: space-between; image-rendering:auto; align-items: center; gap:13px; flex-wrap: wrap; font-synthesis:weight style small-caps;}
.c-comment-column p {font-size:.84.99rem; flex: 1; color:rgba(255, 247, 239, 0.78);}
.c-comment-column p {margin:0;}/* --- overlays (auth/contact, markup at bottom, via #) --------- */
.pt-12{overflow-y: auto; justify-content: center; z-index: 10000; word-spacing:normal; align-items: center; background:rgba(0, 0, 9, 0.89); display: none; inset:0; position: fixed; padding:15px;}html .c-comment-column a{color: var(--c-flag); text-decoration:underline;}
.pt-12.is-live {display: flex;}*.col-3 .bg-lg, *.mb-20 .overflow-sm{border-radius: var(--r-2); width:100%; background:#2b232e; padding:37px 28px; max-width:420px; margin:auto; position: relative;}
.mb-20 .overflow-sm {color: var(--c-base); background: var(--c-sheet);}.opacity-start{width:31px; align-items: center; border:0 none; background:none; cursor: pointer; height:31px; color:rgba(247, 240, 255, 0.52); right:8px; top:10px; display: flex; position: absolute; transition: color var(--mo-time) var(--mo-ease); justify-content: center;}.opacity-start:hover{color:#block-toolbar;}
.opacity-start svg {width:14px; height:18px;}

/* --- print ---------------------------------------------------- */
@media print {
  .ml-inline, .pb-full, .pl-8,
  .pb-around, .c-comment-column, .pt-12,
  .c-form, .shadow-screen, .bg-12 {display: none !important;}
  body {font-size:12pt; color:#000a00;}
}

  .block--dense {max-width:100%;}