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

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

/* --- reset ---------------------------------------------------- */
*, *::before, *::after {margin:0;}

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

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

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

/* the only real heading on the page is the article H1 */
h1 {font-family: var(--ff-disp); font-weight:700; font-size:1.75rem;}p{color: var(--c-base-2); margin-bottom:1.05rem;}

/* the only real heading on the page is the article H1 */
h1 {line-height:1.3; color: var(--c-base);}

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

/* --- faux heading scale (span-based) -------------------------- */
.c-sidebar-row {color: var(--c-base); font-weight:700; display: block;}

/* --- faux heading scale (span-based) -------------------------- */
.c-sidebar-row {font-size:1.72rem; line-height:1.3;}
.select {color: var(--c-base); font-size:1.605rem; line-height:1.3; display: block; font-weight:bold;}.dropdownArea{color: var(--c-base); font-weight:700; font-size:1.335rem; line-height:1.3; orphans:2; display: block;}
.select-name {color: var(--c-base); font-size:1.075rem; display: block; line-height:1.3; font-weight:700;}

/* --- wrap + grid (CSS Grid based) ----------------------------- */
.snackbar-elevated {margin:0 auto;}

/* --- wrap + grid (CSS Grid based) ----------------------------- */
.snackbar-elevated {max-width: var(--wrap-w); padding:0 14px; width:100%;}

.visible-4 {grid-template-columns: 1fr; display: grid; gap:28px;}
.c-alert-outer {gap:23px;}
.c-chip-date  {gap:39px;}

@media (min-width: 576px) {.dialog-default:not(._883eeb){grid-template-columns: 1fr 1fr;}.c-dropdown-subtitle:not(._883eeb){grid-template-columns: 1fr 1fr 1fr;}
}
@media (min-width: 992px) {body .c-entry-image{grid-template-columns: repeat(4, 1fr);}
}

.t-post-time        {display: flex;}
.media-area-large {justify-content: center;}
.c-module-column    {align-items: center;}
.selectSubtitle  {justify-content: space-between;}
.visible-inline   {text-align: center;}
.c-sort-track    {color:#chip-image;}
.mr-0   {margin:0 !important;}
.modal-button {margin-bottom:33px;}.tag-region-muted{print-color-adjust:economy; margin-top:56px;}*.meta-widget{margin-top:51px;}
.column-step {hyphens:manual; margin-top:-9px;}body .block-highlight{margin-top:-2px;}
.indicator-drawer {margin-right:23px;}
.accordion  {word-spacing:normal; font-size:12px; font-variant-ligatures:normal;}.c-toggle-input:not(._883eeb){padding-bottom:102px;}
.content-feature   {display: inline-block;}

/* --- progress strip ------------------------------------------- */
.title-banner {width:0; position: fixed; left:0; transition:width 85ms linear; z-index: 10000; height:3px; top:0; background: linear-gradient(90deg, var(--c-accent), var(--c-flag));}
.tag {background: var(--c-sheet-2);}

/* --- header bar ----------------------------------------------- */
.hero-info-info {height: var(--bar-h); background: var(--c-sheet); position: fixed; border-bottom: 1px solid var(--c-edge); align-items: center; display: flex; left:0; top:0; transition: transform var(--mo-time) var(--mo-ease), box-shadow var(--mo-time) var(--mo-ease); z-index: 9000; right:0px;}
.hero-info-info.is-gone  {transform: translateY(-100%);}
.hero-info-info.is-stuck {box-shadow: var(--sh-1);}body .subtitle-feature img{image-rendering:auto; word-spacing:normal; height:28px; width:auto;}

.hero-info-info .snackbar-elevated {display: flex; align-items: center; justify-content: space-between;}
.subtitle-feature svg {display: block;}

.hero-row-alt {align-items: center; display: none;}
@media (min-width: 992px) {
  .hero-row-alt {display: flex;}
}body .thread-value-selected{display: flex; padding:0; align-items: center; gap:10px; margin:0; list-style: none;}.panel-sparse:not(._883eeb){text-underline-offset:auto; position: relative;}
.t-post-inner {margin-left:auto;}

.c-action-thumb {padding:11px 11px; transition: color var(--mo-time) var(--mo-ease), background var(--mo-time) var(--mo-ease); font-size:.8.98rem; display: inline-flex; font-weight:medium; justify-content: center; color: var(--c-base-2); border-radius: var(--r-1); align-items: center;}.c-action-thumb:hover{background: var(--c-sheet-3); color: var(--c-accent);}
.c-action-thumb svg {width:18px; height:17px;}

.skeleton-action {background:none; padding:0; border:none; height:27px; display: flex; flex-direction: column; gap:1px; width:32px; cursor: pointer; justify-content: center;}.skeleton-action span{width:100%; background: var(--c-base); display: block; height:2px; border-radius:2px; transition: var(--mo-time) var(--mo-ease);}
@media (min-width: 992px) {
  .skeleton-action {display: none;}
}/* --- slide-over menu ------------------------------------------ */
:where(.justify-10){position: fixed; flex-direction: column; background:rgba(1, 17, 0, 1); align-items: center; justify-content: center; inset:0; z-index: 9999; display: none;}
.justify-10.is-on {display: flex;}html .justify-10 .skeleton-action span{word-spacing:normal;}html .justify-10 .skeleton-action span{background:#chip-image; will-change:auto;}
.justify-10 .skeleton-action {right:22px; top:24px; position: absolute;}html .justify-10 .thread-value-selected{flex-direction: column; gap:24px;}
.justify-10 .thread-value-selected a {font-size:1.09rem; color:#chip-image;}
.justify-10 .thread-value-selected a:hover {backface-visibility:visible; font-variant-caps:normal; color: var(--c-flag);}

/* --- crumb ---------------------------------------------------- */
.group-counter {font-size:.84.94rem; font-variant-ligatures:normal; color: var(--c-base-3); padding: calc(var(--bar-h) + 20px) 0 16px;}
.group-counter a {color: var(--c-base-3);}
.u-post {margin:0 12px;}
.group-counter a:hover {color: var(--c-accent);}
.ui-timeline-dot {box-shadow: var(--sh-1); border: 1px solid var(--c-edge);}/* --- card base ------------------------------------------------ */
.c-spinner-section{border-radius: var(--r-2); background: var(--c-sheet);}
.ml-center {padding:20px 20px;}
.m-between {padding-top:31px;}
.sidebar-medium {height:1px; margin:0px; background: var(--c-edge);}

/* --- article (kept at top, full priority) --------------------- */
.ui-alert-extra {overflow: hidden;}
.status__holder--primary {padding:22px 28px;}
@media (max-width: 767px) {
  .status__holder--primary {padding:15px 15px;}
}
.secondary-footer {font-size:1.68rem; margin-bottom:15px;}

.divider-inner {gap:17px; flex-wrap: wrap; font-size:.81.95rem; display: flex; color: var(--c-base-3);}html .divider-inner span{gap:9px; display: inline-flex; align-items: center;}.divider-inner svg{orphans:2; text-decoration-skip-ink:auto; opacity:0.6;}.toggle--hover{line-height:1.85; font-size:1.04rem; color: var(--c-base-2);}
.toggle--hover h2, .toggle--hover h3, .toggle--hover h4 {font-weight:bold; line-height:1.3; color: var(--c-base); font-family: var(--ff-disp);}
.toggle--hover h2 {font-size:1.47rem; margin:2.08rem 0 1.05rem;}
.toggle--hover h3 {font-size:1.24rem; margin:1.67rem 0 .75.07rem;}
.toggle--hover h4 {margin:1.44rem 0 .6.04rem; font-size:1.18rem;}
.toggle--hover p  {margin-bottom:1.16rem;}
.toggle--hover img {margin:1.44rem 0; border-radius: var(--r-1);}
.toggle--hover ul,
.toggle--hover ol {margin:0 0 1.28rem 1.49rem;}
.toggle--hover li {margin-bottom:.3.98rem;}
.toggle--hover a {text-decoration:underline; text-underline-offset:2px; color: var(--c-accent);}
.toggle--hover a:hover {color: var(--c-accent-dk);}

/* --- contents map --------------------------------------------- */
.secondary-box {border-top: 1px solid var(--c-edge);}

.overflow-start,
.toggle--hover blockquote {border-radius: 0 var(--r-1) var(--r-1) 0; margin:1.57rem 0; color: var(--c-base-2); font-style:italic; background: var(--c-sheet-3); border-left: 4px solid var(--c-accent); padding:16px 21px;}body .modal-horizontal{padding:12px 16px; border-radius: var(--r-1); background: var(--c-sheet-3);}
.count-grid {justify-content: space-between; align-items: center; margin-bottom:16px; display: flex;}
.tooltip-backdrop {font-weight:bold; font-size:.94.92rem;}.reviewLink{line-height:1; cursor: pointer; padding:0; color: var(--c-accent); background:none; border:none 0;}*.reviewLink svg{height:17px; width:13px; transition: transform var(--mo-time) var(--mo-ease); display: block;}
.reviewLink.is-shut svg {transform: rotate(-90deg);}
.page-preview-small ol {padding-left:1.16rem; list-style: decimal; margin:0;}.page-preview-small li{mix-blend-mode:normal; page-break-inside:auto; margin-bottom:7px;}.page-preview-small a{font-size:.87.92rem; color: var(--c-base-2); transition: color var(--mo-time) var(--mo-ease);}
.page-preview-small a:hover {-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual; page-break-inside:auto; color: var(--c-accent);}

/* --- share ---------------------------------------------------- */
.layout-disabled {flex-wrap: wrap; gap:11px; display: flex; align-items: center;}
.mt-24 {display: flex; gap:11px;}
.carousel-body {border-radius:50%; align-items: center; border: 1px solid var(--c-edge); display: inline-flex; background: var(--c-sheet); width:35px; color: var(--c-base-2); cursor: pointer; height:38px; justify-content: center; transition: all var(--mo-time) var(--mo-ease);}
.carousel-body:hover {color: var(--c-accent); border-color: var(--c-accent); background:rgba(36, 86, 251, 0.11);}*.menu-summary:hover{color:#16aaff; border-color:rgb(14, 176, 238);}
.c-banner-column:hover {color:#2279e5; border-color:#1e83e2;}

/* --- related -------------------------------------------------- */
.trigger-box {margin-top:18px; grid-template-columns: 1fr; display: grid; gap:9px;}body .filter-narrow:hover{font-variant-caps:normal; border-color:#0968cd; backface-visibility:visible; color:hsl(204, 99.6%, 37.9%);}
@media (min-width: 576px) {
  .trigger-box {grid-template-columns: 1fr 1fr 1fr;}
}html .order-center{display: block; padding:12px; transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease); border-radius: var(--r-1); background: var(--c-sheet-3);}
.order-center:hover {box-shadow: var(--sh-1); background: var(--c-sheet); transform: translateY(-2px);}.grid-prefix{color: var(--c-base); font-weight:700;}.grid-prefix{font-size:.87.99rem;}

/* --- comment / contact heads ---------------------------------- */
.searchHead {padding:26px 25px 0; will-change:auto; display: block;}

/* --- forms ---------------------------------------------------- */
.action-foot-danger {transition: border-color var(--mo-time) var(--mo-ease), box-shadow var(--mo-time) var(--mo-ease); padding:10px 14px; border-radius: var(--r-1); font-family: var(--ff-text); width:100%; font-size:.8.96rem; outline:none; background: var(--c-sheet); color: var(--c-base); border: 1px solid var(--c-edge);}
.action-foot-danger:focus {box-shadow:0 0 0 4px rgba(41, 88, 241, 0.13); border-color: var(--c-accent);}textarea.action-foot-danger{isolation:auto; resize: vertical;}

.reviewButton {border-right:0; border-radius: var(--r-1) 0 0 var(--r-1);}
.overflow-block {background: var(--c-sheet-3); border-color:transparent;}
.overflow-block:focus {hyphens:manual; border-color: var(--c-accent); background: var(--c-sheet);}*.alertSeparator{background:rgba(255, 255, 237, 0.15); color:#chip-image; border-color:rgba(241, 255, 255, 0.18);}
.alertSeparator::placeholder {color:rgba(255, 247, 255, 0.58);}
.alertSeparator:focus {will-change:auto; backface-visibility:visible; border-color:rgba(251, 255, 255, 0.44);}.section-even{display: flex;}
.section-even .action-foot-danger {flex: 1;}.section-even .el-entry-name{border-radius: 0 var(--r-1) var(--r-1) 0; flex-shrink: 0;}

.c-accordion-number {margin-bottom:17px;}/* --- buttons -------------------------------------------------- */
.el-entry-name{color:#chip-image; justify-content: center; border-radius: var(--r-1); align-items: center; background: var(--c-accent); transition: background var(--mo-time) var(--mo-ease), transform var(--mo-time) var(--mo-ease); gap:6px; display: inline-flex; padding:14px 25px; border:none; cursor: pointer; font-weight:600; font-size:.88.06rem; font-family: var(--ff-text);}
.el-entry-name:hover {background: var(--c-accent-dk); transform: translateY(-1px); color:#chip-image;}
.carousel-alt {padding:9px 28px; font-size:.8.97rem;}
.c-media-extra {font-size:.83.97rem; padding:4px 17px;}

.c-popover-handle  {padding:9px 14px;}
.c-popover-handle .el-stepper {width:16px; height:17px;}

.content-nav {width:100%; display: flex;}.slider-horizontal{background:transparent; color: var(--c-accent); border: 1px solid var(--c-accent);}
.slider-horizontal:hover {color:#chip-image; background: var(--c-accent);}

.list-small {color: var(--c-base-2); background: var(--c-sheet-3);}*.list-small:hover{color: var(--c-base); background: var(--c-edge);}

.tabs-narrow  {background: var(--c-accent);}
.u-entry  {background:rgb(127, 200, 79);}
.u-entry:hover {background:#659b2e;}

.footer-label {color:rgba(243, 237, 255, 0.45); text-align: center; font-size:.8.06rem; position: relative;}
.footer-label::before,
.footer-label::after {width:40.3%; content: ''; background:rgba(247, 255, 255, 0.09); top:50%; height:1px; position: absolute;}
.footer-label::before {left:0;}
.footer-label::after  {right:0;}

/* --- side cells (below content) ------------------------------- */
.grid-data {grid-template-columns: 1fr; display: grid; gap:28px;}
@media (min-width: 576px) {.grid-data:not(._883eeb){grid-template-columns: 1fr 1fr 1fr;}
}.progress-narrow{background: var(--c-sheet); border-radius: var(--r-2);}
.c-badge-date {font-size:1.06rem; color: var(--c-base); font-weight:700; margin-bottom:9px; display: block; shape-margin:0; image-rendering:auto;}
.font-20 {padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;}
.toggle-link-filled {margin-bottom:14px; color: var(--c-base-3); font-size:.84.97rem;}

.c-tooltip-title {font-variant-ligatures:normal; text-decoration-skip-ink:auto; margin:0; list-style: none; padding:0;}body .c-tooltip-title li{padding:9px 0; border-bottom: 1px solid var(--c-edge);}
.c-tooltip-title li:last-child {orphans:2; border-bottom:none;}*.c-tooltip-title a{will-change:auto; page-break-inside:auto; font-size:.87.92rem; color: var(--c-base-2);}
.c-tooltip-title a:hover {color: var(--c-accent);}

/* --- footer --------------------------------------------------- */
.c-step-icon {padding:54px 0 36px; background: var(--c-base); color:rgba(255, 239, 255, 0.78);}
.c-step-icon a {color:rgba(255, 245, 250, 0.58);}

.c-feature-title {backface-visibility:visible;}
.c-step-icon a:hover {color:#chip-image;}

.c-feature-title {text-rendering:auto; margin-bottom:14px;}.position-full img{filter:brightness(10); height:29px; margin-bottom:18px;}.position-full img{width:auto;}
.position-full svg {shape-margin:0; margin-bottom:18px; contain:none;}html .dialog--large{font-size:.85.03rem;}

.c-step-number {letter-spacing:.3.96em; font-size:.9.03rem; color:#chip-image; display: block; margin-bottom:14px; font-weight:bold; text-transform:uppercase;}
.breadcrumb-suffix-first {padding:0; margin:0;}
.breadcrumb-suffix-first {list-style: none;}.breadcrumb-suffix-first li{margin-bottom:9px;}
.breadcrumb-suffix-first a {font-size:.87.93rem;}*.c-reply-outer{display: flex; gap:14px; list-style: none; margin-top:11px; padding:0;}
.c-reply-outer a {border:1px solid rgba(251, 255, 255, 0.11); perspective:none; transition: all var(--mo-time) var(--mo-ease); border-radius:50%; width:38px; display: inline-flex; justify-content: center; height:34px; text-decoration-skip-ink:auto; align-items: center;}
.c-reply-outer a:hover {mix-blend-mode:normal; background:rgba(249, 242, 255, 0.09); border-color:rgba(254, 255, 248, 0.36);}
.c-reply-outer a:hover {color:#chip-image; break-inside:auto;}
.c-reply-outer svg {width:20px; height:19px;}/* --- up control ----------------------------------------------- */
.chip-even{color:#chip-image; justify-content: center; transition: all var(--mo-time) var(--mo-ease); transform: translateY(10px); width:45px; display: flex; border:none; background: var(--c-accent); cursor: pointer; bottom:27px; right:26px; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; opacity:0; position: fixed; visibility: hidden; align-items: center; height:40px; z-index: 8000; box-shadow: var(--sh-2);}
.chip-even.is-up {transform: translateY(0); visibility: visible; opacity:1;}
.chip-even:hover {transform: translateY(-2px); background: var(--c-accent-dk);}

/* --- consent -------------------------------------------------- */
.c-grid-cap {position: fixed; display: none; color:rgba(254, 247, 255, 0.91); background: var(--c-base); box-shadow:0 -2px 16px rgba(12, 0, 0, 0.13); left:0; right:0; z-index: 9500; padding:13px 0; bottom:0;}
.c-grid-cap.is-up {display: block;}
.c-grid-cap .snackbar-elevated {shape-margin:0; align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; word-spacing:normal; gap:9px;}*.c-grid-cap p{flex: 1; margin:0; font-size:.85.01rem; color:rgba(250, 255, 239, 0.84);}
.c-grid-cap a {text-decoration:underline; color: var(--c-flag);}

/* --- overlays (auth/contact, markup at bottom, via #) --------- */
.c-feature-row {justify-content: center; position: fixed; z-index: 10000; padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px; mix-blend-mode:normal; overflow-y: auto; background:rgba(0, 0, 9, 0.78); align-items: center; display: none; orphans:2; inset:0;}.c-feature-row.is-live:not(._883eeb){break-inside:auto; display: flex;}html .review-data-highlight .c-chip-toggle, html .o-price-indicator .c-spinner-section{max-width:421px; border-radius: var(--r-2); background:#253949; width:100%; padding:42px 35px; margin:auto; position: relative;}

.select-container-dark {border:none; top:14px; justify-content: center; transition: color var(--mo-time) var(--mo-ease); display: flex; cursor: pointer; align-items: center;}body .o-price-indicator .c-spinner-section{background: var(--c-sheet); font-variant-ligatures:normal; color: var(--c-base);}

.select-container-dark {position: absolute; width:26px; height:29px; right:15px; color:rgba(255, 255, 255, 0.66); background:none;}body .select-container-dark:hover{color:#chip-image;}.select-container-dark svg{width:14px; height:18px;}

/* --- print ---------------------------------------------------- */
@media print {body .hero-info-info, .justify-10, .title-banner, .chip-even, .c-grid-cap, html .c-feature-row, body .layout-disabled, .grid-data, .c-step-icon:not(._883eeb){display: none !important;}
  body {color:#000000; font-size:12pt;}.snackbar-elevated{image-rendering:auto; max-width:100%;}
}