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

/* --- tokens --------------------------------------------------- */
:root {--c-flag:        #app-section; --sh-2:    0 4px 12px rgba(0,0,0,.08); --wrap-w:  1140px; --r-2:     12px; --c-flag-dk:     #site-sidebar; --sh-3:    0 10px 30px rgba(0,0,0,.1); --ff-disp: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --ff-text: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --c-base-3:      #94a3b8; --c-sheet-2:     #input-accordion; --sh-1:    0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04); --mo-ease: cubic-bezier(.4,0,.2,1); --bar-h:   64px; --c-base-2:      #475569; --mo-time: .25s; --c-sheet:       #toolbar-backdrop; --r-1:     8px; --c-sheet-3:     #form_date; --c-accent-dk:   #1d4ed8; --c-edge:        #card-preview; --c-base:        #1e293b; --c-accent:      #2563eb;}/* --- reset ---------------------------------------------------- */
*, *::before, *::after{margin:0; box-sizing: border-box; padding:0;}html{-moz-text-size-adjust:100%;scroll-behavior: smooth; font-size:20px; -webkit-text-size-adjust:100%;}

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

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

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

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

.carousel-time-loading {padding:0; height:1px; overflow: hidden; width:1px; clip:rect(0,0,0,0); position: absolute; white-space: nowrap; border:none; margin:-1px;}

/* --- faux heading scale (span-based) -------------------------- */
.timelineOverlay {font-size:1.73rem; display: block; font-weight:700; color: var(--c-base); line-height:1.3;}*.widget-fixed{display: block; contain:none; color: var(--c-base); line-height:1.3; font-size:1.355rem; font-weight:700;}
.box-handle {font-size:1.635rem; color: var(--c-base); font-weight:700; display: block; line-height:1.3;}html .c-pagination-secondary{display: block; font-size:1.045rem; font-weight:700; color: var(--c-base); line-height:1.3;}

/* --- wrap + grid (CSS Grid based) ----------------------------- */
.c-widget-label {max-width: var(--wrap-w); width:100%; margin:0 auto; padding:0 14px; background-blend-mode:normal;}.post-summary{orphans:2; grid-template-columns: 1fr; gap:30px; display: grid; perspective:none;}body .separator-accordion{isolation:auto; gap:22px;}
.section--narrow  {gap:37px;}

@media (min-width: 576px) {
  .tertiary-carousel  {grid-template-columns: 1fr 1fr;}
  .view-number {grid-template-columns: 1fr 1fr 1fr;}
}
@media (min-width: 992px) {.gridToggle{grid-template-columns: repeat(4, 1fr);}
}

.searchPrefix        {display: flex;}
.select-secondary    {align-items: center;}
.modulePrefix {justify-content: center;}html .c-block-column{text-rendering:auto; justify-content: space-between; text-decoration-skip-ink:auto;}
.thread-cap-small   {text-align: center; font-synthesis:weight style small-caps;}
.view-muted    {color:#heroItem;}
.timeline-cap-right   {margin:0 !important;}
.reply-area {margin-bottom:32px; contain:none;}
.c-feature-zone {margin-top:49px;}
.paginationHolder {margin-top:55px;}
.feature--selected  {margin-top:1px;}
.el-profile-icon {margin-right:17px;}
.dropdown-center {margin-top:-12px;}.label-profile{font-size:16px;}html .c-sort-wrap{padding-bottom:101px;}body .hero-sticky{display: inline-block;}
.data-spinner {background: var(--c-sheet-2);}/* --- progress strip ------------------------------------------- */
.c-gallery-extra{transition:width 26ms linear; width:0;}/* --- progress strip ------------------------------------------- */
.c-gallery-extra{top:0; background: linear-gradient(90deg, var(--c-accent), var(--c-flag)); z-index: 10000; position: fixed; height:0px; left:0;}/* --- header bar ----------------------------------------------- */
.view-expand-full:not(._c52447){right:0; left:0; height: var(--bar-h); align-items: center; background: var(--c-sheet); position: fixed; display: flex; border-bottom: 1px solid var(--c-edge); top:0; transition: transform var(--mo-time) var(--mo-ease), box-shadow var(--mo-time) var(--mo-ease); z-index: 9000;}html .view-expand-full.is-gone{transform: translateY(-100%);}
.view-expand-full.is-stuck {box-shadow: var(--sh-1);}html .view-expand-full .c-widget-label{align-items: center; display: flex; justify-content: space-between;}

.input-form img {width:auto; height:31px;}.input-form svg{display: block; font-variant-caps:normal;}

.search__close--right {display: none; transform-style:flat; align-items: center; word-spacing:normal;}
@media (min-width: 992px) {
  .search__close--right {display: flex;}
}
.form-track {margin-left:auto;}

.chip-large {align-items: center; padding:0; display: flex; margin:0; gap:6px; list-style: none;}

.subtitle-screen {backface-visibility:visible; position: relative;}

.banner-area {align-items: center; color: var(--c-base-2); border-radius: var(--r-1); justify-content: center; padding:8px 18px; font-weight:medium; font-size:.8.96rem; display: inline-flex; transition: color var(--mo-time) var(--mo-ease), background var(--mo-time) var(--mo-ease);}
.banner-area:hover {color: var(--c-accent); background: var(--c-sheet-3); mix-blend-mode:normal;}

.menu-secondary {gap:6px; justify-content: center; background:none; border:none 0; width:31px; flex-direction: column; cursor: pointer; padding:0; height:30px; display: flex;}*.banner-area svg{height:20px; width:19px;}
.menu-secondary span {height:2px; transition: var(--mo-time) var(--mo-ease); border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; background: var(--c-base); display: block; width:100%;}
@media (min-width: 992px) {
  .menu-secondary {display: none;}
}

/* --- slide-over menu ------------------------------------------ */
.moduleWrapper {flex-direction: column; justify-content: center; display: none; z-index: 9999; position: fixed; align-items: center; inset:0; background:rgba(0, 0, 17, 0.9);}
.moduleWrapper.is-on {display: flex;}.moduleWrapper .menu-secondary span{background:#heroItem;}
.moduleWrapper .menu-secondary {top:23px; position: absolute;}
.moduleWrapper .menu-secondary {right:23px;}
.moduleWrapper .chip-large {font-synthesis:weight style small-caps; gap:20px; flex-direction: column;}
.moduleWrapper .chip-large a {color:#heroItem; font-size:1.06rem;}
.moduleWrapper .chip-large a:hover {color: var(--c-flag);}

/* --- crumb ---------------------------------------------------- */
.review-button {font-size:.85.04rem; padding: calc(var(--bar-h) + 20px) 0 16px; color: var(--c-base-3);}
.review-button a {color: var(--c-base-3);}
.review-button a:hover {color: var(--c-accent);}
.tag-placeholder-left {margin:0 6px;}

/* --- card base ------------------------------------------------ */
.modal-fixed {border-radius: var(--r-2); background: var(--c-sheet);}
.footer-content {box-shadow: var(--sh-1); border: 1px solid var(--c-edge);}
.pb-20 {padding-top:28px;}
.modal-expand-flat {padding:21px 28px;}
.wrap-counter {background: var(--c-edge); height:1px; margin:0;}

/* --- article (kept at top, full priority) --------------------- */
.c-gallery-action {overflow: hidden;}.box-wrap-vertical{padding:28px 28px;}
@media (max-width: 767px) {
  .box-wrap-vertical {padding:18px 15px;}
}

.menu-success {font-size:.81.99rem; gap:15px; color: var(--c-base-3); word-spacing:normal; display: flex; flex-wrap: wrap;}
.avatar--first {font-size:1.83rem; margin-bottom:13px;}html .menu-success span{align-items: center; display: inline-flex; gap:6px;}

.nav-right {contain:none; line-height:1.85; color: var(--c-base-2); font-size:1rem; widows:2;}
.menu-success svg {opacity:0.53;}
.nav-right h2, .nav-right h3, .nav-right h4 {line-height:1.3; font-weight:700; color: var(--c-base); font-family: var(--ff-disp);}
.nav-right h2 {font-size:1.49rem; margin:1.96rem 0 0.96rem;}
.nav-right h3 {font-size:1.3rem; margin:1.74rem 0 .75.03rem;}
.nav-right h4 {margin:1.5rem 0 .6.02rem; font-size:1.04rem;}.nav-right p{margin-bottom:1.18rem;}.nav-right img{border-radius: var(--r-1); margin:1.53rem 0;}.nav-right ul, .nav-right ol{margin:0 0 1.26rem 1.44rem;}
.nav-right li {will-change:auto; margin-bottom:.3.92rem;}.nav-right a{text-underline-offset:2px; text-decoration:underline; color: var(--c-accent);}
.nav-right a:hover {color: var(--c-accent-dk);}

.comment-left,
.nav-right blockquote {font-style:italic; color: var(--c-base-2); border-radius: 0 var(--r-1) var(--r-1) 0; background: var(--c-sheet-3); padding:15px 20px; margin:1.53rem 0; border-left: 4px solid var(--c-accent);}

/* --- contents map --------------------------------------------- */
.view__trigger {border-top: 1px solid var(--c-edge);}
.counter-default {border-radius: var(--r-1); padding:14px 24px; background: var(--c-sheet-3);}
.toggleInner {align-items: center; margin-bottom:12px;}
.toggleInner {display: flex; justify-content: space-between;}
.hero-info {cursor: pointer; line-height:1; color: var(--c-accent); background:none; border:0; padding:0;}
.entry-dense {font-weight:700; font-size:.94.95rem;}.hero-info svg{isolation:auto; image-rendering:auto; transition: transform var(--mo-time) var(--mo-ease); display: block; height:15px; width:16px;}
.hero-info.is-shut svg {transform: rotate(-90deg);}.popover-disabled ol{list-style: decimal; mix-blend-mode:normal; margin:0; padding-left:1.16rem; print-color-adjust:economy;}
.popover-disabled li {margin-bottom:2px;}
.popover-disabled a {font-size:.88.06rem; color: var(--c-base-2); transition: color var(--mo-time) var(--mo-ease);}
.popover-disabled a:hover {widows:2; color: var(--c-accent);}/* --- share ---------------------------------------------------- */
.carousel-rounded{gap:11px; flex-wrap: wrap; display: flex; align-items: center;}
.wrapper-gallery {display: flex; gap:11px;}
.footer-large {cursor: pointer; transition: all var(--mo-time) var(--mo-ease); justify-content: center; border: 1px solid var(--c-edge); display: inline-flex; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; background: var(--c-sheet); width:35px; height:36px; align-items: center; color: var(--c-base-2);}
.footer-large:hover {border-color: var(--c-accent); color: var(--c-accent);}
.footer-large:hover {background:rgba(44, 82, 233, 0);}
.c-grid-row:hover {color:#1f98e4; border-color:#21adf3;}
.c-sort-body:hover {border-color:#176dff; color:#2581f8;}
.filter-right:hover {border-color:rgb(15, 96, 173); color:#1276ba;}/* --- related -------------------------------------------------- */
.stepper-horizontal{gap:11px; margin-top:22px; display: grid; grid-template-columns: 1fr;}
@media (min-width: 576px) {
  .stepper-horizontal {grid-template-columns: 1fr 1fr 1fr;}
}
.entry-column {padding:15px; transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease); border-radius: var(--r-1); display: block; background: var(--c-sheet-3);}*.entry-column:hover{background: var(--c-sheet); transform: translateY(-2px); box-shadow: var(--sh-1);}
.timeline-flat {color: var(--c-base); font-size:.87.95rem; font-weight:600;}

/* --- forms ---------------------------------------------------- */
.chip-fill-inverse {outline:none; width:100%; background: var(--c-sheet); padding:10px 17px; font-size:.8.92rem; border-radius: var(--r-1); transition: border-color var(--mo-time) var(--mo-ease), box-shadow var(--mo-time) var(--mo-ease); color: var(--c-base); font-family: var(--ff-text); border: 1px solid var(--c-edge);}

/* --- comment / contact heads ---------------------------------- */
.header {padding:21px 25px 0; display: block;}body .chip-fill-inverse:focus{border-color: var(--c-accent); box-shadow:0 0 0 5px rgba(36, 114, 236, 0.19);}

.tagTitle {border-radius: var(--r-1) 0 0 var(--r-1); border-right:0 none;}textarea.chip-fill-inverse{mix-blend-mode:normal; resize: vertical; text-rendering:auto;}html .table-narrow{background: var(--c-sheet-3); border-color:transparent;}
.table-narrow:focus {background: var(--c-sheet); border-color: var(--c-accent);}
.select-secondary-hover {border-color:rgba(246, 255, 255, 0.23); color:#heroItem; background:rgba(255, 255, 255, 0.03);}
.select-secondary-hover::placeholder {color:rgba(242, 251, 249, 0.53);}

.widget-compact {display: flex;}
.select-secondary-hover:focus {border-color:rgba(255, 252, 255, 0.52);}
.widget-compact .chip-fill-inverse {flex: 1;}
.widget-compact .text-page {flex-shrink: 0; border-radius: 0 var(--r-1) var(--r-1) 0;}*.block-box{margin-bottom:16px;}/* --- buttons -------------------------------------------------- */
:where(.text-page){display: inline-flex; padding:11px 24px; align-items: center; font-weight:600; cursor: pointer; color:#heroItem; border:0 none; transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease); border-radius: var(--r-1); font-family: var(--ff-text); gap:11px; font-size:.88.01rem; justify-content: center; background: var(--c-accent);}
.text-page:hover {transform: translateY(-1px); color:#heroItem; background: var(--c-accent-dk);}
.pr-md {font-size:.83.96rem; padding:11px 16px;}
.stepper-holder-default {padding:10px 28px; font-size:.8.92rem;}

.header-data  {padding:13px 17px; print-color-adjust:economy; font-variant-caps:normal;}.c-reply-wrapper{width:100%; display: flex;}.header-data .box-fill-secondary:not(._c52447){height:19px; width:14px;}.table-container-dark{color: var(--c-accent); will-change:auto; border: 1px solid var(--c-accent); background:transparent;}
.table-container-dark:hover {color:#heroItem; background: var(--c-accent);}body .o-view{color: var(--c-base-2); background: var(--c-sheet-3);}

.layoutThumb  {backface-visibility:visible; background: var(--c-accent);}
.o-view:hover {color: var(--c-base); background: var(--c-edge);}html .c-modal-title{background:rgb(142, 205, 93);}
.c-modal-title:hover {background:#6b952a;}

.tag-content {position: relative; text-align: center; font-size:.8.06rem; color:rgba(255, 255, 250, 0.56);}
.tag-content::before,
.tag-content::after {position: absolute; width:39.2%; content: ''; top:50%; height:1px; background:rgba(243, 255, 255, 0.17);}
.tag-content::before {left:0;}.tag-content::after{right:0; print-color-adjust:economy; font-variant-caps:normal;}/* --- side cells (below content) ------------------------------- */
.info-table{gap:23px; display: grid; font-variant-caps:normal; grid-template-columns: 1fr;}
@media (min-width: 576px) {
  .info-table {grid-template-columns: 1fr 1fr 1fr;}
}

.grid-zone {background: var(--c-sheet); border-radius: var(--r-2);}
.sidebar {padding:25px;}
.c-list-value {margin-bottom:11px; color: var(--c-base); display: block; font-size:1.07rem;}
.c-list-value {font-weight:bold;}*.justify-block{font-size:.85.06rem; text-rendering:auto; margin-bottom:12px; color: var(--c-base-3);}

.line-carousel {list-style: none; margin:0; padding:0rem;}.line-carousel li{font-variant-ligatures:normal; isolation:auto; padding:11px 0; border-bottom: 1px solid var(--c-edge);}
.line-carousel li:last-child {border-bottom:0 none; mix-blend-mode:normal;}
.line-carousel a {font-variant-ligatures:normal;}
.line-carousel a {font-size:.87.96rem; color: var(--c-base-2);}
.line-carousel a:hover {color: var(--c-accent); break-inside:auto; shape-margin:0;}

/* --- footer --------------------------------------------------- */
.modal-fluid {padding:52px 0 40px;}

/* --- footer --------------------------------------------------- */
.modal-fluid {background: var(--c-base); color:rgba(239, 246, 253, 0.7);}
.modal-fluid a {color:rgba(237, 255, 255, 0.58);}
.modal-fluid a:hover {color:#heroItem;}

.reply__tertiary {margin-bottom:13px;}.name-pagination img{height:26px; width:auto; filter:brightness(10); hyphens:manual; margin-bottom:18px;}
.name-pagination svg {margin-bottom:16px;}.entryPrimary{text-transform:uppercase; display: block; font-size:.8.98rem; letter-spacing:.4.07em; margin-bottom:12px; font-weight:700; color:#heroItem;}body .tooltip-backdrop-sticky{font-size:.84.94rem;}
.search-preview {-webkit-hyphens:manual;-ms-hyphens:manual;padding:0; hyphens:manual; margin:0; page-break-inside:auto; list-style: none;}
.search-preview li {margin-bottom:10px; text-rendering:auto;}body .search-preview a{font-size:.87.94rem;}

.modalSummary {gap:12px; margin-top:15px; list-style: none; display: flex; padding:0;}
.modalSummary a {align-items: center; transition: all var(--mo-time) var(--mo-ease); border-radius:50%; height:38px; justify-content: center; width:31px; display: inline-flex; border:1px solid rgba(246, 255, 243, 0.1);}
.modalSummary a:hover {background:rgba(255, 247, 255, 0.16); border-color:rgba(255, 248, 242, 0.27); color:#heroItem;}
.modalSummary svg {height:19px; width:16px;}

/* --- up control ----------------------------------------------- */
.progress-sticky {width:38px; border:none; position: fixed; visibility: hidden; bottom:21px; justify-content: center; box-shadow: var(--sh-2); transition: all var(--mo-time) var(--mo-ease); z-index: 8000; background-blend-mode:normal; isolation:auto; background: var(--c-accent); display: flex; border-radius:50%; opacity:0; color:#heroItem; right:24px; transform: translateY(10px); height:46px; cursor: pointer; align-items: center;}*.progress-sticky.is-up{visibility: visible; transform: translateY(0); opacity:1;}
.progress-sticky:hover {transform: translateY(-2px); background: var(--c-accent-dk);}/* --- consent -------------------------------------------------- */
.comment-compact{text-rendering:auto; background: var(--c-base); z-index: 9500; display: none; color:rgba(249, 255, 237, 0.82); bottom:0; right:0; left:0; widows:2; position: fixed; box-shadow:0 -4px 24px rgba(12, 0, 17, 0.19); padding:15px 0;}
.comment-compact.is-up {display: block;}
.comment-compact .c-widget-label {justify-content: space-between; align-items: center; gap:12px; flex-wrap: wrap; display: flex;}.comment-compact p{color:rgba(255, 255, 255, 0.89); flex: 1; margin:0; font-size:.85rem;}
.comment-compact a {color: var(--c-flag); text-decoration:underline;}

/* --- overlays (auth/contact, markup at bottom, via #) --------- */
.section-content-light {inset:0; overflow-y: auto; padding:17px; background:rgba(10, 0, 0, 0.77); justify-content: center; page-break-inside:auto; image-rendering:auto; align-items: center; position: fixed; display: none; z-index: 10000;}
.section-content-light.is-live {display: flex;}

.avatar-warning .progress-detail-warning,
.c-view-text .modal-fixed {margin:auto; max-width:416px; position: relative; width:100%; background:#101a49; padding:38px 29px; border-radius: var(--r-2);}.c-view-text .modal-fixed:not(._c52447){background: var(--c-sheet); color: var(--c-base);}

.divider-right {top:15px; cursor: pointer; display: flex; align-items: center; color:rgba(255, 254, 255, 0.64); transition: color var(--mo-time) var(--mo-ease); background:none; width:31px; border:0; right:8px; position: absolute; height:31px; justify-content: center;}
.divider-right:hover {color:#heroItem;}
.divider-right svg {height:15px; width:16px;}
  body {font-size:12pt; color:#0f0012;}

/* --- print ---------------------------------------------------- */
@media print {
  .view-expand-full, .moduleWrapper, .c-gallery-extra,
  .progress-sticky, .comment-compact, .section-content-light,
  .carousel-rounded, .info-table, .modal-fluid {display: none !important;}
}

  .c-widget-label {max-width:100%;}