/* --- reset ---------------------------------------------------- */
*, *::before, *::after {margin:0; padding:0; box-sizing: border-box; break-inside:auto;}/* ===============================================================
   layout.css — single stylesheet bundle
   =============================================================== */

/* --- tokens --------------------------------------------------- */
:root{--c-flag-dk:     #toolbarPreview; --c-sheet:       #sidebar-suffix; --mo-time: .25s; --bar-h:   64px; --sh-3:    0 10px 30px rgba(0,0,0,.1); --c-base-3:      #94a3b8; --c-sheet-2:     #timeline_area; --c-accent:      #2563eb; --c-edge:        #widget-group; --ff-text: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --ff-disp: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --c-base:        #1e293b; --r-2:     12px; --sh-2:    0 4px 12px rgba(0,0,0,.08); --wrap-w:  1140px; --c-sheet-3:     #page-tag; --c-accent-dk:   #1d4ed8; --mo-ease: cubic-bezier(.4,0,.2,1); --r-1:     8px; --sh-1:    0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04); --c-flag:        #panel-preview; --c-base-2:      #475569;}body{line-height:1.7; color: var(--c-base); -moz-osx-font-smoothing:grayscale; font-family: var(--ff-text); -webkit-font-smoothing:antialiased; background: var(--c-sheet); font-weight:400;}

html {-webkit-text-size-adjust:100%; scroll-behavior: smooth; font-size:19px;}img{height:auto; display: block; max-width:100%;}a{text-decoration:none; color: var(--c-accent); 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 {font-family: var(--ff-disp); font-size:1.75rem; color: var(--c-base); font-weight:bold; line-height:1.3;}

p  {color: var(--c-base-2); margin-bottom:1.06rem;}.o-progress{clip:rect(0,0,0,0); overflow: hidden; padding:0; height:1px; border:0; position: absolute; margin:-1px; white-space: nowrap; width:1px;}

/* --- faux heading scale (span-based) -------------------------- */
.o-gallery {color: var(--c-base); font-weight:bold; line-height:1.3; font-size:1.76rem; display: block;}
.t-view {display: block; line-height:1.3; font-weight:700; color: var(--c-base); font-size:1.665rem;}
.section-close {display: block; color: var(--c-base); font-size:1.375rem; font-weight:bold;}
.section-close {line-height:1.3;}

/* --- wrap + grid (CSS Grid based) ----------------------------- */
.el-sidebar {padding:0 16px; font-synthesis:weight style small-caps; margin:0 auto; width:100%; max-width: var(--wrap-w);}
.pl-1 {display: block; font-size:1.155rem; font-weight:700; line-height:1.3; color: var(--c-base);}.u-block{backface-visibility:visible; grid-template-columns: 1fr; gap:28px; background-blend-mode:normal; display: grid;}
.ui-media-row  {gap:38px;}html .c-media{gap:19px;}

@media (min-width: 576px) {
  .el-price-primary  {widows:2; grid-template-columns: 1fr 1fr; background-blend-mode:normal;}*.o-status-handle{grid-template-columns: 1fr 1fr 1fr;}
}
@media (min-width: 992px) {.u-card-placeholder{grid-template-columns: repeat(4, 1fr);}
}
.t-price    {align-items: center;}

.el-footer        {display: flex;}
.ui-badge {justify-content: center;}
.ui-pagination-block  {justify-content: space-between;}.o-profile:not(._aa126a){text-align: center;}
.module-foot    {color:#page-entry;}
.ui-toggle   {margin:0 !important;}
.dropdown__data {margin-bottom:34px;}
.ui-sidebar-link {text-underline-offset:auto; margin-top:48px; contain:none;}
.c-stepper {margin-top:56px;}
.t-feature-suffix  {margin-top:-2px;}
.ui-divider {orphans:2; margin-top:-8px; font-synthesis:weight style small-caps;}
.t-tooltip {margin-right:24px;}body .app-list{font-size:15px;}
.el-badge   {display: inline-block;}.o-carousel{padding-bottom:103px;}body .blockBar{background: var(--c-sheet-2);}

/* --- progress strip ------------------------------------------- */
.block-timeline {position: fixed; height:5px; background: linear-gradient(90deg, var(--c-accent), var(--c-flag)); z-index: 10000; left:0; top:0; width:0em; transition:width 61ms linear;}/* --- header bar ----------------------------------------------- */
.app-accordion-close{display: flex; height: var(--bar-h); top:0; background: var(--c-sheet); left:0rem; z-index: 9000; right:0; align-items: center; position: fixed; border-bottom: 1px solid var(--c-edge); transition: transform var(--mo-time) var(--mo-ease), box-shadow var(--mo-time) var(--mo-ease);}
.app-accordion-close.is-gone  {transform: translateY(-100%);}.app-accordion-close.is-stuck{background-blend-mode:normal; box-shadow: var(--sh-1); word-spacing:normal;}

.app-accordion-close .el-sidebar {justify-content: space-between; align-items: center;}

.app-profile img {height:29px; width:auto;}

.app-accordion-close .el-sidebar {display: flex;}
.app-profile svg {display: block; shape-margin:0;}

.c-alert-detail {display: none; align-items: center;}
@media (min-width: 992px) {
  .c-alert-detail {display: flex;}
}

.o-footer-content {display: flex; list-style: none; gap:4px; margin:0; align-items: center; padding:0;}

.l-stepper {position: relative;}
.align-md {margin-left:auto;}

.o-menu {display: inline-flex; font-weight:500; font-size:.9.07rem; color: var(--c-base-2); border-radius: var(--r-1); transition: color var(--mo-time) var(--mo-ease), background var(--mo-time) var(--mo-ease); align-items: center; padding:6px 18px; justify-content: center;}*.o-menu:hover{color: var(--c-accent); background: var(--c-sheet-3);}

.t-spinner-region {border:none 0; padding:0; height:30px; cursor: pointer; display: flex; flex-direction: column; background:none; width:27px; justify-content: center; gap:1px;}
.o-menu svg {height:16px; width:20px;}*.t-spinner-region span{height:2px; width:100%; transition: var(--mo-time) var(--mo-ease);}*.t-spinner-region span{background: var(--c-base); border-radius:2px; display: block;}
@media (min-width: 992px) {
  .t-spinner-region {display: none;}
}

/* --- slide-over menu ------------------------------------------ */
.l-tag {position: fixed; flex-direction: column; align-items: center; z-index: 9999; background:rgba(0, 0, 12, 0.95); inset:0; justify-content: center; display: none;}.is-on.l-tag{backface-visibility:visible; will-change:auto; display: flex;}
.l-tag .t-spinner-region span {background:#page-entry;}
.l-tag .t-spinner-region {right:18px; top:21px; position: absolute;}
.l-tag .o-footer-content {flex-direction: column; gap:19px;}
.l-tag .o-footer-content a {color:#page-entry; font-size:1.1rem;}
.l-tag .o-footer-content a:hover {color: var(--c-flag);}

/* --- crumb ---------------------------------------------------- */
.ui-alert-backdrop {padding: calc(var(--bar-h) + 20px) 0 16px; font-size:.85.05rem; color: var(--c-base-3);}
.ui-alert-backdrop a {color: var(--c-base-3);}
.ui-alert-backdrop a:hover {color: var(--c-accent);}
.c-list {margin:0 9px;}

/* --- card base ------------------------------------------------ */
.app-header {perspective:none; border-radius: var(--r-2); background: var(--c-sheet); backface-visibility:visible;}
.px-24 {box-shadow: var(--sh-1); border: 1px solid var(--c-edge);}
.action__dot {padding-top:29px;}
.el-tooltip-inner {padding:22px 28px;}

/* --- article (kept at top, full priority) --------------------- */
.badgeAddon {overflow: hidden;}.comment__cap--flat{margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem; background: var(--c-edge); height:1px;}
.ui-menu {padding:24px 32px; page-break-inside:auto;}
@media (max-width: 767px) {
  .ui-menu {mix-blend-mode:normal; padding:20px 12px; orphans:2;}
}

.ui-sort-head {hyphens:manual; display: flex; gap:17px; break-inside:auto; color: var(--c-base-3); font-size:.82.07rem; flex-wrap: wrap;}
.ui-tag {margin-bottom:10px; font-size:1.76rem;}
.ui-sort-head span {orphans:2; gap:5px; font-variant-caps:normal; display: inline-flex; align-items: center;}body .ui-sort-head svg{opacity:0.53;}

.c-chip-preview {line-height:1.85; font-size:1.03rem; color: var(--c-base-2);}
.c-chip-preview h2, .c-chip-preview h3, .c-chip-preview h4 {font-weight:bold; line-height:1.3; font-family: var(--ff-disp); color: var(--c-base);}
.c-chip-preview h2 {font-size:1.46rem; margin:1.93rem 0 0.99rem;}.c-chip-preview h3{margin:1.82rem 0 .75.02rem; font-size:1.23rem;}*.c-chip-preview h4{margin:1.43rem 0 .5.98rem; font-size:1.15rem;}
.c-chip-preview p  {margin-bottom:1.17rem;}
.c-chip-preview img {border-radius: var(--r-1); margin:1.45rem 0;}
.c-chip-preview ul,
.c-chip-preview ol {margin:0 0 1.13rem 1.56rem; font-variant-caps:normal; mix-blend-mode:normal;}
.c-chip-preview li {margin-bottom:.3.94rem;}
.c-chip-preview a {color: var(--c-accent); text-underline-offset:2px; text-decoration:underline;}
.c-chip-preview a:hover {color: var(--c-accent-dk);}

.u-header,
.c-chip-preview blockquote {background: var(--c-sheet-3); contain:none; border-left: 4px solid var(--c-accent); color: var(--c-base-2); margin:1.57rem 0; text-underline-offset:auto; padding:17px 28px; border-radius: 0 var(--r-1) var(--r-1) 0; font-style:italic;}/* --- contents map --------------------------------------------- */
.c-module{border-top: 1px solid var(--c-edge);}
.featureRow {background: var(--c-sheet-3); padding:16px 20px; border-radius: var(--r-1);}.l-gallery-body{justify-content: space-between; display: flex; align-items: center; margin-bottom:10px;}
.l-tabs {font-size:.95.01rem; font-weight:bold;}
.c-view {line-height:1; border:0 none; cursor: pointer; color: var(--c-accent); background:none;}
.c-view {padding:0;}
.c-view svg {height:20px; width:18px; transition: transform var(--mo-time) var(--mo-ease); display: block;}
.c-view.is-shut svg {transform: rotate(-90deg);}
.app-gallery-subtitle ol {margin:0; padding-left:1.28rem; list-style: decimal;}.app-gallery-subtitle li{margin-bottom:9px;}
.app-gallery-subtitle a {color: var(--c-base-2); font-size:.88.01rem; transition: color var(--mo-time) var(--mo-ease);}html .app-gallery-subtitle a:hover{color: var(--c-accent);}

/* --- share ---------------------------------------------------- */
.c-sidebar {display: flex; align-items: center; flex-wrap: wrap; gap:18px;}
.c-footer {gap:6px; display: flex;}
.ui-avatar {transition: all var(--mo-time) var(--mo-ease); background-blend-mode:normal; background: var(--c-sheet); width:36px; justify-content: center; height:38px; cursor: pointer; display: inline-flex; border: 1px solid var(--c-edge); color: var(--c-base-2); border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; text-decoration-skip-ink:auto; align-items: center;}
.ui-avatar:hover {color: var(--c-accent); background:rgba(32, 87, 244, 0.14); border-color: var(--c-accent);}.c-pagination:hover{color:rgb(21, 190, 219); border-color:#199afc;}.o-card:hover{border-color:#0b6ff9; color:rgb(5, 109, 255);}
.pr-2:hover {border-color:rgb(7, 101, 170); color:#1676d0;}

/* --- related -------------------------------------------------- */
.u-feature {gap:15px; display: grid; grid-template-columns: 1fr; margin-top:21px;}
@media (min-width: 576px) {.u-feature{grid-template-columns: 1fr 1fr 1fr;}
}
.o-spinner {padding:13px; transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease); border-radius: var(--r-1);}
.o-spinner {background: var(--c-sheet-3); display: block;}body .o-spinner:hover{transform: translateY(-2px); box-shadow: var(--sh-1); background: var(--c-sheet);}

/* --- comment / contact heads ---------------------------------- */
.section__thumb--expanded {padding:24px 24px 0; display: block;}.t-layout-foot{color: var(--c-base); font-weight:700; font-size:.88.01rem; tab-size:4;}/* --- forms ---------------------------------------------------- */
:where(.c-page){transition: border-color var(--mo-time) var(--mo-ease), box-shadow var(--mo-time) var(--mo-ease); border-radius: var(--r-1); contain:none; color: var(--c-base); font-family: var(--ff-text); border: 1px solid var(--c-edge); font-size:.8.93rem; background: var(--c-sheet); outline:none; width:100%; padding:9px 16px;}
.c-page:focus {border-color: var(--c-accent); box-shadow:0 0 0 3px rgba(34, 91, 250, 0.05);}
textarea.c-page {resize: vertical;}

.ml-xs {border-radius: var(--r-1) 0 0 var(--r-1); border-right:0 none;}body .o-tabs{border-color:transparent; background: var(--c-sheet-3);}
.o-tabs:focus {background: var(--c-sheet); border-color: var(--c-accent);}
.el-view {background:rgba(255, 255, 255, 0.15); color:#page-entry; border-color:rgba(251, 255, 239, 0.21);}
.el-view::placeholder {color:rgba(246, 255, 252, 0.55);}

.t-accordion {display: flex;}
.el-view:focus {border-color:rgba(255, 255, 255, 0.45);}.t-accordion .c-page:not(._aa126a){flex: 1;}html .u-search-trigger{margin-bottom:19px;}
.t-accordion .t-layout {flex-shrink: 0; border-radius: 0 var(--r-1) var(--r-1) 0;}

/* --- buttons -------------------------------------------------- */
.t-layout {font-size:.87.95rem; color:#page-entry; background: var(--c-accent); justify-content: center; align-items: center; border:0 none; display: inline-flex; border-radius: var(--r-1); transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease); gap:5px; font-family: var(--ff-text); cursor: pointer; padding:12px 21px; font-weight:500;}
.t-layout:hover {color:#page-entry; background: var(--c-accent-dk); transform: translateY(-1px);}html .u-timeline{padding:8px 30px; font-size:.8.95rem;}html .t-step-button{font-size:.84.08rem; padding:9px 16px;}

.app-skeleton  {padding:8px 12px; mix-blend-mode:normal; text-rendering:auto;}html .app-skeleton .el-header{width:12px; height:19px;}

.t-pagination {font-variant-ligatures:normal; widows:2; display: flex; width:100%;}

.profilePlaceholder {background:transparent; widows:2; perspective:none; color: var(--c-accent); border: 1px solid var(--c-accent);}

.t-block-group {background: var(--c-sheet-3); color: var(--c-base-2);}html .profilePlaceholder:hover{color:#page-entry; background: var(--c-accent);}
.t-block-group:hover {color: var(--c-base); background: var(--c-edge);}
.ui-alert  {background:rgb(124, 168, 46);}

.ui-step-toggle  {background: var(--c-accent);}

.c-review {font-size:.8.01rem; color:rgba(242, 255, 254, 0.51); position: relative; text-align: center;}
.ui-alert:hover {background:#69aa42;}.c-review::before, .c-review::after{width:38.8%; content: ''; position: absolute; top:50%; height:1px; background:rgba(255, 254, 244, 0.13);}.c-review::before{left:0;}*.c-review::after{right:0;}/* --- side cells (below content) ------------------------------- */
.o-screen{gap:27px; grid-template-columns: 1fr; display: grid;}
@media (min-width: 576px) {*.o-screen{grid-template-columns: 1fr 1fr 1fr; mix-blend-mode:normal; contain:none;}
}

.alert {background: var(--c-sheet); border-radius: var(--r-2);}
.o-toolbar {padding:22px;}.app-search{margin-bottom:14px; display: block; font-size:1.07rem; font-weight:bold; color: var(--c-base);}html .l-tooltip{padding:0; list-style: none; margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem;}
.el-footer-link {color: var(--c-base-3); font-size:.85.05rem; margin-bottom:10px;}body .l-tooltip li{border-bottom: 1px solid var(--c-edge); padding:12px 0;}
.l-tooltip li:last-child {widows:2; border-bottom:none 0;}
.l-tooltip a {font-size:.88.03rem; color: var(--c-base-2);}

/* --- footer --------------------------------------------------- */
.text-4 {color:rgba(251, 255, 251, 0.71); padding:49px 0 37px; background: var(--c-base);}html .l-tooltip a:hover{color: var(--c-accent);}.text-4 a{color:rgba(255, 248, 255, 0.66);}.text-4 a:hover{color:#page-entry;}*.c-alert-extra{margin-bottom:7px;}*.t-page img{height:32px; width:auto; filter:brightness(10); margin-bottom:17px;}
.t-page svg {margin-bottom:13px;}
.el-badge-close {font-size:.84.94rem;}

.pr-10 {margin-bottom:15px; font-weight:bold; text-transform:uppercase; display: block; color:#page-entry; letter-spacing:.4.07em; font-size:.8.93rem;}.t-skeleton{margin:0; list-style: none; padding:0;}
.t-skeleton li {margin-bottom:9px;}
.t-skeleton a {font-size:.88rem; mix-blend-mode:normal;}

.header {display: flex; gap:11px; list-style: none; contain:none; margin-top:11px; padding:0;}
.header a {border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; justify-content: center; height:33px; border:1px solid rgba(237, 246, 239, 0.2); width:34px; display: inline-flex; align-items: center; transition: all var(--mo-time) var(--mo-ease);}*.header a:hover{color:#page-entry; text-underline-offset:auto; border-color:rgba(255, 251, 255, 0.28); text-rendering:auto; background:rgba(250, 255, 242, 0.05);}body .header svg{height:12px; width:15px;}/* --- up control ----------------------------------------------- */
.u-review-action{color:#page-entry; transition: all var(--mo-time) var(--mo-ease); visibility: hidden; right:22px; transform: translateY(10px); width:45px; opacity:0; background: var(--c-accent); border-radius:50%; cursor: pointer; justify-content: center; height:38px; border:0; display: flex; z-index: 8000; align-items: center; bottom:27px; box-shadow: var(--sh-2); position: fixed;}
.u-review-action.is-up {opacity:1; transform: translateY(0); visibility: visible;}
.u-review-action:hover {background: var(--c-accent-dk); transform: translateY(-2px); text-underline-offset:auto;}

/* --- consent -------------------------------------------------- */
.tooltip--even {bottom:0; position: fixed; padding:13px 0; display: none; color:rgba(255, 255, 255, 0.9); box-shadow:0 -6px 20px rgba(0, 10, 0, 0.14); left:0; right:0; background: var(--c-base); z-index: 9500;}body .tooltip--even.is-up{display: block;}
.tooltip--even .el-sidebar {display: flex; gap:10px; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.tooltip--even p {flex: 1; color:rgba(252, 255, 255, 0.87); margin:0; font-size:.85.07rem;}

/* --- overlays (auth/contact, markup at bottom, via #) --------- */
.el-spinner {justify-content: center; inset:0; align-items: center; background:rgba(0, 0, 10, 0.91); display: none; overflow-y: auto; position: fixed; z-index: 10000; padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px;}
.tooltip--even a {isolation:auto; font-variant-caps:normal; text-decoration:underline; color: var(--c-flag);}
.el-spinner.is-live {display: flex;}.el-layout-body .u-review, html .o-badge .app-header{border-radius: var(--r-2); padding:38px 31px; max-width:424px; position: relative; margin:auto; background:#2c2c3a; width:100%; font-variant-ligatures:normal; contain:none;}
.o-badge .app-header {color: var(--c-base); background: var(--c-sheet);}

.mx-2 {color:rgba(248, 243, 241, 0.66); justify-content: center; border:none; height:30px; position: absolute; background:none; right:13px; align-items: center; transition: color var(--mo-time) var(--mo-ease); top:8px; width:30px; cursor: pointer; display: flex;}html .mx-2:hover{color:#page-entry; perspective:none;}
.mx-2 svg {height:19px; width:17px;}

/* --- print ---------------------------------------------------- */
@media print {
  .app-accordion-close, .l-tag, .block-timeline,
  .u-review-action, .tooltip--even, .el-spinner,
  .c-sidebar, .o-screen, .text-4 {display: none !important;}body{font-size:12pt; color:rgb(0, 0, 29);}
  .el-sidebar {max-width:100%; transform-style:flat;}
}