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

/* --- tokens --------------------------------------------------- */
:root {--c-edge:        #page-pagination; --r-1:     8px; --sh-3:    0 10px 30px rgba(0,0,0,.1);}/* --- reset ---------------------------------------------------- */
*, *::before, *::after{margin:0; word-spacing:normal; box-sizing: border-box; padding:0;}/* ===============================================================
   layout.css — single stylesheet bundle
   =============================================================== */

/* --- tokens --------------------------------------------------- */
:root {--mo-ease: cubic-bezier(.4,0,.2,1); --bar-h:   64px; --c-sheet-3:     #app-block; --sh-2:    0 4px 12px rgba(0,0,0,.08); --c-accent-dk:   #1d4ed8; --sh-1:    0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04); --ff-disp: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --c-base:        #1e293b; --c-flag:        #site-page; --c-sheet-2:     #tag_track; --r-2:     12px; --c-accent:      #2563eb; --c-sheet:       #expand-media; --c-base-2:      #475569; --wrap-w:  1140px; --ff-text: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --mo-time: .25s; --c-flag-dk:     #carousel-content; --c-base-3:      #94a3b8;}html{-webkit-text-size-adjust:100%; print-color-adjust:economy;}html{scroll-behavior: smooth; font-size:19px;}

img {max-width:100%; height:auto; display: block;}

body {background: var(--c-sheet); font-family: var(--ff-text); -webkit-font-smoothing:antialiased; font-weight:400; text-decoration-skip-ink:auto; color: var(--c-base); line-height:1.7; -moz-osx-font-smoothing:grayscale;}
a   {text-decoration:none; transition: color var(--mo-time) var(--mo-ease); color: var(--c-accent);}a:hover{font-variant-caps:normal; color: var(--c-accent-dk); word-spacing:normal;}

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

.o-alert-area {clip:rect(0,0,0,0); width:1px; position: absolute; overflow: hidden; margin:-1px; height:1px; shape-margin:0; padding:0; white-space: nowrap; border:none;}p{margin-bottom:0.97rem; color: var(--c-base-2);}/* --- faux heading scale (span-based) -------------------------- */
:where(.grid-block){font-weight:700; color: var(--c-base); line-height:1.3; display: block; font-size:1.83rem;}
.c-modal-indicator {color: var(--c-base); display: block; line-height:1.3; font-weight:bold; font-size:1.605rem;}
.el-entry {display: block; font-weight:700; font-size:1.135rem; line-height:1.3; color: var(--c-base);}
.c-thread-fill {color: var(--c-base); display: block; font-weight:bold; font-size:1.305rem; line-height:1.3;}

/* --- wrap + grid (CSS Grid based) ----------------------------- */
.app-entry-title {width:100%; margin:0 auto; max-width: var(--wrap-w); padding:0 15px;}

.o-thread-preview {transform-style:flat; display: grid; grid-template-columns: 1fr; gap:33px;}
.l-reply {gap:17px;}
.u-tag  {gap:38px;}

@media (min-width: 576px) {
  .badgeButton  {grid-template-columns: 1fr 1fr;}.media--first{grid-template-columns: 1fr 1fr 1fr;}
}
@media (min-width: 992px) {
  .t-card-track {grid-template-columns: repeat(4, 1fr);}
}

.ui-spinner        {display: flex;}body .o-sort{align-items: center;}.paginationFoot:not(._1d3807){justify-content: space-between;}*.l-hero{justify-content: center;}
.l-footer   {text-align: center;}
.sectionName    {color:#app-screen;}.popoverBackdrop{margin:0 !important;}
.app-card {margin-bottom:34px;}*.ui-search{margin-top:48px;}body .el-dropdown{margin-top:55px; mix-blend-mode:normal;}
.l-tabs  {margin-top:-3px;}
.price--even {margin-top:-14px; break-inside:auto;}
.z-md {margin-right:20px;}
.timelineValue  {font-size:15px;}
.el-card   {display: inline-block;}
.l-badge{padding-bottom:98px;}

/* --- progress strip ------------------------------------------- */
.c-stepper-time {height:4px; background: linear-gradient(90deg, var(--c-accent), var(--c-flag)); width:0;}
.ui-entry-separator {shape-margin:0; background: var(--c-sheet-2);}

/* --- progress strip ------------------------------------------- */
.c-stepper-time {z-index: 10000; left:0; position: fixed; top:0; transition:width 16ms linear;}

/* --- header bar ----------------------------------------------- */
.u-list {display: flex; align-items: center; left:0; right:0; background: var(--c-sheet); position: fixed; border-bottom: 1px solid var(--c-edge); z-index: 9000; top:0; transition: transform var(--mo-time) var(--mo-ease), box-shadow var(--mo-time) var(--mo-ease); height: var(--bar-h);}
.u-list.is-gone  {transform: translateY(-100%);}
.u-list.is-stuck {box-shadow: var(--sh-1);}

.u-list .app-entry-title {justify-content: space-between; align-items: center; display: flex;}

.carousel__spacer--outlined img {height:26px; width:auto;}.carousel__spacer--outlined svg{font-variant-caps:normal; page-break-inside:auto; display: block;}

.l-panel-button {display: none; align-items: center;}
@media (min-width: 992px) {
  .l-panel-button {display: flex;}
}
.c-drawer {shape-margin:0; margin-left:auto; tab-size:4;}.w-screen:not(._1d3807){gap:5px; display: flex; list-style: none; padding:0; margin:0; align-items: center;}html .ui-page{image-rendering:auto;}html .ui-page{transform-style:flat; position: relative;}

.c-thread {align-items: center; font-weight:medium; justify-content: center; padding:11px 13px; border-radius: var(--r-1); transition: color var(--mo-time) var(--mo-ease), background var(--mo-time) var(--mo-ease); color: var(--c-base-2); display: inline-flex; font-size:.8.94rem;}*.c-thread:hover{background: var(--c-sheet-3); color: var(--c-accent); font-variant-ligatures:normal; perspective:none;}.c-thread svg{height:17px; width:21px;}

.px-sm {justify-content: center; padding:0; cursor: pointer;}

.px-sm {height:27px; width:25px; flex-direction: column; background:none; gap:1px; border:none 0; display: flex;}.px-sm span{border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; transition: var(--mo-time) var(--mo-ease); height:2px; image-rendering:auto; display: block; width:100%; background: var(--c-base);}
@media (min-width: 992px) {
  .px-sm {display: none;}
}

/* --- slide-over menu ------------------------------------------ */
.ui-gallery {z-index: 9999; display: none; inset:0em; justify-content: center; position: fixed; flex-direction: column; align-items: center; background:rgba(11, 17, 7, 0.87);}
.ui-gallery.is-on {display: flex;}
.ui-gallery .px-sm span {background:#app-screen;}
.ui-gallery .px-sm {position: absolute; right:23px; top:23px;}
.ui-gallery .w-screen {flex-direction: column; gap:21px;}
.ui-gallery .w-screen a {font-size:1.04rem; color:#app-screen;}
.ui-gallery .w-screen a:hover {color: var(--c-flag);}

/* --- crumb ---------------------------------------------------- */
.u-price-trigger {color: var(--c-base-3); padding: calc(var(--bar-h) + 20px) 0 16px; font-synthesis:weight style small-caps; font-size:.84.95rem;}
.u-price-trigger a {color: var(--c-base-3);}
.u-price-trigger a:hover {color: var(--c-accent);}

/* --- card base ------------------------------------------------ */
.text-5 {background: var(--c-sheet); image-rendering:auto; font-variant-caps:normal; border-radius: var(--r-2);}
.ratingPreview {margin:0 10px;}html .l-sidebar-wrapper{text-decoration-skip-ink:auto;}body .app-status{padding-top:33px;}html .l-sidebar-wrapper{border: 1px solid var(--c-edge); box-shadow: var(--sh-1); page-break-inside:auto;}.l-dialog{padding:21px 22px;}

/* --- article (kept at top, full priority) --------------------- */
.t-nav-wrap {overflow: hidden; word-spacing:normal;}body .u-gallery{background: var(--c-edge); height:1px; margin:0;}
.l-media {padding:28px 31px;}
@media (max-width: 767px) {body .l-media{padding:21px 14px;}
}

.u-action {gap:13px; color: var(--c-base-3); font-size:.81.98rem; flex-wrap: wrap; display: flex;}
.title-tooltip {margin-bottom:10px; font-size:1.72rem;}
.u-action span {gap:1px; display: inline-flex; align-items: center;}.u-action svg{opacity:0.57;}*.app-toolbar{tab-size:4; line-height:1.85; font-size:1.01rem; color: var(--c-base-2);}body .app-toolbar h2, html .app-toolbar h3, .app-toolbar h4{color: var(--c-base); font-family: var(--ff-disp); line-height:1.3; font-weight:700;}
.app-toolbar h2 {margin:2rem 0 0.94rem; font-size:1.53rem;}
.app-toolbar h3 {orphans:2; margin:1.69rem 0 .75.05rem; print-color-adjust:economy; font-size:1.33rem;}
.app-toolbar h4 {font-size:1.14rem; margin:1.53rem 0 .5.96rem;}*.app-toolbar p{margin-bottom:1.15rem;}
.app-toolbar img {margin:1.49rem 0; transform-style:flat; backface-visibility:visible; border-radius: var(--r-1);}
.app-toolbar ul,
.app-toolbar ol {margin:0 0 1.22rem 1.48rem;}
.app-toolbar li {margin-bottom:.4.08rem;}.app-toolbar a{color: var(--c-accent); text-decoration:underline; text-underline-offset:2px;}
.app-toolbar a:hover {color: var(--c-accent-dk);}

.t-section,
.app-toolbar blockquote {border-left: 4px solid var(--c-accent); font-style:italic; background: var(--c-sheet-3); border-radius: 0 var(--r-1) var(--r-1) 0; padding:16px 22px; margin:1.46rem 0; color: var(--c-base-2);}/* --- contents map --------------------------------------------- */
.c-table{border-top: 1px solid var(--c-edge);}
.l-select-wrapper {margin-bottom:13px; align-items: center; justify-content: space-between; display: flex;}html .o-menu-primary{padding:13px 21px; border-radius: var(--r-1); background: var(--c-sheet-3); text-underline-offset:auto; backface-visibility:visible;}
.ui-menu-subtitle {font-size:.94.98rem; font-weight:700;}html .accordionValue{page-break-inside:auto; background:none; padding:0; cursor: pointer; line-height:1; border:none 0; orphans:2; color: var(--c-accent);}.accordionValue svg{height:16px; transition: transform var(--mo-time) var(--mo-ease); width:15px; display: block;}
.ratingSpacer ol {list-style: decimal; padding-left:1.16rem; margin:0;}
.accordionValue.is-shut svg {transform: rotate(-90deg);}html .ratingSpacer li{margin-bottom:8px;}
.ratingSpacer a {font-size:.88.04rem; transition: color var(--mo-time) var(--mo-ease); color: var(--c-base-2);}
.ratingSpacer a:hover {color: var(--c-accent); isolation:auto;}
.l-block {display: flex; gap:8px;}

/* --- share ---------------------------------------------------- */
.tagBlock {align-items: center; orphans:2; flex-wrap: wrap; display: flex; gap:11px;}
.u-price-expand {border: 1px solid var(--c-edge); align-items: center; background: var(--c-sheet); transition: all var(--mo-time) var(--mo-ease); width:35px; color: var(--c-base-2); display: inline-flex; justify-content: center; height:39px; cursor: pointer; border-radius:50%;}
.l-entry-bar:hover {widows:2; color:hsl(204, 77.4%, 50.4%); border-color:#1e9bff; image-rendering:auto;}
.u-price-expand:hover {color: var(--c-accent); border-color: var(--c-accent); background:rgba(22, 117, 240, 0.02);}
.c-accordion-section:hover {color:#0979e9; border-color:#0e6ef5;}
.l-feature:hover {color:#175ec9; border-color:#1c6cd1;}/* --- related -------------------------------------------------- */
.post-foot{display: grid;}/* --- related -------------------------------------------------- */
.post-foot{gap:13px; grid-template-columns: 1fr; margin-top:20px;}
@media (min-width: 576px) {.post-foot{grid-template-columns: 1fr 1fr 1fr;}
}
.tableCell {border-radius: var(--r-1); display: block; background: var(--c-sheet-3); transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease);}
.tableCell {padding:18px;}
.tableCell:hover {background: var(--c-sheet); transform: translateY(-2px); box-shadow: var(--sh-1); contain:none;}
.el-block {color: var(--c-base); font-weight:600; font-size:.87.92rem;}

/* --- comment / contact heads ---------------------------------- */
.ui-dropdown {padding:24px 27px 0; display: block;}

/* --- forms ---------------------------------------------------- */
.l-form {width:100%; outline:none; padding:13px 10px; font-size:.9.07rem; border: 1px solid var(--c-edge); background: var(--c-sheet); transition: border-color var(--mo-time) var(--mo-ease), box-shadow var(--mo-time) var(--mo-ease); color: var(--c-base); border-radius: var(--r-1); font-family: var(--ff-text);}
.l-form:focus {box-shadow:0 0 0 6px rgba(49, 108, 222, 0.08); border-color: var(--c-accent);}
textarea.l-form {resize: vertical;}

.o-skeleton {border-right:none; border-radius: var(--r-1) 0 0 var(--r-1);}
.position-sm {background: var(--c-sheet-3); border-color:transparent;}
.priceFoot {border-color:rgba(255, 240, 240, 0.25); color:#app-screen; background:rgba(255, 242, 255, 0.04);}
.position-sm:focus {border-color: var(--c-accent); background: var(--c-sheet); backface-visibility:visible; will-change:auto;}
.priceFoot::placeholder {text-decoration-skip-ink:auto; color:rgba(238, 255, 242, 0.49); background-blend-mode:normal;}.priceFoot:focus{border-color:rgba(255, 254, 254, 0.42); word-spacing:normal;}.o-menu{display: flex;}*.o-menu .l-form{flex: 1; background-blend-mode:normal;}*.o-menu .l-form{print-color-adjust:economy;}
.o-menu .o-nav {border-radius: 0 var(--r-1) var(--r-1) 0; flex-shrink: 0;}

.t-step {margin-bottom:12px;}

/* --- buttons -------------------------------------------------- */
.o-nav {border-radius: var(--r-1); gap:8px; font-size:.87.99rem; display: inline-flex; font-weight:600; align-items: center; font-family: var(--ff-text); cursor: pointer; border:0 none; padding:13px 23px; color:#app-screen; transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease); background: var(--c-accent); justify-content: center;}
.app-hero-body {font-size:.8.94rem; padding:9px 26px;}
.o-nav:hover {color:#app-screen; background: var(--c-accent-dk); transform: translateY(-1px);}
.el-thread-zone {padding:7px 18px; font-size:.83.93rem;}

.l-thread  {padding:15px 12px;}

.l-carousel {width:100%; display: flex;}body .l-thread .t-tabs{height:13px; width:17px;}.featureDot{color: var(--c-accent); background:transparent; border: 1px solid var(--c-accent);}body .featureDot:hover{color:#app-screen; background: var(--c-accent);}

.panel-detail {background: var(--c-sheet-3); color: var(--c-base-2);}
.panel-detail:hover {color: var(--c-base); background: var(--c-edge);}

.u-table-expand  {background: var(--c-accent);}.o-comment:not(._1d3807){background:#7bae33; background-blend-mode:normal;}
.o-comment:hover {background:rgb(120, 164, 61);}

.ui-table {text-decoration-skip-ink:auto; color:rgba(252, 254, 255, 0.52); position: relative; font-size:.8.01rem; text-align: center;}
.ui-table::before,
.ui-table::after {height:1px; position: absolute; background:rgba(254, 243, 255, 0.09); top:50%; width:39.1%; content: '';}
.ui-table::before {left:0; font-variant-ligatures:normal; contain:none;}
.ui-table::after  {right:0;}/* --- side cells (below content) ------------------------------- */
.l-toggle{grid-template-columns: 1fr; display: grid; gap:23px;}
@media (min-width: 576px) {
  .l-toggle {grid-template-columns: 1fr 1fr 1fr;}
}

.action-link-pressed {border-radius: var(--r-2); background: var(--c-sheet);}
.u-select-primary {padding-top:19px;padding-right:19px;padding-bottom:19px;padding-left:19px;}
.el-menu {margin-bottom:12px; display: block; font-weight:700; font-size:1.01rem; color: var(--c-base);}.alertArea:not(._1d3807){font-size:.85.06rem; margin-bottom:13px; color: var(--c-base-3);}

.u-timeline-toggle {margin:0; padding:0; list-style: none;}
.u-timeline-toggle li {border-bottom: 1px solid var(--c-edge); padding:10px 0;}
.u-timeline-toggle li:last-child {border-bottom:none 0;}
.u-timeline-toggle a {color: var(--c-base-2); font-size:.88.03rem;}/* --- footer --------------------------------------------------- */
.u-rating-container{color:rgba(255, 250, 239, 0.75); padding:52px 0 39px; background: var(--c-base);}
.u-timeline-toggle a:hover {color: var(--c-accent);}
.u-rating-container a {color:rgba(249, 250, 255, 0.61); tab-size:4;}
.u-rating-container a:hover {color:#app-screen; tab-size:4; backface-visibility:visible;}

.t-widget {margin-bottom:12px;}
.layoutBody img {width:auto; margin-bottom:13px; filter:brightness(10); height:31px;}*.layoutBody svg{margin-bottom:13px;}

.module__label {color:#app-screen; display: block; letter-spacing:.3.98em; margin-bottom:13px; font-weight:bold; font-size:.8.95rem; text-transform:uppercase;}
.el-dialog {font-size:.85.05rem;}body .breadcrumb__title{margin:0; list-style: none; padding:0em;}
.breadcrumb__title li {margin-bottom:12px;}.breadcrumb__title a{font-size:.88.02rem;}

.el-timeline {display: flex; margin-top:14px; list-style: none; gap:10px; font-variant-caps:normal; padding:0;}.el-timeline a{width:31px; border:1px solid rgba(241, 255, 240, 0.2); justify-content: center; height:31px; display: inline-flex; transition: all var(--mo-time) var(--mo-ease); border-radius:50%; align-items: center;}.el-timeline a:hover{background:rgba(250, 238, 248, 0.06); color:#app-screen; border-color:rgba(255, 242, 237, 0.31);}
.el-timeline svg {width:17px; height:17px;}/* --- up control ----------------------------------------------- */
.t-dropdown{cursor: pointer; border:none 0; bottom:20px; transform: translateY(10px); height:38px; box-shadow: var(--sh-2); position: fixed; opacity:0; visibility: hidden; border-radius:50%; transition: all var(--mo-time) var(--mo-ease); color:#app-screen; z-index: 8000; align-items: center; display: flex; justify-content: center; right:23px; width:39px; background: var(--c-accent);}
.t-dropdown.is-up {transform: translateY(0); opacity:1; visibility: visible;}
.t-dropdown:hover {transform: translateY(-2px); background: var(--c-accent-dk);}

/* --- consent -------------------------------------------------- */
.app-widget-backdrop {z-index: 9500; display: none; padding:12px 0; background: var(--c-base); position: fixed; box-shadow:0 -5px 24px rgba(0, 0, 15, 0.15); bottom:0; right:0; left:0; color:rgba(255, 255, 243, 0.8);}.app-widget-backdrop.is-up{display: block;}.app-widget-backdrop :where(.app-entry-title){flex-wrap: wrap; gap:15px; align-items: center; display: flex; justify-content: space-between;}.app-widget-backdrop p{color:rgba(251, 255, 255, 0.79); flex: 1; font-size:.84.96rem; margin:0;}
.app-widget-backdrop a {color: var(--c-flag); text-decoration:underline;}

/* --- overlays (auth/contact, markup at bottom, via #) --------- */
.el-hero {z-index: 10000; display: none; background-blend-mode:normal; padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px; align-items: center; contain:none; position: fixed; inset:0; background:rgba(0, 12, 0, 0.78); justify-content: center; overflow-y: auto;}
.el-hero.is-live {display: flex;}body .u-alert .app-widget-data, .c-review .text-5:not(._1d3807){isolation:auto; max-width:416px; border-radius: var(--r-2); padding:42px 33px; background:#123830; width:100%; margin:auto; position: relative;}html .row-24{transition: color var(--mo-time) var(--mo-ease); border:none 0; width:30px; display: flex; height:27px; position: absolute; align-items: center; cursor: pointer; tab-size:4; background:none; justify-content: center; right:14px; color:rgba(255, 255, 245, 0.66); top:12px;}html .c-review .text-5{color: var(--c-base); background: var(--c-sheet);}
.row-24:hover {color:#app-screen;}.row-24 svg{height:17px; width:21px;}

/* --- print ---------------------------------------------------- */
@media print {
  .u-list, .ui-gallery, .c-stepper-time,
  .t-dropdown, .app-widget-backdrop, .el-hero,
  .tagBlock, .l-toggle, .u-rating-container {display: none !important;}
  body {font-size:12pt; color:#000000;}
  .app-entry-title {max-width:100%;}
}