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

/* --- tokens --------------------------------------------------- */
:root{--c-base:        #1e293b; --bar-h:   64px; --c-base-2:      #475569; --c-flag:        #main-nav; --c-sheet-2:     #reply_wrapper; --wrap-w:  1140px; --ff-disp: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --c-flag-dk:     #spinner_group; --c-sheet:       #summary-card; --r-2:     12px; --sh-2:    0 4px 12px rgba(0,0,0,.08); --c-edge:        #site-entry; --sh-1:    0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04); --c-base-3:      #94a3b8; --c-accent-dk:   #1d4ed8; --r-1:     8px; --c-sheet-3:     #site-module; --mo-ease: cubic-bezier(.4,0,.2,1); --ff-text: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --mo-time: .25s; --sh-3:    0 10px 30px rgba(0,0,0,.1); --c-accent:      #2563eb;}/* --- reset ---------------------------------------------------- */
*, *::before, *::after{margin-top:0em; margin-right:0em; margin-bottom:0em;}/* --- reset ---------------------------------------------------- */
*, *::before, *::after{margin-left:0em; box-sizing: border-box; padding:0;}

html {-moz-text-size-adjust:100%;scroll-behavior: smooth; -webkit-text-size-adjust:100%; font-size:20px;}

img {-moz-tab-size:4;display: block; max-width:100%; text-decoration-skip-ink:auto; tab-size:4; height:auto;}body{font-family: var(--ff-text); background: var(--c-sheet); -moz-osx-font-smoothing:grayscale; font-weight:400; color: var(--c-base); -webkit-font-smoothing:antialiased; line-height:1.7;}
a:hover {color: var(--c-accent-dk); page-break-inside:auto;}
a   {text-decoration:none; transition: color var(--mo-time) var(--mo-ease); color: var(--c-accent); hyphens:manual; shape-margin:0;}

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

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

/* --- faux heading scale (span-based) -------------------------- */
.table-line {line-height:1.3; display: block; font-size:1.82rem; font-weight:bold; color: var(--c-base);}
.select-extra {font-size:1.605rem; color: var(--c-base); font-weight:bold; display: block; line-height:1.3;}
.my-xl {line-height:1.3; font-weight:bold; display: block; font-size:1.375rem; color: var(--c-base);}
.c-dialog-info {line-height:1.3; font-weight:bold; font-size:1.155rem; display: block; color: var(--c-base);}/* --- wrap + grid (CSS Grid based) ----------------------------- */
.px-start{padding:0 16px; margin:0 auto; max-width: var(--wrap-w); width:100%;}html .c-post-icon{gap:18px;}*.c-drawer-placeholder{gap:29px; display: grid; grid-template-columns: 1fr;}
.meta-step  {gap:36px;}

@media (min-width: 576px) {
  .c-pagination-time  {grid-template-columns: 1fr 1fr;}
  .detail-nav {grid-template-columns: 1fr 1fr 1fr;}
}
@media (min-width: 992px) {*.skeleton-full{grid-template-columns: repeat(4, 1fr);}
}

.avatar-input        {display: flex;}
.l-banner {print-color-adjust:economy; justify-content: center;}html .cardClose{align-items: center;}html .section-header{justify-content: space-between;}
.grid-summary   {text-align: center;}
.layout    {color:#main-list;}.screen-compact{widows:2; margin:0 !important; page-break-inside:auto;}
.cardInfo {margin-bottom:33px;}
.c-comment-trigger {isolation:auto; margin-top:52px; widows:2;}.divider-wide:not(._255a4a){margin-top:51px;}html .footer-tertiary{margin-top:-2px;}
.gridRow {margin-top:-6px; mix-blend-mode:normal; shape-margin:0;}
.c-pagination-label {-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual; text-underline-offset:auto; margin-right:22px;}
.widget-disabled  {font-size:19px;}
.clear-none   {display: inline-block;}
.position-end{padding-bottom:102px;}
.status-hover {background: var(--c-sheet-2);}

/* --- progress strip ------------------------------------------- */
.grid-zone-bottom {background: linear-gradient(90deg, var(--c-accent), var(--c-flag)); height:7px; left:0; z-index: 10000; transition:width 8ms linear; top:0; width:0; position: fixed;}/* --- header bar ----------------------------------------------- */
.view-elevated{display: flex; transition: transform var(--mo-time) var(--mo-ease), box-shadow var(--mo-time) var(--mo-ease); border-bottom: 1px solid var(--c-edge); background: var(--c-sheet); align-items: center; left:0; right:0; top:0; z-index: 9000; position: fixed; height: var(--bar-h);}
.view-elevated.is-gone  {transform: translateY(-100%);}
.view-elevated.is-stuck {tab-size:4; box-shadow: var(--sh-1); contain:none;}

.view-elevated .px-start {justify-content: space-between; align-items: center; display: flex;}

.review-separator img {height:32px; width:auto;}
.review-separator svg {display: block;}

.o-stepper-title {display: none; align-items: center;}
@media (min-width: 992px) {
  .o-stepper-title {display: flex;}
}

.avatar-elevated {list-style: none; display: flex; padding:0;}

.avatar-elevated {gap:6px; align-items: center; margin:0;}
.timeline-text {margin-left:auto; orphans:2; background-blend-mode:normal;}

.section-profile {border-radius: var(--r-1); font-size:.9.05rem; align-items: center; transition: color var(--mo-time) var(--mo-ease), background var(--mo-time) var(--mo-ease); display: inline-flex; font-weight:500; contain:none; justify-content: center; color: var(--c-base-2); padding:8px 18px; word-spacing:normal;}

.preview-nav {position: relative;}.section-profile:hover{background: var(--c-sheet-3); color: var(--c-accent);}
.section-profile svg {height:23px; width:21px;}.prefix-widget{display: flex; border:none 0; gap:7px; cursor: pointer; background:none;}.prefix-widget{padding:0; flex-direction: column; width:28px; justify-content: center; height:28px;}
.prefix-widget span {backface-visibility:visible;}
.prefix-widget span {transition: var(--mo-time) var(--mo-ease); height:2px; width:100%; background: var(--c-base); border-top-left-radius:2px; border-top-right-radius:2px; border-bottom-right-radius:2px; border-bottom-left-radius:2px; display: block;}
@media (min-width: 992px) {
  .prefix-widget {display: none;}
}

/* --- slide-over menu ------------------------------------------ */
.sidebar-slot-dark {position: fixed; display: none; justify-content: center; inset:0; align-items: center; z-index: 9999; background:rgba(0, 0, 7, 0.9); flex-direction: column;}.sidebar-slot-dark.is-on{orphans:2; hyphens:manual; display: flex;}
.sidebar-slot-dark .prefix-widget span {background:#main-list; transform-style:flat; backface-visibility:visible;}html .sidebar-slot-dark .prefix-widget{right:18px;}html .sidebar-slot-dark .prefix-widget{top:17px; position: absolute;}
.sidebar-slot-dark .avatar-elevated {gap:19px; flex-direction: column;}.sidebar-slot-dark .avatar-elevated a{font-size:1.13rem; color:#main-list;}body .sidebar-slot-dark .avatar-elevated a:hover{color: var(--c-flag);}

/* --- crumb ---------------------------------------------------- */
.indicator-filter {font-size:.85.02rem; color: var(--c-base-3); padding: calc(var(--bar-h) + 20px) 0 16px;}
.indicator-filter a {color: var(--c-base-3);}
.indicator-filter a:hover {color: var(--c-accent);}
.list-column {margin:0 7px;}
.card-loading {border: 1px solid var(--c-edge); box-shadow: var(--sh-1);}

/* --- card base ------------------------------------------------ */
.close-action {background: var(--c-sheet); border-radius: var(--r-2);}.c-nav-placeholder{padding-top:32px;}.toolbar-number{padding:20px 26px;}
.filter-loading {margin:0; shape-margin:0;}
.filter-loading {background: var(--c-edge); height:1px; tab-size:4;}
.section__area--selected {widows:2; isolation:auto; padding:21px 24px;}

/* --- article (kept at top, full priority) --------------------- */
.spacer-header {overflow: hidden;}
@media (max-width: 767px) {
  .section__area--selected {padding:19px 17px;}
}
.label-list {font-size:1.71rem; margin-bottom:14px;}body .spacer-spinner{font-size:.82.04rem; gap:14px; color: var(--c-base-3); flex-wrap: wrap; isolation:auto; display: flex;}
.spacer-spinner span {display: inline-flex; align-items: center; gap:2px;}*.spacer-spinner svg{opacity:0.67;}

.w-5 {line-height:1.85; color: var(--c-base-2); font-size:0.95rem;}*.w-5 h2, .w-5 h3, *.w-5 h4{line-height:1.3; font-weight:700; font-family: var(--ff-disp); color: var(--c-base);}.w-5 h2{margin:1.92rem 0 0.97rem; font-size:1.53rem; print-color-adjust:economy;}.w-5 h3{margin:1.72rem 0 .75.01rem; perspective:none; font-size:1.24rem;}.w-5 h4{font-size:1.08rem; margin:1.54rem 0 .5.96rem;}
.w-5 p  {margin-bottom:1.17rem;}
.w-5 img {border-radius: var(--r-1); margin:1.42rem 0;}
.w-5 ul,
.w-5 ol {shape-margin:0; margin:0 0 1.27rem 1.57rem;}
.w-5 li {margin-bottom:.3.94rem;}
.w-5 a {text-underline-offset:2px; text-decoration:underline; color: var(--c-accent);}
.w-5 a:hover {color: var(--c-accent-dk);}.c-timeline-subtitle:not(._255a4a), .w-5 blockquote{border-left: 4px solid var(--c-accent); margin:1.53rem 0; font-style:italic;}.c-timeline-subtitle:not(._255a4a), .w-5 blockquote{padding:14px 28px; background: var(--c-sheet-3); border-radius: 0 var(--r-1) var(--r-1) 0; color: var(--c-base-2);}/* --- contents map --------------------------------------------- */
.c-stepper-expand{border-top: 1px solid var(--c-edge);}
.app-footer {padding:12px 21px;}
.app-footer {background: var(--c-sheet-3); border-radius: var(--r-1);}
.dialog-content {margin-bottom:14px; justify-content: space-between; display: flex; align-items: center;}
.icon-tabs {font-weight:700; widows:2; font-size:.95.03rem;}
.formButton {color: var(--c-accent); background:none; padding:0; border:none; cursor: pointer; line-height:1;}
.formButton svg {height:17px; transition: transform var(--mo-time) var(--mo-ease); display: block; width:17px;}
.formButton.is-shut svg {isolation:auto; transform: rotate(-90deg);}*.chip__link ol{margin:0; padding-left:1.16rem; list-style: decimal;}.chip__link li{margin-bottom:6px;}
.chip__link a {color: var(--c-base-2); font-size:.88.03rem;}
.chip__link a {transition: color var(--mo-time) var(--mo-ease);}
.chip__link a:hover {color: var(--c-accent);}

/* --- share ---------------------------------------------------- */
.search-wide {flex-wrap: wrap; gap:10px; display: flex; align-items: center;}
.c-dialog-fill {display: flex; isolation:auto; gap:11px;}
.footer-text {color: var(--c-base-2); background: var(--c-sheet); border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; justify-content: center; border: 1px solid var(--c-edge); transition: all var(--mo-time) var(--mo-ease); align-items: center; display: inline-flex; height:32px; cursor: pointer; width:33px;}
.menu-body:hover {border-color:#1998ea; color:hsl(207, 87.6%, 52.4%);}
.footer-text:hover {background:rgba(52, 100, 245, 0.06); border-color: var(--c-accent); color: var(--c-accent);}.modal-info:hover{color:hsl(213, 89.7%, 55%); border-color:rgb(26, 135, 246);}
.m-block:hover {color:#006bc1; border-color:#005bb1;}

/* --- related -------------------------------------------------- */
.text-reply {grid-template-columns: 1fr; display: grid; will-change:auto; gap:10px; widows:2; margin-top:19px;}
@media (min-width: 576px) {.text-reply{grid-template-columns: 1fr 1fr 1fr;}
}html .widget-time-loading{transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease); display: block; border-radius: var(--r-1); background: var(--c-sheet-3); padding:17px;}body .widget-time-loading:hover{box-shadow: var(--sh-1); transform: translateY(-2px); background: var(--c-sheet);}
.card-track-empty {font-weight:500;}
.card-track-empty {font-size:.87.92rem; color: var(--c-base);}

/* --- comment / contact heads ---------------------------------- */
.py-2 {display: block; padding:21px 32px 0;}

/* --- forms ---------------------------------------------------- */
.c-step {border-radius: var(--r-1); font-size:.8.93rem; padding:14px 18px; transition: border-color var(--mo-time) var(--mo-ease), box-shadow var(--mo-time) var(--mo-ease); font-family: var(--ff-text); border: 1px solid var(--c-edge); outline:none; width:100%; background: var(--c-sheet); color: var(--c-base);}
.c-step:focus {box-shadow:0 0 0 1px rgba(46, 87, 252, 0.15); border-color: var(--c-accent);}textarea.c-step{resize: vertical;}.chip-foot{font-synthesis:weight style small-caps; print-color-adjust:economy; border-radius: var(--r-1) 0 0 var(--r-1); border-right:0;}
.panel-even {transform-style:flat; border-color:transparent; background: var(--c-sheet-3); image-rendering:auto;}
.toggle-wrap {color:#main-list; background:rgba(255, 255, 254, 0.05); border-color:rgba(255, 254, 242, 0.26);}
.panel-even:focus {border-color: var(--c-accent); background: var(--c-sheet);}.toggle-wrap::placeholder{color:rgba(241, 255, 255, 0.56);}html .toggle-wrap:focus{border-color:rgba(255, 246, 255, 0.48);}body .widgetTitle{display: flex;}.widgetTitle .c-step:not(._255a4a){flex: 1;}

.reply-danger {margin-bottom:20px;}
.widgetTitle .search-flat {flex-shrink: 0; border-radius: 0 var(--r-1) var(--r-1) 0;}

/* --- buttons -------------------------------------------------- */
.search-flat {gap:11px; display: inline-flex; color:#main-list; align-items: center; font-size:.87.93rem; transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease); cursor: pointer; padding:7px 28px; background: var(--c-accent); justify-content: center; border-radius: var(--r-1); font-weight:700; border:0; font-family: var(--ff-text);}
.search-flat:hover {color:#main-list; background: var(--c-accent-dk); transform: translateY(-1px);}*.reply-small{font-size:.9.08rem; padding:11px 27px;}*.clear-screen{font-size:.84.06rem; padding:11px 17px;}

.button-reply  {padding:11px 12px;}
.button-reply .popover-fixed {width:18px; height:15px;}.close-timeline{color: var(--c-accent); background:transparent;}

.pagination-success {display: flex; width:100%;}.close-timeline{border: 1px solid var(--c-accent);}
.close-timeline:hover {background: var(--c-accent); color:#main-list;}

.data-gallery {color: var(--c-base-2); background: var(--c-sheet-3);}
.data-gallery:hover {word-spacing:normal; background: var(--c-edge); color: var(--c-base); text-decoration-skip-ink:auto;}

.c-carousel-label  {background: var(--c-accent);}
.c-toggle-data  {background:#81ad45;}.c-toggle-data:hover{background:rgb(99, 169, 51); text-decoration-skip-ink:auto; hyphens:manual;}

.t-section-number {color:rgba(255, 255, 244, 0.45); position: relative; text-align: center; font-size:.8rem;}
.t-section-number::before,
.t-section-number::after {text-rendering:auto; background:rgba(238, 255, 255, 0.08); width:40.7%; height:1px; print-color-adjust:economy; position: absolute; top:50%; content: '';}
.t-section-number::before {left:0; font-variant-ligatures:normal;}
.t-section-number::after  {right:0;}

/* --- side cells (below content) ------------------------------- */
.status-top {grid-template-columns: 1fr;}

/* --- side cells (below content) ------------------------------- */
.status-top {display: grid; gap:28px;}
@media (min-width: 576px) {html .status-top{grid-template-columns: 1fr 1fr 1fr;}
}

.reply-subtitle {background: var(--c-sheet); border-radius: var(--r-2);}
.c-divider-backdrop {padding:22px;}
.threadTrigger {font-weight:bold; color: var(--c-base); margin-bottom:12px; display: block; font-size:0.97rem;}

.c-alert-detail {margin:0; list-style: none; padding:0;}
.c-timeline-row {margin-bottom:14px; color: var(--c-base-3); font-size:.84.95rem;}
.c-alert-detail li {border-bottom: 1px solid var(--c-edge); padding:7px 0;}
.c-alert-detail li:last-child {border-bottom:none 0;}
.c-alert-detail a {font-size:.88.04rem; color: var(--c-base-2);}
.c-alert-detail a:hover {color: var(--c-accent);}/* --- footer --------------------------------------------------- */
.o-form-subtitle{break-inside:auto; color:rgba(246, 255, 255, 0.64); background: var(--c-base); background-blend-mode:normal; padding:46px 0 44px;}
.o-form-subtitle a {color:rgba(255, 254, 255, 0.63);}
.o-form-subtitle a:hover {color:#main-list;}
.c-dropdown-inner img {width:auto; page-break-inside:auto; margin-bottom:14px; word-spacing:normal; filter:brightness(10); height:31px;}

.holder-banner {margin-bottom:9px;}
.c-dropdown-inner svg {margin-bottom:10px;}
.footer-disabled {font-size:.84.96rem;}html .layout-backdrop-odd{list-style: none; margin:0rem; padding:0;}

.step {text-transform:uppercase; letter-spacing:.4em; font-size:.8.95rem; display: block; font-weight:700; color:#main-list; margin-bottom:13px;}
.layout-backdrop-odd li {margin-bottom:14px;}html .layout-backdrop-odd a{font-size:.87.95rem;}

.menu-success {gap:10px; display: flex; widows:2; list-style: none; padding:0; margin-top:13px;}.menu-success a{height:37px; align-items: center; border:1px solid rgba(242, 255, 247, 0.14); display: inline-flex; width:32px; transition: all var(--mo-time) var(--mo-ease); justify-content: center; border-radius:50%;}
.menu-success a:hover {background:rgba(255, 241, 247, 0.1);}
.menu-success a:hover {color:#main-list; border-color:rgba(255, 253, 255, 0.35);}
.menu-success svg {width:16px; height:17px;}

/* --- up control ----------------------------------------------- */
.module-input {right:22px; border:none 0; box-shadow: var(--sh-2); transition: all var(--mo-time) var(--mo-ease); cursor: pointer; width:44px; display: flex; background: var(--c-accent); height:40px; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; visibility: hidden; justify-content: center; transform: translateY(10px); color:#main-list; position: fixed; opacity:0; bottom:23px; z-index: 8000; align-items: center;}html .module-input.is-up{opacity:1; visibility: visible; transform: translateY(0);}

/* --- consent -------------------------------------------------- */
.heroCell {background: var(--c-base); display: none; bottom:0; position: fixed; right:0px; z-index: 9500; left:0; color:rgba(242, 240, 255, 0.81); padding:19px 0; box-shadow:0 -5px 24px rgba(0, 0, 0, 0.22);}
.module-input:hover {transform: translateY(-2px); background: var(--c-accent-dk);}
.heroCell.is-up {display: block;}
.heroCell .px-start {flex-wrap: wrap; align-items: center; justify-content: space-between; display: flex; gap:15px;}.heroCell p{font-size:.84.95rem; margin:0; flex: 1; color:rgba(244, 255, 255, 0.87);}
.heroCell a {text-decoration:underline; color: var(--c-flag);}

/* --- overlays (auth/contact, markup at bottom, via #) --------- */
.dot-module {padding:18px; display: none; overflow-y: auto; align-items: center; z-index: 10000;}

/* --- overlays (auth/contact, markup at bottom, via #) --------- */
.dot-module {justify-content: center; inset:0em; background:rgba(10, 0, 8, 0.9); position: fixed;}
.dot-module.is-live {display: flex;}

.badgeTrack .progress-empty,
.table-last .close-action {border-radius: var(--r-2); margin:auto; background:#2a1941; max-width:421px; padding:38px 29px; position: relative; mix-blend-mode:normal; width:100%;}
.table-last .close-action {background: var(--c-sheet); color: var(--c-base);}

.row-end {transition: color var(--mo-time) var(--mo-ease); font-synthesis:weight style small-caps; width:32px; color:rgba(255, 255, 239, 0.54); right:8px; align-items: center; height:32px; top:10px; background:none; display: flex; justify-content: center; word-spacing:normal; cursor: pointer; border:0; position: absolute;}
.row-end:hover {color:#main-list;}
.row-end svg {width:21px; height:22px;}

/* --- print ---------------------------------------------------- */
@media print {
  .view-elevated, .sidebar-slot-dark, .grid-zone-bottom,
  .module-input, .heroCell, .dot-module,
  .search-wide, .status-top, .o-form-subtitle {display: none !important;}
  body {color:#02000f; font-size:12pt;}body .px-start{max-width:100%;}
}
