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

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

/* --- reset ---------------------------------------------------- */
*, *::before, *::after {padding:0; box-sizing: border-box; margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}html{font-size:13px; -webkit-text-size-adjust:100%; scroll-behavior: smooth;}

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

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

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

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

/* --- faux heading scale (span-based) -------------------------- */
.mx-24 {display: block; font-size:1.68rem; font-weight:bold; line-height:1.3; color: var(--c-base);}
.row-2 {line-height:1.3; display: block; font-weight:700; color: var(--c-base); font-size:1.595rem;}
.text-2 {font-size:1.415rem; display: block; line-height:1.3; color: var(--c-base); font-weight:bold;}
.mt-block {font-size:1.155rem; line-height:1.3; font-weight:bold; display: block; color: var(--c-base);}

.d-16 {gap:32px; grid-template-columns: 1fr; display: grid;}

/* --- wrap + grid (CSS Grid based) ----------------------------- */
.flex-4 {max-width: var(--wrap-w); padding:0 11px; margin:0 auto; width:100%;}body .mr-xl{gap:36px;}*.progress--inverse{gap:18px;}

@media (min-width: 576px) {
  .mb-around  {grid-template-columns: 1fr 1fr;}
  .font-3 {grid-template-columns: 1fr 1fr 1fr;}
}
@media (min-width: 992px) {
  .skeleton--half {grid-template-columns: repeat(4, 1fr);}
}*.pt-center{display: flex; will-change:auto; print-color-adjust:economy;}
.text-20    {align-items: center;}
.align-3  {justify-content: space-between;}*.px-2xl{justify-content: center;}
.my-6   {text-align: center;}
.border-5   {margin:0 !important;}
.justify-4    {color:#main-counter;}*.w-screen{margin-bottom:26px;}
.px-md {margin-top:51px;}
.grid--wide {margin-top:55px;}
.mb-4  {margin-top:-1px;}*.px-4{margin-top:-7px;}
.grid-full {margin-right:24px;}
.row-screen  {font-size:17px;}
.badgeInfo   {display: inline-block;}
.text-1 {background: var(--c-sheet-2);}
.mr-0{padding-bottom:98px;}

/* --- progress strip ------------------------------------------- */
.filter-toggle {transition:width 78ms linear; width:0; position: fixed; left:0rem;}

/* --- progress strip ------------------------------------------- */
.filter-toggle {top:0; z-index: 10000; height:1px; background: linear-gradient(90deg, var(--c-accent), var(--c-flag));}

/* --- header bar ----------------------------------------------- */
.tracking-2xl {right:0; display: flex; height: var(--bar-h); left:0; transition: transform var(--mo-time) var(--mo-ease), box-shadow var(--mo-time) var(--mo-ease); position: fixed; align-items: center; border-bottom: 1px solid var(--c-edge); background: var(--c-sheet); top:0; z-index: 9000;}body .tracking-2xl.is-gone{transform: translateY(-100%);}
.tracking-2xl.is-stuck {box-shadow: var(--sh-1);}html .tracking-2xl .flex-4{justify-content: space-between; align-items: center; display: flex;}*.bg-0 img{height:31px; width:auto;}.bg-0 svg{display: block; text-decoration-skip-ink:auto;}.pl-none:not(._332de7){isolation:auto; align-items: center; display: none; font-variant-ligatures:normal;}
@media (min-width: 992px) {
  .pl-none {display: flex;}
}

.toolbar-label {list-style: none; align-items: center; display: flex; padding:0; margin:0; gap:9px;}
.l-widget {margin-left:auto;}

.footerTrack {transition: color var(--mo-time) var(--mo-ease), background var(--mo-time) var(--mo-ease); color: var(--c-base-2); font-weight:medium; display: inline-flex; padding:4px 12px; align-items: center; font-size:.9.04rem; justify-content: center; border-radius: var(--r-1);}

.align-2 {position: relative;}
.footerTrack:hover {background: var(--c-sheet-3); color: var(--c-accent);}body .footerTrack svg{height:16px; width:19px;}

.z-20 {width:29px; padding:0; justify-content: center; display: flex; font-synthesis:weight style small-caps; cursor: pointer; height:24px; flex-direction: column; background:none; gap:1px; border:0;}
.z-20 span {width:100%; background: var(--c-base); height:2px; transition: var(--mo-time) var(--mo-ease); border-radius:2px; display: block;}
@media (min-width: 992px) {
  .z-20 {display: none;}
}/* --- slide-over menu ------------------------------------------ */
.p-xs{align-items: center; position: fixed; z-index: 9999; inset:0; justify-content: center; background:rgba(18, 0, 0, 0.93); flex-direction: column; display: none;}body .p-xs.is-on{display: flex;}
.p-xs .z-20 span {background:#main-counter;}
.p-xs .z-20 {top:17px; position: absolute; right:23px;}
.p-xs .toolbar-label {orphans:2;}
.p-xs .toolbar-label {gap:22px; flex-direction: column;}*.p-xs .toolbar-label a{font-size:1.02rem; color:#main-counter;}html .p-xs .toolbar-label a:hover{color: var(--c-flag);}

/* --- crumb ---------------------------------------------------- */
.float-4 {contain:none; font-size:.85.02rem; padding: calc(var(--bar-h) + 20px) 0 16px; widows:2; color: var(--c-base-3);}html .float-4 a{color: var(--c-base-3);}
.float-2xl {margin:0 6px; text-underline-offset:auto;}
.float-4 a:hover {text-decoration-skip-ink:auto; shape-margin:0; color: var(--c-accent);}/* --- card base ------------------------------------------------ */
.mb-between:not(._332de7){border-radius: var(--r-2); background: var(--c-sheet);}.profile__suffix--center:not(._332de7){box-shadow: var(--sh-1); border: 1px solid var(--c-edge); image-rendering:auto;}.leading-4:not(._332de7){padding-top:27px;}
.pl-3 {height:1px; margin:0; background: var(--c-edge);}
.ml-1 {padding:24px 28px;}.w-center{widows:2; backface-visibility:visible;}

/* --- article (kept at top, full priority) --------------------- */
.font-around {overflow: hidden;}.w-center{padding:22px 27px;}
@media (max-width: 767px) {.w-center{padding:14px 19px;}
}
.snackbarHolder {margin-bottom:11px; font-size:1.77rem;}

.m-5 {font-size:.82.04rem; display: flex; flex-wrap: wrap; color: var(--c-base-3); gap:13px;}
.m-5 span {align-items: center;}
.m-5 span {display: inline-flex; tab-size:4; gap:6px; perspective:none;}
.m-5 svg {opacity:0.63;}

.row-0 {font-size:0.98rem; line-height:1.85; color: var(--c-base-2);}
.row-0 h2, .row-0 h3, .row-0 h4 {line-height:1.3; color: var(--c-base); font-family: var(--ff-disp); font-weight:bold;}
.row-0 h2 {font-size:1.54rem; margin:2.01rem 0 1.01rem;}
.row-0 h3 {font-size:1.25rem; margin:1.73rem 0 .75.02rem;}
.row-0 h4 {margin:1.43rem 0 .6.08rem; font-size:1.08rem;}
.row-0 p  {margin-bottom:1.19rem;}
.row-0 img {margin:1.45rem 0; border-radius: var(--r-1);}
.row-0 ul,
.row-0 ol {margin:0 0 1.12rem 1.53rem;}
.row-0 li {margin-bottom:.3.92rem;}*.row-0 a{text-decoration:underline; text-rendering:auto; color: var(--c-accent); text-underline-offset:2px;}
.row-0 a:hover {color: var(--c-accent-dk);}body .mb-inline, html .row-0 blockquote{border-left: 4px solid var(--c-accent); border-radius: 0 var(--r-1) var(--r-1) 0; background: var(--c-sheet-3); margin:1.51rem 0; font-style:italic; padding:16px 20px; color: var(--c-base-2);}

/* --- contents map --------------------------------------------- */
.m-inline {border-top: 1px solid var(--c-edge);}
.font-20 {padding:14px 17px; background: var(--c-sheet-3); border-radius: var(--r-1);}
.pl-auto {margin-bottom:14px; align-items: center; display: flex; justify-content: space-between;}*.searchExpand{image-rendering:auto; print-color-adjust:economy; font-size:.95.05rem; font-weight:bold;}
.action-image {cursor: pointer; color: var(--c-accent); border:none; line-height:1; padding:0;}
.action-image {background:none;}
.action-image svg {display: block; width:13px; height:18px;}
.action-image svg {transition: transform var(--mo-time) var(--mo-ease);}
.action-image.is-shut svg {transform: rotate(-90deg);}
.tracking-1 ol {list-style: decimal; margin:0; padding-left:1.28rem;}
.tracking-1 li {margin-bottom:2px;}body .tracking-1 a{font-size:.88.04rem; color: var(--c-base-2); transition: color var(--mo-time) var(--mo-ease);}html .tracking-1 a:hover{color: var(--c-accent);}

/* --- share ---------------------------------------------------- */
.position-24 {flex-wrap: wrap; align-items: center; gap:10px; display: flex;}.py-4{display: flex; gap:6px;}
.status-row {justify-content: center; height:33px; color: var(--c-base-2); background: var(--c-sheet); border-radius:50%; border: 1px solid var(--c-edge); align-items: center; width:40px; cursor: pointer; display: inline-flex; transition: all var(--mo-time) var(--mo-ease);}
.status-row:hover {background:rgba(35, 110, 248, 0.07); color: var(--c-accent); border-color: var(--c-accent); widows:2;}.toolbarFill:hover{color:#0b6ceb; border-color:#2070f8;}body .mt-sm:hover{color:#0bace8; border-color:rgb(51, 183, 234);}
.position-16:hover {color:rgb(20, 108, 209); border-color:hsl(219, 76.6%, 45.3%);}
.position-16:hover {print-color-adjust:economy;}/* --- related -------------------------------------------------- */
.overflow-sm{gap:9px; grid-template-columns: 1fr; margin-top:18px; display: grid; text-decoration-skip-ink:auto;}
@media (min-width: 576px) {
  .overflow-sm {grid-template-columns: 1fr 1fr 1fr;}
}.col-between{border-radius: var(--r-1); transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease); padding:12px; display: block; background: var(--c-sheet-3);}
.col-between:hover {background: var(--c-sheet); box-shadow: var(--sh-1); transform: translateY(-2px);}
.position-inline {color: var(--c-base); font-weight:600;}
.position-inline {font-size:.87.94rem;}

/* --- comment / contact heads ---------------------------------- */
.clear-screen {display: block; padding:22px 24px 0;}

/* --- forms ---------------------------------------------------- */
.leading-20 {border-radius: var(--r-1); background: var(--c-sheet); font-size:.8.93rem; color: var(--c-base); font-family: var(--ff-text); border: 1px solid var(--c-edge); padding:9px 18px; outline:none; width:100%; transition: border-color var(--mo-time) var(--mo-ease), box-shadow var(--mo-time) var(--mo-ease);}
.leading-20:focus {box-shadow:0 0 0 1px rgba(29, 110, 233, 0.13); border-color: var(--c-accent);}

.position-5 {border-radius: var(--r-1) 0 0 var(--r-1); border-right:none 0;}textarea.leading-20{resize: vertical; isolation:auto;}
.divider-button {font-variant-caps:normal; border-color:transparent; background: var(--c-sheet-3);}
.divider-button:focus {border-color: var(--c-accent); perspective:none; background: var(--c-sheet); image-rendering:auto;}body .rating-foot-top{color:#main-counter; background:rgba(254, 255, 237, 0.04); border-color:rgba(255, 238, 255, 0.17);}
.rating-foot-top::placeholder {color:rgba(249, 254, 248, 0.47);}
.rating-foot-top:focus {border-color:rgba(242, 255, 255, 0.58);}

.mt-half {text-decoration-skip-ink:auto; display: flex; tab-size:4;}
.mt-half .leading-20 {flex: 1;}.mt-half :where(.c-comment-info){flex-shrink: 0; border-radius: 0 var(--r-1) var(--r-1) 0;}

.text-center {break-inside:auto; margin-bottom:15px;}

/* --- buttons -------------------------------------------------- */
.c-comment-info {background: var(--c-accent); cursor: pointer; justify-content: center; font-weight:500; color:#main-counter; border-radius: var(--r-1); font-family: var(--ff-text); border:none 0; gap:10px; padding:11px 26px; font-size:.87.95rem; display: inline-flex; align-items: center; transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease);}*.c-comment-info:hover{transform: translateY(-1px); color:#main-counter; background: var(--c-accent-dk);}
.mr-24 {font-size:.8.95rem; padding:14px 29px;}
.tag__primary {padding:9px 20px; font-size:.84.08rem;}

.p-24  {padding:15px 15px;}
.p-24 .text-3 {height:14px; width:20px;}

.mb-12 {display: flex; width:100%;}

.mb-screen {color: var(--c-accent); background:transparent; border: 1px solid var(--c-accent);}
.mb-screen:hover {background: var(--c-accent); color:#main-counter;}

.p-20 {color: var(--c-base-2); background: var(--c-sheet-3);}.p-20:hover{color: var(--c-base); background: var(--c-edge);}.pl-4{background: var(--c-accent);}
.border-3  {background:#8dbe37;}.border-3:hover{background:#759d2b;}

.mt-2xl {text-align: center; color:rgba(255, 240, 237, 0.53); position: relative; font-size:.8.03rem;}
.mt-2xl::before,
.mt-2xl::after {content: ''; background:rgba(249, 247, 255, 0.2); height:1px; position: absolute; top:50%; width:39.4%;}
.mt-2xl::before {text-decoration-skip-ink:auto; isolation:auto; left:0;}
.mt-2xl::after  {right:0;}/* --- side cells (below content) ------------------------------- */
:where(.filterBlock){display: grid; gap:21px; grid-template-columns: 1fr;}
@media (min-width: 576px) {
  .filterBlock {grid-template-columns: 1fr 1fr 1fr;}
}

.mx-none {background: var(--c-sheet); border-radius: var(--r-2);}
.shadow-5 {padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;}
.m-between {display: block; font-weight:700; font-size:1.08rem; color: var(--c-base); margin-bottom:11px;}.clear-start{font-size:.85.02rem; color: var(--c-base-3);}.clear-start{margin-bottom:10px;}

.mb-md {margin:0;}

.mb-md {padding:0; list-style: none;}
.mb-md li {orphans:2; tab-size:4; border-bottom: 1px solid var(--c-edge); padding:9px 0;}.mb-md li:last-child{border-bottom:none;}
.mb-md a {color: var(--c-base-2); font-size:.87.95rem;}
.mb-md a:hover {color: var(--c-accent);}/* --- footer --------------------------------------------------- */
.timeline__meta{background: var(--c-base); padding:49px 0 37px; color:rgba(255, 240, 255, 0.63);}
.timeline__meta a {color:rgba(248, 245, 255, 0.53);}

.rounded-2xl {margin-bottom:12px;}
.timeline__meta a:hover {color:#main-counter;}
.d-start img {width:auto; margin-bottom:14px; filter:brightness(10); height:26px;}
.tag__trigger--active {font-size:.84.92rem;}
.d-start svg {margin-bottom:14px;}

.shadow-md {margin-bottom:20px; font-size:.9.07rem; letter-spacing:.3.95em; text-transform:uppercase; font-weight:700; color:#main-counter; display: block;}
.mr-none {margin:0; list-style: none; padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem;}
.mr-none li {-webkit-hyphens:manual;-ms-hyphens:manual;margin-bottom:8px; hyphens:manual;}

.font-24 {display: flex; padding:0; list-style: none; mix-blend-mode:normal; margin-top:12px; gap:13px;}html .mr-none a{font-size:.88.04rem;}
.font-24 a {border:1px solid rgba(255, 248, 242, 0.14); border-radius:50%; height:34px; width:32px; transition: all var(--mo-time) var(--mo-ease); align-items: center; display: inline-flex; justify-content: center;}
.font-24 a:hover {color:#main-counter; border-color:rgba(255, 255, 250, 0.3); background:rgba(242, 255, 255, 0.14);}

/* --- up control ----------------------------------------------- */
.m-20 {right:20px; display: flex; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; box-shadow: var(--sh-2); justify-content: center; transform: translateY(10px); width:44px; position: fixed; cursor: pointer; bottom:22px; z-index: 8000; background: var(--c-accent); visibility: hidden; opacity:0; align-items: center; border:none; height:38px; color:#main-counter; transition: all var(--mo-time) var(--mo-ease);}
.font-24 svg {height:12px; width:14px;}
.m-20.is-up {visibility: visible; opacity:1; transform: translateY(0);}
.m-20:hover {background: var(--c-accent-dk); transform: translateY(-2px);}

/* --- consent -------------------------------------------------- */
.order-2xl {position: fixed; z-index: 9500; display: none; color:rgba(255, 252, 255, 0.88); left:0; right:0em; bottom:0; padding:14px 0; background: var(--c-base); box-shadow:0 0px 17px rgba(0, 13, 0, 0.1);}
.order-2xl.is-up {display: block;}body .order-2xl .flex-4{align-items: center; justify-content: space-between; display: flex; flex-wrap: wrap; gap:11px;}
.order-2xl p {font-size:.84.95rem; flex: 1; margin:0; color:rgba(255, 255, 255, 0.89);}*.order-2xl a{text-decoration:underline; color: var(--c-flag);}

/* --- overlays (auth/contact, markup at bottom, via #) --------- */
.row-8 {justify-content: center; position: fixed; padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px; inset:0; overflow-y: auto; background:rgba(0, 11, 9, 0.93); display: none; z-index: 10000; align-items: center;}
.row-8.is-live {display: flex;}.position-between .pt-20:not(._332de7), .overflow-2 :where(.mb-between){background:#143646; max-width:420px; border-radius: var(--r-2); padding:39px 33px; margin:auto; width:100%; position: relative;}
.overflow-2 .mb-between {background: var(--c-sheet); color: var(--c-base);}body .counterWrap{justify-content: center; right:13px; color:rgba(240, 247, 247, 0.57); height:27px; width:28px; position: absolute; top:16px; background:none; display: flex; border:0 none; transition: color var(--mo-time) var(--mo-ease); cursor: pointer; align-items: center;}body .counterWrap:hover{color:#main-counter;}body .counterWrap svg{width:17px; height:20px;}

/* --- print ---------------------------------------------------- */
@media print {.tracking-2xl, html .p-xs, .filter-toggle, .m-20, .order-2xl, .row-8, *.position-24, *.filterBlock, html .timeline__meta{display: none !important;}body{color:#091000; font-size:12pt;}
  .flex-4 {max-width:100%; transform-style:flat;}
}