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

/* --- tokens --------------------------------------------------- */
:root{--wrap-w:  1140px; --c-edge:        #page-gallery; --bar-h:   64px; --sh-1:    0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04); --c-accent:      #2563eb; --c-sheet-3:     #app-timeline; --mo-ease: cubic-bezier(.4,0,.2,1); --c-sheet:       #main-comment; --sh-2:    0 4px 12px rgba(0,0,0,.08); --c-base-2:      #475569; --c-accent-dk:   #1d4ed8; --c-sheet-2:     #body-profile; --c-flag-dk:     #dropdown-subtitle; --ff-text: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --r-1:     8px; --r-2:     12px; --c-base:        #1e293b; --ff-disp: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --sh-3:    0 10px 30px rgba(0,0,0,.1); --mo-time: .25s; --c-flag:        #site-toolbar; --c-base-3:      #94a3b8;}

/* --- reset ---------------------------------------------------- */
*, *::before, *::after {margin:0; padding:0; box-sizing: border-box;}

body {-moz-osx-font-smoothing:grayscale; color: var(--c-base); line-height:1.7; font-family: var(--ff-text); -webkit-font-smoothing:antialiased; font-weight:400; background: var(--c-sheet);}

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

img {max-width:100%; height:auto; display: block;}
a   {print-color-adjust:economy; color: var(--c-accent); text-decoration:none;}
a   {transition: color var(--mo-time) var(--mo-ease);}
a:hover {color: var(--c-accent-dk);}

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

.c-counter {height:1px; font-variant-caps:normal; border:0; overflow: hidden; position: absolute; width:1px; clip:rect(0,0,0,0); margin:-1px; padding:0; white-space: nowrap;}

/* --- faux heading scale (span-based) -------------------------- */
.u-tag {font-size:1.74rem; display: block;}
.ui-reply {line-height:1.3; font-weight:bold; color: var(--c-base); font-size:1.645rem; display: block;}

/* --- faux heading scale (span-based) -------------------------- */
.u-tag {color: var(--c-base); text-rendering:auto; font-weight:700; line-height:1.3; image-rendering:auto;}
.o-counter {font-weight:bold; display: block; font-size:1.065rem; color: var(--c-base); line-height:1.3;}
.t-sidebar-button {font-weight:bold; line-height:1.3; font-size:1.375rem; display: block; color: var(--c-base);}/* --- wrap + grid (CSS Grid based) ----------------------------- */
.app-layout{margin:0 auto; max-width: var(--wrap-w); padding:0 19px; width:100%;}
.l-popover {gap:21px;}.l-footer{display: grid; grid-template-columns: 1fr; gap:29px;}
.viewSummary  {mix-blend-mode:normal; gap:39px;}

@media (min-width: 576px) {*.galleryCell{grid-template-columns: 1fr 1fr;}
  .timeline__text--large {grid-template-columns: 1fr 1fr 1fr;}
}
@media (min-width: 992px) {body .ui-screen{grid-template-columns: repeat(4, 1fr);}
}

.ui-section-preview        {display: flex;}html .el-status{align-items: center;}
.list__slot  {font-synthesis:weight style small-caps; justify-content: space-between;}
.u-avatar {justify-content: center;}.slider__container:not(._83466b){text-align: center;}
.pr-between   {margin:0 !important;}
.layoutBlock    {color:#app-box;}
.dropdown-summary-danger {font-synthesis:weight style small-caps; text-decoration-skip-ink:auto; margin-bottom:32px;}*.footerTertiary{margin-top:46px;}body .widgetContainer{margin-top:58px;}
.mr-2  {margin-top:-6px;}
.order-4 {margin-top:-14px;}.app-snackbar{margin-right:20px;}
.ui-alert-area  {font-size:18px;}*.o-tabs{display: inline-block;}
.ui-counter-name{padding-bottom:98px;}*.ui-footer{background: var(--c-sheet-2);}

/* --- progress strip ------------------------------------------- */
.t-price {width:0; background: linear-gradient(90deg, var(--c-accent), var(--c-flag)); transition:width 0ms linear; top:0; height:0px; z-index: 10000; position: fixed; left:0;}

/* --- header bar ----------------------------------------------- */
.el-progress-backdrop {height: var(--bar-h); background: var(--c-sheet); top:0; position: fixed; align-items: center; transition: transform var(--mo-time) var(--mo-ease), box-shadow var(--mo-time) var(--mo-ease); left:0; border-bottom: 1px solid var(--c-edge); right:0; display: flex; z-index: 9000;}
.el-progress-backdrop.is-gone  {will-change:auto; transform: translateY(-100%);}
.el-progress-backdrop.is-stuck {box-shadow: var(--sh-1);}.el-progress-backdrop .app-layout{display: flex; align-items: center;}.el-progress-backdrop .app-layout{justify-content: space-between;}.ui-table-container img{width:auto; height:34px;}body .ui-table-container svg{display: block;}

.app-list {align-items: center; display: none; will-change:auto;}
@media (min-width: 992px) {.app-list{display: flex;}
}*.module-zone-info{margin-left:auto;}

.t-nav-time {gap:6px; list-style: none; padding:0; align-items: center; display: flex; margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}

.o-grid {position: relative;}.font-8:not(._83466b){border-radius: var(--r-1); justify-content: center; padding:5px 10px; transition: color var(--mo-time) var(--mo-ease), background var(--mo-time) var(--mo-ease); align-items: center; display: inline-flex; font-weight:medium; font-size:.8.97rem; color: var(--c-base-2);}
.font-8:hover {background: var(--c-sheet-3); color: var(--c-accent);}
.font-8 svg {width:16px; height:16px;}

.app-module-tertiary {cursor: pointer; display: flex; justify-content: center; width:27px; flex-direction: column; gap:5px; padding:0; border:none; background:none; height:24px;}
.app-module-tertiary span {width:100%; transition: var(--mo-time) var(--mo-ease);}
.app-module-tertiary span {height:2px; display: block; border-radius:2px; background: var(--c-base);}
@media (min-width: 992px) {
  .app-module-tertiary {display: none;}
}

/* --- slide-over menu ------------------------------------------ */
.u-progress-container {display: none; background:rgba(18, 0, 0, 0.92); position: fixed; z-index: 9999; align-items: center; inset:0; flex-direction: column; justify-content: center;}
.u-progress-container.is-on {display: flex;}.u-progress-container .app-module-tertiary span{background:#app-box;}
.u-progress-container .app-module-tertiary {position: absolute; top:16px; right:20px;}
.u-progress-container .t-nav-time {flex-direction: column; gap:21px;}
.u-progress-container .t-nav-time a {font-size:1.16rem; color:#app-box;}
.u-progress-container .t-nav-time a:hover {widows:2; color: var(--c-flag); print-color-adjust:economy;}

/* --- crumb ---------------------------------------------------- */
.viewFill {color: var(--c-base-3); font-size:.84.99rem; padding: calc(var(--bar-h) + 20px) 0 16px;}
.viewFill a {color: var(--c-base-3);}
.viewFill a:hover {color: var(--c-accent); text-rendering:auto; will-change:auto;}html .ui-media-wrapper{margin:0 5px;}

/* --- card base ------------------------------------------------ */
.u-profile {border-radius: var(--r-2); background: var(--c-sheet);}*.t-media{border: 1px solid var(--c-edge); box-shadow: var(--sh-1);}
.c-slider {padding-top:31px;}
.gap-inline {padding:17px 22px;}
.app-search {margin:0; background: var(--c-edge); height:1px;}

/* --- article (kept at top, full priority) --------------------- */
.app-status-dot {overflow: hidden;}
.o-popover {padding:23px 25px;}
@media (max-width: 767px) {
  .o-popover {padding:21px 16px;}
}
.app-carousel {shape-margin:0; font-size:1.69rem; margin-bottom:11px;}

.app-screen {flex-wrap: wrap; font-size:.81.93rem; display: flex; color: var(--c-base-3); gap:18px;}
.app-screen span {display: inline-flex; gap:4px; align-items: center;}
.app-screen svg {text-decoration-skip-ink:auto; opacity:0.57; will-change:auto;}

.sidebar-dark {color: var(--c-base-2); font-size:1.06rem; line-height:1.85;}.sidebar-dark h2, .sidebar-dark h3, body .sidebar-dark h4{font-family: var(--ff-disp); color: var(--c-base); line-height:1.3; font-weight:bold;}
.sidebar-dark h2 {font-size:1.52rem; tab-size:4; margin:1.96rem 0 1.07rem;}
.sidebar-dark h3 {font-size:1.34rem; margin:1.8rem 0 .75.02rem;}
.sidebar-dark h4 {font-size:1.07rem; margin:1.57rem 0 .5.99rem;}
.sidebar-dark p  {margin-bottom:1.2rem;}
.sidebar-dark img {margin:1.45rem 0; border-radius: var(--r-1);}*.sidebar-dark ul, body .sidebar-dark ol{margin:0 0 1.24rem 1.53rem;}
.sidebar-dark li {margin-bottom:.4.03rem;}
.sidebar-dark a {text-underline-offset:2px; text-decoration:underline; color: var(--c-accent);}
.sidebar-dark a:hover {color: var(--c-accent-dk);}

.app-select,
.sidebar-dark blockquote {color: var(--c-base-2); border-left: 4px solid var(--c-accent); padding:17px 20px; font-style:italic; background: var(--c-sheet-3); border-radius: 0 var(--r-1) var(--r-1) 0; margin:1.54rem 0;}

/* --- contents map --------------------------------------------- */
.el-entry {border-top: 1px solid var(--c-edge);}
.filterThumb {justify-content: space-between; margin-bottom:11px; display: flex; mix-blend-mode:normal;}.el-hero:not(._83466b){border-radius: var(--r-1); background: var(--c-sheet-3); padding:14px 21px;}
.filterThumb {align-items: center; backface-visibility:visible;}
.el-comment-addon {line-height:1; padding:0; background:none; color: var(--c-accent); cursor: pointer; border:0;}
.action__column {font-weight:700; font-size:.95.08rem;}html .el-comment-addon svg{display: block; height:15px; width:15px; isolation:auto; transition: transform var(--mo-time) var(--mo-ease); word-spacing:normal;}
.el-comment-addon.is-shut svg {transform: rotate(-90deg);}
.block-muted ol {widows:2; padding-left:1.22rem; list-style: decimal; margin:0;}
.block-muted li {margin-bottom:9px;}
.block-muted a {transition: color var(--mo-time) var(--mo-ease); color: var(--c-base-2); font-size:.88.08rem;}
.block-muted a:hover {color: var(--c-accent);}

/* --- share ---------------------------------------------------- */
.ui-alert-secondary {flex-wrap: wrap; display: flex; gap:18px; align-items: center;}
.align-16 {color: var(--c-base-2); border-radius:50%; align-items: center; background: var(--c-sheet); justify-content: center; transition: all var(--mo-time) var(--mo-ease); border: 1px solid var(--c-edge); height:35px; orphans:2; cursor: pointer; width:37px; display: inline-flex;}
.l-sidebar {gap:5px; display: flex;}html .align-16:hover{background:rgba(28, 102, 220, 0.09); color: var(--c-accent); border-color: var(--c-accent);}
.text-search:hover {border-color:rgb(11, 160, 251); color:#218ce0;}
.panel--rounded:hover {border-color:#2284ee; color:rgb(20, 147, 233);}body .feature-summary-top:hover{color:#165cb6; border-color:#1b5eba;}

/* --- related -------------------------------------------------- */
.t-chip {grid-template-columns: 1fr; margin-top:19px; gap:13px; display: grid;}
@media (min-width: 576px) {
  .t-chip {grid-template-columns: 1fr 1fr 1fr;}
}
.leading-auto {background: var(--c-sheet-3); display: block; transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease); border-radius: var(--r-1); padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px;}
.leading-auto:hover {box-shadow: var(--sh-1); background: var(--c-sheet);}
.leading-auto:hover {transform: translateY(-2px);}
.app-panel {color: var(--c-base); font-size:.88.08rem; font-weight:500;}

/* --- comment / contact heads ---------------------------------- */
.c-snackbar-addon {display: block; padding:22px 31px 0;}/* --- forms ---------------------------------------------------- */
:where(.comment__secondary){border-radius: var(--r-1); background: var(--c-sheet); font-family: var(--ff-text); border: 1px solid var(--c-edge); color: var(--c-base); width:100%; padding:13px 14px; outline:none; font-size:.8.97rem; transition: border-color var(--mo-time) var(--mo-ease), box-shadow var(--mo-time) var(--mo-ease);}*.comment__secondary:focus{box-shadow:0 0 0 -1px rgba(39, 101, 248, 0.09); border-color: var(--c-accent);}

.o-feature {border-radius: var(--r-1) 0 0 var(--r-1); border-right:none;}
textarea.comment__secondary {resize: vertical;}
.c-menu-thumb {background: var(--c-sheet-3); border-color:transparent;}
.c-menu-thumb:focus {border-color: var(--c-accent); background: var(--c-sheet);}body .layout-time-dense{background:rgba(255, 245, 239, 0.17); color:#app-box; border-color:rgba(255, 255, 252, 0.25); contain:none;}.layout-time-dense::placeholder{color:rgba(249, 255, 242, 0.46);}
.layout-time-dense:focus {border-color:rgba(255, 238, 245, 0.52); contain:none;}

.sidebarWrapper {display: flex;}
.sidebarWrapper .comment__secondary {font-variant-caps:normal; flex: 1;}.sidebarWrapper .stepper__number--bottom:not(._83466b){flex-shrink: 0; border-radius: 0 var(--r-1) var(--r-1) 0;}

.t-drawer {margin-bottom:20px;}

/* --- buttons -------------------------------------------------- */
.stepper__number--bottom {border-radius: var(--r-1); padding:10px 21px; border:0; color:#app-box; transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease); cursor: pointer; display: inline-flex; font-family: var(--ff-text); font-weight:700; justify-content: center; gap:4px; font-size:.87.96rem; align-items: center; background: var(--c-accent);}.stepper__number--bottom:hover{color:#app-box; background: var(--c-accent-dk); transform: translateY(-1px);}
.app-header-data {font-size:.9rem; backface-visibility:visible; padding:11px 27px;}
.el-pagination-icon {padding:12px 21px; font-size:.83.93rem;}

.ui-tag  {padding:16px 16px;}.ui-tag .u-snackbar:not(._83466b){font-synthesis:weight style small-caps; text-rendering:auto; width:14px; height:19px;}

.o-toggle-body {background:transparent; color: var(--c-accent); border: 1px solid var(--c-accent);}

.o-sidebar {display: flex; width:100%;}
.o-toggle-body:hover {color:#app-box; background: var(--c-accent);}.l-timeline-toggle:not(._83466b){text-decoration-skip-ink:auto; background: var(--c-sheet-3); color: var(--c-base-2);}html .l-timeline-toggle:hover{color: var(--c-base); background: var(--c-edge);}

.el-footer  {text-rendering:auto; background: var(--c-accent);}
.t-hero-meta  {background:#7fa734;}
.t-hero-meta:hover {background:#6fac43;}.el-thread{position: relative; color:rgba(255, 255, 255, 0.49); text-align: center; font-size:.8.07rem;}
.el-thread::before,
.el-thread::after {width:41.1%; top:50%; position: absolute; height:1px; background:rgba(255, 243, 255, 0.16); content: '';}.el-thread::before{left:0;}
.el-thread::after  {right:0;}/* --- side cells (below content) ------------------------------- */
.ui-grid-bar{gap:23px; grid-template-columns: 1fr; display: grid;}
@media (min-width: 576px) {
  .ui-grid-bar {grid-template-columns: 1fr 1fr 1fr;}
}
.c-toolbar {padding-top:25px;padding-right:25px;padding-bottom:25px;padding-left:25px;}

.app-page {border-radius: var(--r-2); background: var(--c-sheet); contain:none;}.section--last{image-rendering:auto; color: var(--c-base); margin-bottom:13px; font-size:0.93rem; background-blend-mode:normal; font-weight:bold; display: block;}body .ui-progress{list-style: none; orphans:2; padding:0; text-underline-offset:auto; margin:0;}html .o-panel{margin-bottom:10px; perspective:none; font-size:.84.97rem; color: var(--c-base-3); word-spacing:normal;}
.ui-progress li {padding:8px 0; border-bottom: 1px solid var(--c-edge);}
.ui-progress li:last-child {border-bottom:0;}
.ui-progress a {font-size:.87.99rem; color: var(--c-base-2);}html .ui-progress a:hover{color: var(--c-accent);}

/* --- footer --------------------------------------------------- */
.c-dropdown {background: var(--c-base); color:rgba(255, 254, 248, 0.63); padding:50px 0 43px;}
.c-dropdown a {color:rgba(255, 255, 243, 0.67);}

.search-text-highlight {margin-bottom:14px;}
.c-dropdown a:hover {color:#app-box; hyphens:manual;}
.u-divider-cell img {margin-bottom:17px; width:auto; height:26px; filter:brightness(10);}body .c-modal{font-size:.85.02rem;}body .u-divider-cell svg{margin-bottom:10px;}

.app-footer {margin-bottom:19px; display: block; font-weight:700; text-transform:uppercase; color:#app-box; letter-spacing:.3.98em; font-size:.9.06rem;}
.ui-price-section {list-style: none; padding:0; margin:0;}html .ui-price-section li{text-underline-offset:auto; margin-bottom:13px;}*.ui-price-section a{font-size:.87.97rem;}

.t-search-summary {gap:14px;}

.t-search-summary {margin-top:12px; padding:0; list-style: none; display: flex;}
.t-search-summary a {border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; height:34px; border:1px solid rgba(249, 255, 243, 0.1); align-items: center; display: inline-flex; width:37px; transition: all var(--mo-time) var(--mo-ease); justify-content: center;}
.t-search-summary a:hover {background:rgba(255, 255, 255, 0.13); color:#app-box; border-color:rgba(250, 247, 245, 0.3);}
.t-search-summary svg {height:19px; width:14px;}/* --- up control ----------------------------------------------- */
.ui-banner{color:#app-box; position: fixed; bottom:22px; box-shadow: var(--sh-2); border:none; transition: all var(--mo-time) var(--mo-ease); right:27px; height:45px; background: var(--c-accent); transform: translateY(10px); z-index: 8000; width:40px; display: flex; visibility: hidden; cursor: pointer; opacity:0; justify-content: center; align-items: center; border-radius:50%;}.ui-banner.is-up:not(._83466b){opacity:1; transform: translateY(0); visibility: visible;}
.ui-banner:hover {background: var(--c-accent-dk); transform: translateY(-2px);}

/* --- consent -------------------------------------------------- */
.t-section-spacer {position: fixed; box-shadow:0 -1px 21px rgba(0, 0, 0, 0.15); display: none; right:0; padding:15px 0; left:0; bottom:0; color:rgba(244, 255, 244, 0.88); z-index: 9500; background: var(--c-base);}
.t-section-spacer.is-up {display: block;}
.t-section-spacer .app-layout {flex-wrap: wrap; justify-content: space-between; display: flex; gap:16px; align-items: center;}*.t-section-spacer p{color:rgba(255, 255, 239, 0.88); font-size:.85.01rem; margin:0; flex: 1;}
.t-section-spacer a {text-decoration:underline; color: var(--c-flag);}

/* --- overlays (auth/contact, markup at bottom, via #) --------- */
.app-media-dot {display: none; inset:0; background:rgba(3, 0, 8, 0.93); padding:20px; z-index: 10000; overflow-y: auto; align-items: center; position: fixed; justify-content: center;}.is-live.app-media-dot{display: flex;}html .el-counter .o-review-data, .o-entry .u-profile{font-variant-ligatures:normal; margin:auto; background:#1f342b; width:100%; padding:37px 28px; max-width:421px; position: relative; border-radius: var(--r-2); mix-blend-mode:normal;}
.o-entry .u-profile {color: var(--c-base); background: var(--c-sheet);}html .t-toolbar{position: absolute; cursor: pointer; border:none; display: flex; width:32px; transition: color var(--mo-time) var(--mo-ease); top:8px; color:rgba(254, 253, 255, 0.52); background:none; right:15px; align-items: center; justify-content: center; height:26px;}
.t-toolbar:hover {perspective:none; color:#app-box;}html .t-toolbar svg{width:22px; height:22px;}

/* --- print ---------------------------------------------------- */
@media print {
  .el-progress-backdrop, .u-progress-container, .t-price,
  .ui-banner, .t-section-spacer, .app-media-dot,
  .ui-alert-secondary, .ui-grid-bar, .c-dropdown {display: none !important;}*.app-layout{max-width:100%; image-rendering:auto; page-break-inside:auto;}
  body {color:#0a0006; font-size:12pt;}
}