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

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

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

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

body {-moz-osx-font-smoothing:grayscale; line-height:1.7; background: var(--c-sheet); color: var(--c-base); -webkit-font-smoothing:antialiased; font-family: var(--ff-text); font-weight:normal;}
a   {transition: color var(--mo-time) var(--mo-ease); color: var(--c-accent); text-decoration:none;}

img {max-width:100%; height:auto; display: block;}
a:hover {color: var(--c-accent-dk);}

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

p  {color: var(--c-base-2); margin-bottom:0.95rem;}

.t-thread {white-space: nowrap; width:1px; overflow: hidden; font-variant-ligatures:normal; clip:rect(0,0,0,0); padding:0; margin:-1px; position: absolute;}

.t-thread {hyphens:manual; border:0; height:1px;}
.el-skeleton {color: var(--c-base); line-height:1.3; display: block; font-size:1.565rem; font-weight:700;}/* --- faux heading scale (span-based) -------------------------- */
:where(.app-tabs-label){display: block; font-size:1.8rem; font-weight:700; color: var(--c-base); line-height:1.3;}
.app-filter {line-height:1.3; font-weight:bold; font-size:1.145rem; display: block; color: var(--c-base);}
.c-alert {font-weight:bold; font-size:1.395rem; line-height:1.3; display: block; color: var(--c-base);}

/* --- wrap + grid (CSS Grid based) ----------------------------- */
.l-spinner {width:100%; margin:0 auto; padding:0 17px; max-width: var(--wrap-w);}.justify-5:not(._2829b0){gap:34px; font-synthesis:weight style small-caps; display: grid; grid-template-columns: 1fr; background-blend-mode:normal;}.app-sort{gap:22px;}*.box-fill-secondary{gap:41px;}

@media (min-width: 576px) {
  .dialog--default  {orphans:2; grid-template-columns: 1fr 1fr;}.px-16{grid-template-columns: 1fr 1fr 1fr;}
}
@media (min-width: 992px) {.el-counter-region{grid-template-columns: repeat(4, 1fr);}
}html .entry--right{display: flex;}
.el-toggle-number {justify-content: center;}body .app-page{align-items: center;}.layout__track{justify-content: space-between; font-variant-ligatures:normal;}
.text-1   {text-align: center; perspective:none;}
.ui-header   {margin:0 !important;}
.ui-slider    {color:#page-box;}
.el-breadcrumb-overlay {margin-top:47px;}html .t-skeleton-count{margin-bottom:30px;}
.p-24 {margin-top:57px;}
.t-panel  {margin-top:-5px;}
.l-menu {margin-top:-12px; font-synthesis:weight style small-caps;}
.o-toggle {margin-right:24px;}
.app-carousel-meta  {font-size:12px;}*.o-dropdown{display: inline-block;}body .o-chip{padding-bottom:99px;}
.l-card {background: var(--c-sheet-2);}/* --- header bar ----------------------------------------------- */
.rating-trigger-focused{display: flex; transition: transform var(--mo-time) var(--mo-ease), box-shadow var(--mo-time) var(--mo-ease); top:0; position: fixed; right:0; border-bottom: 1px solid var(--c-edge); background: var(--c-sheet); left:0; height: var(--bar-h); z-index: 9000; align-items: center;}/* --- progress strip ------------------------------------------- */
.c-entry-prefix{widows:2; transition:width 58ms linear; height:3px; position: fixed; background: linear-gradient(90deg, var(--c-accent), var(--c-flag)); top:0; z-index: 10000; left:0; width:0;}
.rating-trigger-focused.is-gone  {transform: translateY(-100%);}.is-stuck.rating-trigger-focused{box-shadow: var(--sh-1);}

.rating-trigger-focused .l-spinner {justify-content: space-between; align-items: center; display: flex;}

.l-alert img {width:auto; height:27px;}.l-alert svg{display: block; mix-blend-mode:normal;}

.popover-thumb-full {align-items: center; display: none;}
@media (min-width: 992px) {body .popover-thumb-full{display: flex;}
}
.step-cap {margin-left:auto;}

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

.select {position: relative;}

.table__detail--bottom {transition: color var(--mo-time) var(--mo-ease), background var(--mo-time) var(--mo-ease); font-size:.8.94rem; padding:9px 11px; align-items: center; color: var(--c-base-2);}

.table__detail--bottom {border-radius: var(--r-1); display: inline-flex; font-weight:medium; justify-content: center;}
.table__detail--bottom:hover {color: var(--c-accent); background: var(--c-sheet-3); print-color-adjust:economy; font-variant-ligatures:normal;}*.table__detail--bottom svg{isolation:auto; height:20px; width:17px; font-variant-ligatures:normal;}

.c-accordion {flex-direction: column; padding:0; border:0; width:24px; height:28px; gap:6px; justify-content: center; background:none; display: flex; cursor: pointer;}
.c-accordion span {height:2px; transition: var(--mo-time) var(--mo-ease); border-radius:2px; background: var(--c-base); width:100%; display: block;}
@media (min-width: 992px) {.c-accordion{widows:2; display: none; image-rendering:auto;}
}

/* --- slide-over menu ------------------------------------------ */
.ui-grid {display: none; flex-direction: column; background:rgba(0, 14, 0, 0.85); z-index: 9999; justify-content: center; position: fixed; align-items: center; inset:0;}
.ui-grid.is-on {display: flex;}
.ui-grid .c-accordion span {background:#page-box;}
.ui-grid .c-accordion {right:24px; position: absolute; top:22px;}body .ui-grid .o-slider{flex-direction: column; gap:24px;}
.ui-grid .o-slider a {font-size:1.07rem; color:#page-box;}
.ui-grid .o-slider a:hover {color: var(--c-flag);}

/* --- crumb ---------------------------------------------------- */
.ui-panel {padding: calc(var(--bar-h) + 20px) 0 16px; font-size:.84.98rem; color: var(--c-base-3);}
.ui-panel a {text-underline-offset:auto; color: var(--c-base-3); perspective:none;}
.ui-panel a:hover {color: var(--c-accent); backface-visibility:visible;}.breadcrumb--dense:not(._2829b0){margin:0 8px;}

/* --- card base ------------------------------------------------ */
.box__dot {background: var(--c-sheet); border-radius: var(--r-2);}
.c-avatar {border: 1px solid var(--c-edge); box-shadow: var(--sh-1);}
.el-tag {background-blend-mode:normal; padding-top:30px; font-variant-caps:normal;}
.t-stepper {background: var(--c-edge); height:1px; margin:0;}
.u-nav {image-rendering:auto; padding:16px 21px; backface-visibility:visible;}

/* --- article (kept at top, full priority) --------------------- */
.u-table {overflow: hidden;}
.t-header-zone {page-break-inside:auto; padding:22px 27px; isolation:auto;}
@media (max-width: 767px) {
  .t-header-zone {padding:15px 13px;}
}
.o-search {font-size:1.71rem; margin-bottom:16px;}.l-banner-link:not(._2829b0){gap:18px; display: flex; font-size:.82rem; flex-wrap: wrap; color: var(--c-base-3);}body .l-banner-link span{display: inline-flex; gap:9px; align-items: center;}
.l-banner-link svg {transform-style:flat; opacity:0.55;}

.app-widget {line-height:1.85; font-size:1.02rem; color: var(--c-base-2);}.app-widget h2, body .app-widget h3, body .app-widget h4{color: var(--c-base); font-weight:700; line-height:1.3; font-family: var(--ff-disp);}
.app-widget h2 {font-synthesis:weight style small-caps; margin:1.96rem 0 0.97rem; font-size:1.5rem;}
.app-widget h3 {margin:1.73rem 0 .75.04rem; font-size:1.33rem;}*.app-widget h4{font-size:1.18rem; margin:1.48rem 0 .5.95rem;}
.app-widget p  {margin-bottom:1.18rem;}
.app-widget img {border-radius: var(--r-1); margin:1.53rem 0;}
.app-widget ul,
.app-widget ol {margin:0 0 1.14rem 1.54rem;}
.app-widget li {margin-bottom:.4.06rem;}*.app-widget a{color: var(--c-accent); text-decoration:underline; text-underline-offset:2px;}
.app-widget a:hover {color: var(--c-accent-dk);}.t-price-data:not(._2829b0), html .app-widget blockquote{font-style:italic;}.t-price-data:not(._2829b0), html .app-widget blockquote{background: var(--c-sheet-3); border-left: 4px solid var(--c-accent); color: var(--c-base-2); border-radius: 0 var(--r-1) var(--r-1) 0; margin:1.58rem 0; padding:13px 26px;}/* --- contents map --------------------------------------------- */
:where(.c-popover-content){border-top: 1px solid var(--c-edge); hyphens:manual; perspective:none;}
.c-panel-separator {background: var(--c-sheet-3); padding:12px 21px; border-radius: var(--r-1);}
.u-chip-placeholder {display: flex; justify-content: space-between; align-items: center; margin-bottom:10px;}
.ui-comment {font-size:.95.06rem; font-weight:bold;}.widgetCell{cursor: pointer; border:0; padding:0; background:none; color: var(--c-accent); line-height:1;}
.widgetCell svg {width:13px; transition: transform var(--mo-time) var(--mo-ease); display: block; height:18px;}html .ui-tabs-suffix ol{padding-left:1.12rem; margin:0; list-style: decimal;}
.widgetCell.is-shut svg {transform: rotate(-90deg);}
.ui-tabs-suffix li {margin-bottom:2px;}
.ui-tabs-suffix a {font-size:.88.06rem; transition: color var(--mo-time) var(--mo-ease); color: var(--c-base-2);}
.ui-tabs-suffix a:hover {color: var(--c-accent);}

/* --- share ---------------------------------------------------- */
.c-status {flex-wrap: wrap; align-items: center; print-color-adjust:economy;}

/* --- share ---------------------------------------------------- */
.c-status {display: flex; gap:11px;}
.c-slider {display: flex; gap:9px;}
.o-block {display: inline-flex; align-items: center; color: var(--c-base-2); justify-content: center; width:35px; cursor: pointer;}
.o-block {border-radius:50%; height:34px; border: 1px solid var(--c-edge); background: var(--c-sheet); transition: all var(--mo-time) var(--mo-ease);}
.o-block:hover {color: var(--c-accent); border-color: var(--c-accent); background:rgba(22, 96, 233, 0.1);}
.c-section:hover {border-color:#276ef7; color:hsl(208, 75.5%, 50.1%);}
.app-stepper:hover {border-color:hsl(203, 92.5%, 56.8%); color:#1b8fe0;}
.u-box:hover {border-color:#1563ce; color:rgb(0, 85, 186);}

/* --- related -------------------------------------------------- */
.t-layout-track {display: grid; gap:11px; grid-template-columns: 1fr; margin-top:19px;}
@media (min-width: 576px) {
  .t-layout-track {grid-template-columns: 1fr 1fr 1fr;}
}.col-screen{background: var(--c-sheet-3); transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease); padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px; display: block; border-radius: var(--r-1);}
.col-screen:hover {box-shadow: var(--sh-1); background: var(--c-sheet); transform: translateY(-2px);}

/* --- comment / contact heads ---------------------------------- */
.o-counter {display: block; padding:27px 30px 0;}*.avatar__line--even{color: var(--c-base); font-weight:600; font-size:.87.92rem;}/* --- forms ---------------------------------------------------- */
:where(.u-breadcrumb-holder){font-size:.9.02rem; outline:none; border: 1px solid var(--c-edge); width:100%; font-family: var(--ff-text); color: var(--c-base); background: var(--c-sheet); border-radius: var(--r-1); transition: border-color var(--mo-time) var(--mo-ease), box-shadow var(--mo-time) var(--mo-ease); padding:7px 18px;}
.u-breadcrumb-holder:focus {border-color: var(--c-accent); box-shadow:0 0 0 1px rgba(35, 96, 229, 0.12);}
textarea.u-breadcrumb-holder {resize: vertical;}
.o-stepper {background: var(--c-sheet-3); border-color:transparent;}

.el-toggle {border-right:none; border-radius: var(--r-1) 0 0 var(--r-1);}
.o-stepper:focus {border-color: var(--c-accent); background: var(--c-sheet);}
.el-profile {color:#page-box; border-color:rgba(255, 255, 250, 0.17); background:rgba(239, 245, 249, 0.08);}
.el-profile::placeholder {color:rgba(241, 255, 254, 0.57); hyphens:manual;}
.el-profile::placeholder {-moz-tab-size:4;tab-size:4;}body .el-profile:focus{perspective:none; border-color:rgba(239, 255, 246, 0.53); font-variant-ligatures:normal;}

.c-breadcrumb-body {display: flex;}
.c-breadcrumb-body .u-breadcrumb-holder {flex: 1;}
.c-breadcrumb-body .container-accordion {border-radius: 0 var(--r-1) var(--r-1) 0; flex-shrink: 0;}*.breadcrumb-backdrop{margin-bottom:14px;}

/* --- buttons -------------------------------------------------- */
.container-accordion {cursor: pointer; color:#page-box; font-family: var(--ff-text); background: var(--c-accent); padding:7px 25px; justify-content: center; gap:9px; border-radius: var(--r-1); transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease); font-size:.88.04rem; display: inline-flex; border:0 none; align-items: center; font-weight:700;}
.container-accordion:hover {color:#page-box; transform: translateY(-1px); background: var(--c-accent-dk);}
.u-price-body {padding:13px 30px; font-size:.9.01rem;}

.el-popover-info  {padding:16px 14px;}
.c-layout-subtitle {font-size:.84.02rem; padding:10px 15px;}
.el-popover-info .app-comment {width:18px; height:15px;}*.table__action{background:transparent; border: 1px solid var(--c-accent); color: var(--c-accent);}

.clear-2xl {width:100%; display: flex;}
.table__action:hover {background: var(--c-accent); color:#page-box;}

.u-sort {background: var(--c-sheet-3); color: var(--c-base-2);}

.t-rating-wrapper  {background: var(--c-accent);}
.u-sort:hover {color: var(--c-base); background: var(--c-edge);}
.l-media  {background:#89bf4e;}

.paginationMeta {font-size:.7.94rem; color:rgba(239, 254, 247, 0.48); text-align: center; position: relative;}
.l-media:hover {background:rgb(123, 147, 38);}
.paginationMeta::before,
.paginationMeta::after {height:1px; content: ''; position: absolute; top:50%; width:40.3%; background:rgba(255, 247, 255, 0.07);}
.paginationMeta::before {left:0;}

/* --- side cells (below content) ------------------------------- */
.t-view {gap:27px; display: grid; grid-template-columns: 1fr; isolation:auto;}
.paginationMeta::after  {right:0;}
@media (min-width: 576px) {*.t-view{break-inside:auto; grid-template-columns: 1fr 1fr 1fr; page-break-inside:auto;}
}

.filterZone {background: var(--c-sheet); border-radius: var(--r-2);}
.p-start {transform-style:flat; font-weight:bold; color: var(--c-base); margin-bottom:7px;}body .el-gallery-spacer{padding:26px; break-inside:auto;}
.p-start {font-size:0.96rem; display: block;}
.border-16 {color: var(--c-base-3); margin-bottom:11px; font-size:.85.02rem;}

.layout-icon {margin:0; list-style: none; padding:0;}
.layout-icon li {border-bottom: 1px solid var(--c-edge); padding:7px 0;}
.layout-icon li:last-child {border-bottom:none;}*.layout-icon a{color: var(--c-base-2); font-size:.88rem;}
.layout-icon a:hover {color: var(--c-accent);}

/* --- footer --------------------------------------------------- */
.avatar-info {padding:51px 0 41px; color:rgba(252, 255, 255, 0.63); text-underline-offset:auto; background: var(--c-base);}
.avatar-info a {color:rgba(255, 255, 255, 0.66);}html .t-footer-summary{margin-bottom:14px;}
.avatar-info a:hover {color:#page-box; perspective:none; mix-blend-mode:normal;}.leading-xs img{height:31px; margin-bottom:15px; filter:brightness(10);}.leading-xs img{width:auto;}html .leading-xs svg{margin-bottom:17px;}
.screenSubtitle {font-size:.85.01rem;}
.ui-carousel {list-style: none; margin:0; padding:0;}

.el-panel {font-size:.9.03rem; display: block; text-transform:uppercase; margin-bottom:15px; color:#page-box; font-weight:bold; letter-spacing:.4.04em;}
.ui-carousel li {margin-bottom:10px;}
.ui-carousel a {font-size:.88.04rem;}

.t-profile {gap:11px; list-style: none; margin-top:13px; padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem; display: flex;}
.t-profile a {align-items: center; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; height:35px; transition: all var(--mo-time) var(--mo-ease); justify-content: center; display: inline-flex; border:1px solid rgba(238, 238, 251, 0.15); width:37px;}
.t-profile a:hover {color:#page-box; background:rgba(243, 254, 255, 0.07); border-color:rgba(255, 255, 239, 0.23);}
.t-profile svg {page-break-inside:auto; height:17px;}

/* --- up control ----------------------------------------------- */
.o-tooltip-icon {justify-content: center; transition: all var(--mo-time) var(--mo-ease); right:26px; transform: translateY(10px); border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; display: flex; background: var(--c-accent); z-index: 8000; bottom:22px; border:0 none; height:42px; color:#page-box; visibility: hidden; align-items: center; cursor: pointer; box-shadow: var(--sh-2); width:41px; opacity:0; transform-style:flat; position: fixed;}
.t-profile svg {width:15px;}
.o-tooltip-icon.is-up {visibility: visible; transform: translateY(0); opacity:1;}html .o-tooltip-icon:hover{transform: translateY(-2px); background: var(--c-accent-dk);}

/* --- consent -------------------------------------------------- */
.ui-reply {padding:19px 0; z-index: 9500; color:rgba(250, 248, 255, 0.83); left:0; box-shadow:0 -4px 19px rgba(12, 1, 0, 0.17); display: none; position: fixed; right:0; bottom:0; background: var(--c-base);}
.ui-reply.is-up {display: block; font-variant-caps:normal; shape-margin:0;}.ui-reply .l-spinner{flex-wrap: wrap; align-items: center; display: flex; gap:13px; justify-content: space-between;}
.ui-reply p {flex: 1; font-size:.85.01rem; margin:0; perspective:none; color:rgba(241, 255, 255, 0.92);}html .ui-reply a{text-decoration:underline; color: var(--c-flag);}

/* --- overlays (auth/contact, markup at bottom, via #) --------- */
.spinner--odd {padding:12px; overflow-y: auto; align-items: center; position: fixed; contain:none; background:rgba(6, 8, 0, 0.81); justify-content: center; inset:0;}

/* --- overlays (auth/contact, markup at bottom, via #) --------- */
.spinner--odd {z-index: 10000; display: none;}body .spinner--odd.is-live{display: flex;}

.ui-drawer .u-header,
.gap-sm .box__dot {margin:auto; page-break-inside:auto; width:100%; background:#271a48; border-radius: var(--r-2); max-width:418px; padding:42px 29px; position: relative;}

.pt-5 {height:33px; width:30px;}
.gap-sm .box__dot {background: var(--c-sheet); color: var(--c-base);}

.pt-5 {background:none; align-items: center; display: flex; border:0 none; cursor: pointer; color:rgba(255, 254, 255, 0.54); justify-content: center; top:16px; transition: color var(--mo-time) var(--mo-ease); position: absolute; right:15px;}.pt-5:hover{color:#page-box;}
.pt-5 svg {height:22px; width:20px;}

/* --- print ---------------------------------------------------- */
@media print {body .rating-trigger-focused, *.ui-grid, .c-entry-prefix, *.o-tooltip-icon, .ui-reply:not(._2829b0), .spinner--odd:not(._2829b0), body .c-status, .t-view:not(._2829b0), body .avatar-info{backface-visibility:visible; font-synthesis:weight style small-caps; display: none !important;}
  body {orphans:2; color:#000e08; font-size:12pt;}
  .l-spinner {max-width:100%;}
}