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

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

/* --- reset ---------------------------------------------------- */
*, *::before, *::after {margin:0; box-sizing: border-box; padding:0;}html{scroll-behavior: smooth; text-underline-offset:auto; -webkit-text-size-adjust:100%; font-size:18px;}

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

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

/* the only real heading on the page is the article H1 */
h1 {color: var(--c-base); line-height:1.3; font-weight:700; font-size:1.8rem; font-family: var(--ff-disp);}*.entryText{white-space: nowrap; margin:-1px; height:1px; width:1px; padding:0; overflow: hidden; clip:rect(0,0,0,0); border:0 none; position: absolute;}

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

/* --- faux heading scale (span-based) -------------------------- */
.replyNumber {line-height:1.3; display: block; color: var(--c-base); font-weight:700; font-size:1.7rem;}
.leading-auto {line-height:1.3; font-size:1.705rem; color: var(--c-base); display: block; font-weight:bold;}
.toolbarDot {line-height:1.3; color: var(--c-base); font-size:1.335rem; display: block;}
.toolbarDot {font-weight:bold;}.u-reply-primary{font-weight:bold; display: block; color: var(--c-base); line-height:1.3; font-size:1.045rem;}/* --- wrap + grid (CSS Grid based) ----------------------------- */
:where(.progressHandle){width:100%; padding:0 14px; margin:0 auto; max-width: var(--wrap-w);}

.entryRow {grid-template-columns: 1fr; display: grid; gap:28px;}
.drawerImage  {gap:41px;}
.app-badge-count {gap:24px; contain:none;}

@media (min-width: 576px) {body .listBackdrop{grid-template-columns: 1fr 1fr;}.layoutExpand{print-color-adjust:economy; grid-template-columns: 1fr 1fr 1fr; contain:none;}
}
@media (min-width: 992px) {
  .reviewContainer {grid-template-columns: repeat(4, 1fr);}
}*.replyBlock{display: flex;}html .menuBody{align-items: center;}
.moduleBackdrop  {justify-content: space-between; contain:none; shape-margin:0;}html .menu__date{justify-content: center;}
.drawerNumber   {text-align: center;}*.gridContainer{color:#page-thread;}
.blockGroup   {margin:0 !important;}
.alertExpand {margin-bottom:26px;}
.paginationExtra {margin-top:47px;}*.modalExpand{margin-top:52px;}.bannerInner{margin-top:0px;}
.counterAddon {widows:2; will-change:auto; margin-top:-9px;}body .paginationWrap{font-size:11px;}
.filterItem {margin-right:22px;}
.actionData{padding-bottom:96px;}
.carouselHolder   {display: inline-block; transform-style:flat; word-spacing:normal;}
.comment__prefix {background: var(--c-sheet-2);}

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

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

.commentPreview .progressHandle {display: flex; justify-content: space-between; align-items: center;}

.headerHandle img {width:auto; height:34px;}
.headerHandle svg {display: block;}

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

.c-divider-prefix {align-items: center; gap:7px;}

.c-divider-prefix {list-style: none; margin:0; display: flex; padding:0;}

.c-dialog {position: relative;}
.widgetPreview {margin-left:auto; break-inside:auto;}

.snackbarValue {transition: color var(--mo-time) var(--mo-ease), background var(--mo-time) var(--mo-ease); display: inline-flex; color: var(--c-base-2); align-items: center; justify-content: center; padding:12px 12px; font-weight:500; border-radius: var(--r-1); font-size:.8.95rem;}
.snackbarValue:hover {color: var(--c-accent); background: var(--c-sheet-3);}*.snackbarValue svg{height:23px; width:24px;}

.u-select {cursor: pointer; background:none; display: flex; justify-content: center; flex-direction: column; height:29px; gap:3px; border:0 none; width:27px; padding:0;}
.u-select span {width:100%; transition: var(--mo-time) var(--mo-ease); display: block; border-radius:2px; background: var(--c-base); height:2px;}
@media (min-width: 992px) {
  .u-select {display: none;}
}/* --- slide-over menu ------------------------------------------ */
:where(.accordionDot){display: none; flex-direction: column; justify-content: center; background:rgba(15, 7, 0, 0.96); align-items: center; inset:0; z-index: 9999; position: fixed;}
.accordionDot.is-on {display: flex;}body .accordionDot .u-select span{background:#page-thread;}
.accordionDot .u-select {right:22px; text-underline-offset:auto; print-color-adjust:economy; top:20px; position: absolute;}body .accordionDot .c-divider-prefix{gap:24px; flex-direction: column;}.accordionDot .c-divider-prefix a{font-size:1.08rem; color:#page-thread;}
.accordionDot .c-divider-prefix a:hover {color: var(--c-flag);}/* --- crumb ---------------------------------------------------- */
:where(.tooltipExtra){padding: calc(var(--bar-h) + 20px) 0 16px; font-size:.85.04rem; color: var(--c-base-3);}
.tooltipExtra a {text-rendering:auto; color: var(--c-base-3);}
.tooltipExtra a:hover {color: var(--c-accent);}
.sidebarWrapper {margin:0 8px;}/* --- card base ------------------------------------------------ */
.sortButton{background: var(--c-sheet); border-radius: var(--r-2);}
.position-8 {box-shadow: var(--sh-1); border: 1px solid var(--c-edge);}
.paginationArea {padding-top:26px;}
.u-review {padding:20px 21px;}
.navItem {margin:0; height:1px; word-spacing:normal; perspective:none; background: var(--c-edge);}/* --- article (kept at top, full priority) --------------------- */
.carouselItem{overflow: hidden;}.snackbarSummary{padding:27px 27px;}
@media (max-width: 767px) {*.snackbarSummary{padding:20px 14px; mix-blend-mode:normal;}
}

.spinnerValue {flex-wrap: wrap; font-size:.82.04rem;}.ui-step:not(._187003){font-size:1.75rem; margin-bottom:11px;}

.spinnerValue {display: flex; color: var(--c-base-3); gap:20px;}
.spinnerValue span {gap:6px; image-rendering:auto; display: inline-flex; align-items: center;}*.spinnerValue svg{opacity:0.56;}

.visible-xs {font-size:1.06rem; line-height:1.85; color: var(--c-base-2);}
.visible-xs h2, .visible-xs h3, .visible-xs h4 {color: var(--c-base); font-weight:700; font-family: var(--ff-disp); line-height:1.3;}body .visible-xs h2{margin:2.06rem 0 1.03rem;}body .visible-xs h2{font-size:1.48rem; shape-margin:0;}body .visible-xs h3{font-size:1.24rem; margin:1.69rem 0 .75.04rem; widows:2; text-underline-offset:auto;}
.visible-xs h4 {font-size:1.16rem; margin:1.47rem 0 .6.08rem;}html .visible-xs p{margin-bottom:1.19rem;}
.visible-xs img {font-variant-ligatures:normal; widows:2; margin:1.49rem 0; border-radius: var(--r-1);}
.visible-xs ul,
.visible-xs ol {margin:0 0 1.27rem 1.52rem;}
.visible-xs li {margin-bottom:.4.02rem;}
.visible-xs a {text-underline-offset:2px; text-decoration:underline; color: var(--c-accent);}html .visible-xs a:hover{color: var(--c-accent-dk);}

.gridOuter,
.visible-xs blockquote {color: var(--c-base-2); border-radius: 0 var(--r-1) var(--r-1) 0; border-left: 4px solid var(--c-accent); font-style:italic; background: var(--c-sheet-3); margin:1.58rem 0; padding:15px 27px;}

/* --- contents map --------------------------------------------- */
.mediaWrapper {border-top: 1px solid var(--c-edge); font-synthesis:weight style small-caps;}
.section-handle-loading {print-color-adjust:economy; margin-bottom:10px; display: flex; contain:none; justify-content: space-between; align-items: center;}
.footerHandle {background: var(--c-sheet-3); padding:16px 20px; border-radius: var(--r-1);}
.c-comment-item {line-height:1; page-break-inside:auto; border:0; hyphens:manual; color: var(--c-accent); background:none; cursor: pointer; padding:0;}
.alertDot {font-weight:700; font-size:.95.01rem;}
.c-comment-item svg {transition: transform var(--mo-time) var(--mo-ease); height:16px; display: block; width:18px;}
.c-comment-item.is-shut svg {transform: rotate(-90deg);}.font-5 ol{margin:0; padding-left:1.27rem; list-style: decimal;}
.font-5 li {margin-bottom:10px;}
.font-5 a {transition: color var(--mo-time) var(--mo-ease); color: var(--c-base-2); font-size:.87.94rem;}
.font-5 a:hover {color: var(--c-accent);}/* --- share ---------------------------------------------------- */
.banner-image:not(._187003){flex-wrap: wrap; display: flex; gap:18px; align-items: center;}
.gallery--secondary {gap:7px; display: flex;}
.tag-secondary {transition: all var(--mo-time) var(--mo-ease); justify-content: center; display: inline-flex; height:32px; width:32px; transform-style:flat; background: var(--c-sheet); color: var(--c-base-2); border: 1px solid var(--c-edge); cursor: pointer; align-items: center; font-synthesis:weight style small-caps; border-radius:50%;}body .tag-secondary:hover{background:rgba(53, 105, 226, 0.13); border-color: var(--c-accent); color: var(--c-accent);}html .tabsData:hover{border-color:hsl(199, 92.5%, 49.4%); color:#159bff;}
.panelSuffix:hover {color:#2768f1; border-color:rgb(34, 130, 237);}.slider__backdrop:hover{border-color:#0073c5; color:#015cc5; shape-margin:0;}

/* --- related -------------------------------------------------- */
.paginationDetail {margin-top:16px; grid-template-columns: 1fr; gap:15px; display: grid;}
@media (min-width: 576px) {
  .paginationDetail {grid-template-columns: 1fr 1fr 1fr;}
}.t-breadcrumb-action{transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease); display: block; padding:17px; background: var(--c-sheet-3); border-radius: var(--r-1);}
.t-breadcrumb-action:hover {transform: translateY(-2px); background: var(--c-sheet); box-shadow: var(--sh-1); contain:none; background-blend-mode:normal;}
.skeletonHandle {font-size:.88.08rem; font-weight:600; color: var(--c-base);}

/* --- forms ---------------------------------------------------- */
.entryTrigger {font-family: var(--ff-text); border: 1px solid var(--c-edge); transition: border-color var(--mo-time) var(--mo-ease), box-shadow var(--mo-time) var(--mo-ease); background: var(--c-sheet); border-radius: var(--r-1); padding:10px 18px; color: var(--c-base); outline:none; font-size:.8.97rem; width:100%;}/* --- comment / contact heads ---------------------------------- */
.menuOuter{backface-visibility:visible; display: block; padding:28px 30px 0;}.entryTrigger:focus{box-shadow:0 0 0 7px rgba(37, 82, 219, 0.13); border-color: var(--c-accent);}textarea.entryTrigger:not(._187003){resize: vertical;}.dialogSection{border-right:none 0; border-radius: var(--r-1) 0 0 var(--r-1);}*.widgetRow{border-color:transparent; background: var(--c-sheet-3);}
.widgetRow:focus {border-color: var(--c-accent); page-break-inside:auto; orphans:2; background: var(--c-sheet);}
.sliderDot {border-color:rgba(255, 247, 255, 0.13); background:rgba(247, 255, 245, 0.18); color:#page-thread;}
.sliderDot::placeholder {color:rgba(255, 255, 255, 0.43);}.sliderDot:focus{widows:2; border-color:rgba(241, 253, 255, 0.45);}

.commentArea {display: flex;}
.commentArea .entryTrigger {flex: 1;}body .commentArea .counterCount{border-radius: 0 var(--r-1) var(--r-1) 0; flex-shrink: 0;}*.ratingAddon{margin-bottom:20px;}

/* --- buttons -------------------------------------------------- */
.counterCount {transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease); font-size:.87.93rem; padding:9px 26px; font-weight:700; border-radius: var(--r-1); gap:5px; border:0 none; cursor: pointer; text-decoration-skip-ink:auto; color:#page-thread; justify-content: center; font-family: var(--ff-text); display: inline-flex; will-change:auto; background: var(--c-accent); align-items: center;}html .counterCount:hover{background: var(--c-accent-dk); color:#page-thread; transform: translateY(-1px);}
.actionMeta {padding:9px 25px; font-size:.8.94rem;}
.modalHolder {padding:5px 14px; font-size:.84.07rem;}

.list__meta--pressed  {padding:15px 16px;}
.list__meta--pressed .footerSeparator {height:17px; width:14px;}

.galleryDot {display: flex; tab-size:4; hyphens:manual; width:100%;}

.o-grid {background:transparent; color: var(--c-accent); border: 1px solid var(--c-accent);}
.o-grid:hover {color:#page-thread; background: var(--c-accent);}

.sidebarLink {color: var(--c-base-2); background: var(--c-sheet-3); tab-size:4; widows:2;}
.sidebarLink:hover {color: var(--c-base); background: var(--c-edge);}

.toggleSuffix  {background: var(--c-accent);}
.layoutAction  {background:#8aa340;}
.layoutAction:hover {background:hsl(73, 52.1%, 37.9%);}

.backdrop-snackbar {color:rgba(255, 255, 255, 0.57); position: relative; text-align: center; font-size:.8rem;}.backdrop-snackbar::before, .backdrop-snackbar::after{content: ''; width:39.6%; background:rgba(255, 255, 250, 0.23); position: absolute; height:1px; top:50%;}
.backdrop-snackbar::before {left:0;}
.backdrop-snackbar::after  {word-spacing:normal; mix-blend-mode:normal; right:0;}

/* --- side cells (below content) ------------------------------- */
.screenDot {display: grid; gap:26px; grid-template-columns: 1fr;}
@media (min-width: 576px) {html .screenDot{grid-template-columns: 1fr 1fr 1fr;}
}*.price{border-radius: var(--r-2); orphans:2; tab-size:4; background: var(--c-sheet);}
.sliderNumber {padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;}html .searchItem{display: block; margin-bottom:11px; font-size:0.97rem; color: var(--c-base); font-weight:bold;}.module{margin:0; padding:0; list-style: none;}
.ratingLabel {font-size:.85.06rem; margin-bottom:12px; color: var(--c-base-3);}
.module li {border-bottom: 1px solid var(--c-edge); text-underline-offset:auto; padding:9px 0;}
.module li:last-child {border-bottom:none;}
.module a {color: var(--c-base-2); font-size:.88.05rem;}.module a:hover{color: var(--c-accent);}

/* --- footer --------------------------------------------------- */
.progress__slot--light {color:rgba(255, 242, 246, 0.74); padding:52px 0 43px; background: var(--c-base);}
.progress__slot--light a {color:rgba(246, 255, 255, 0.64);}
.progress__slot--light a:hover {color:#page-thread;}

.tooltipRegion {margin-bottom:9px; background-blend-mode:normal;}
.progressOuter img {margin-bottom:16px; width:auto; filter:brightness(10); height:30px;}
.py-8 {text-underline-offset:auto; font-size:.84.96rem;}
.progressOuter svg {margin-bottom:15px;}.tagGroup{font-size:.8.98rem; text-transform:uppercase; font-weight:700; display: block; letter-spacing:.3.97em; color:#page-thread; margin-bottom:12px;}
.reviewLabel {margin:0; list-style: none; padding:0;}
.reviewLabel li {margin-bottom:14px;}

.l-badge {display: flex; list-style: none; margin-top:12px; gap:11px; padding:0;}
.reviewLabel a {font-size:.88.03rem;}.l-badge a{border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-right-radius:50%; border-bottom-left-radius:50%; border:1px solid rgba(237, 255, 255, 0.23); display: inline-flex; height:38px; align-items: center; width:38px; transition: all var(--mo-time) var(--mo-ease);}.l-badge a{justify-content: center;}
.l-badge a:hover {perspective:none; color:#page-thread; text-decoration-skip-ink:auto; background:rgba(255, 240, 248, 0.13); border-color:rgba(255, 249, 247, 0.35);}
.l-badge svg {height:13px; text-rendering:auto;}

/* --- up control ----------------------------------------------- */
.boxImage {background: var(--c-accent); border:0; box-shadow: var(--sh-2); right:26px; position: fixed; transform: translateY(10px); justify-content: center; border-radius:50%; color:#page-thread; width:46px; display: flex; height:41px; z-index: 8000; cursor: pointer; transition: all var(--mo-time) var(--mo-ease); visibility: hidden; align-items: center; bottom:25px; opacity:0;}
.l-badge svg {width:18px;}
.boxImage.is-up {opacity:1; visibility: visible; transform: translateY(0);}body .boxImage:hover{transform: translateY(-2px); background: var(--c-accent-dk);}

/* --- consent -------------------------------------------------- */
.dividerIcon {display: none; z-index: 9500; background: var(--c-base); color:rgba(238, 244, 255, 0.93); bottom:0; left:0; right:0; box-shadow:0 -5px 20px rgba(0, 9, 6, 0.07); position: fixed; padding:17px 0;}
.dividerIcon.is-up {display: block;}
.dividerIcon .progressHandle {align-items: center; gap:12px; justify-content: space-between; display: flex; flex-wrap: wrap;}
.dividerIcon p {flex: 1; font-size:.85.01rem;}
.dividerIcon p {margin:0; color:rgba(247, 255, 255, 0.78);}
.dividerIcon a {text-decoration:underline; color: var(--c-flag);}

/* --- overlays (auth/contact, markup at bottom, via #) --------- */
.sidebarData {position: fixed; z-index: 10000; inset:0; justify-content: center; display: none; background:rgba(0, 0, 4, 0.79); overflow-y: auto; padding:15px; align-items: center;}

.tableMeta .carouselThumb,
.c-layout .sortButton {position: relative; background:#111730; width:100%; border-radius: var(--r-2); max-width:416px; padding:43px 36px; margin:auto;}body .sidebarData.is-live{display: flex;}
.c-layout .sortButton {color: var(--c-base); background: var(--c-sheet);}.tag--expanded{border:0; position: absolute; width:33px; transition: color var(--mo-time) var(--mo-ease); justify-content: center; display: flex; cursor: pointer; color:rgba(255, 255, 255, 0.68); right:15px; height:31px; align-items: center; background:none; top:11px;}html .tag--expanded:hover{color:#page-thread;}
.tag--expanded svg {width:15px; hyphens:manual; height:19px;}body{color:#080000; font-size:12pt;}

/* --- print ---------------------------------------------------- */
@media print {
  .commentPreview, .accordionDot, .footer-holder,
  .boxImage, .dividerIcon, .sidebarData,
  .banner-image, .screenDot, .progress__slot--light {display: none !important;}
  .progressHandle {max-width:100%; will-change:auto;}
}