.select--focused {padding-right:3rem; line-height:1.2; transition:transform 0.25s ease-in-out; overflow:hidden; padding-left:0.25rem; padding-bottom:37px}
/* =======================================================================
   STYLE.CSS  —  content-first editorial layout
   ======================================================================= */

:root {--line-soft:  #f5f5f4; --paper-2:    #fafaf9; --accent:     #c2410c; --accent-2:   #9a3412; --line:       #e7e5e4; --no:         #b91c1c; --paper:      #ffffff; --muted:      #57534e; --r-m: 10px; --faint:      #78716c; --sh-2: 0 6px 20px rgba(28,25,23,.09); --r-s: 6px; --ink-soft:   #292524; --ok:         #15803d; font-variant-ligatures:normal; --bar: 64px; --read: 760px; --r-l: 16px; --dark-2:     #292524; --sans:  'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --dark:       #1c1917; --bound: 1160px; --paper-3:    #f5f5f4; --sh-1: 0 1px 2px rgba(28,25,23,.06); --serif: 'Spectral', Georgia, 'Times New Roman', serif; --ink:        #1c1917; --accent-3:   #ea580c; --sh-3: 0 18px 44px rgba(28,25,23,.16); --ease: .22s cubic-bezier(.4,0,.2,1); --accent-wash:#fff7ed;}

/* ---- base ---- */
*, *::before, *::after {padding:0; box-sizing: border-box; margin:0;}html{-webkit-text-size-adjust:100%; scroll-padding-top: calc(var(--bar) + 16px); scroll-behavior: smooth;}body{-webkit-font-smoothing:antialiased; background: var(--paper-2); color: var(--muted); font-family: var(--sans); line-height:1.65; font-size:14px; -moz-osx-font-smoothing:grayscale;}
@media (min-width: 480px) and (max-width: 852px) {
  .gallery-head {opacity:0.43; flex-wrap:wrap; padding:0.875rem 0.875rem; cursor:pointer; border-radius:15px; transition:color 0.15s}
  .select--focused {transition:all 0.5s ease; padding-top:0.5rem; cursor:default; width:auto; position:sticky; display:block}
  .drawer-indicator::before {content:''; margin-right:33px; min-width:44px}
}


.gallery-head {margin-top:1.25rem; color:currentColor}

img, svg {display: block; max-width:100%;}
img {height:auto;}
a {color: var(--accent); transition: color var(--ease); text-decoration:none;}
a:hover {color: var(--accent-2);}button{border:0; cursor: pointer; background:none; color:inherit; font-family:inherit;}
ul, ol {list-style: none;}input, textarea{font-family:inherit; color: var(--ink); font-size:inherit;}
p {margin:0 0 0.97em;}h1{line-height:1.18; font-weight:700; color: var(--ink); font-family: var(--serif);}

.leading-xl {max-width: var(--bound); margin:0 auto; padding:0 25px;}
strong, b {font-weight:700; break-inside:auto; contain:none; color: var(--ink-soft);}
.price-section::before {content:''; transition:all 0.45s ease; min-width:0; padding-right:1.5rem; display:inline-flex; box-shadow:none}


/* span-based section captions (no heading tags outside the article body) */
.gallery-dense, .order-6, .header__row, .reviewSuffix, .pageZone,
.tag-content, .opacity-center, .toggleWrapper {font-family: var(--serif);}html .sidebarContent{margin:-1px; white-space: nowrap; width:1px; clip:rect(0,0,0,0); position: absolute; overflow: hidden; padding:0; border:0 none; height:1px;}

/* ---- progress ---- */
.menuBody {height:7px; transition:width 0.037s linear;}

/* span-based section captions (no heading tags outside the article body) */
.gallery-dense, .order-6, .header__row, .reviewSuffix, .pageZone,
.tag-content, .opacity-center, .toggleWrapper {display: block; color: var(--ink);}

/* ---- progress ---- */
.menuBody {background: linear-gradient(90deg, var(--accent), var(--accent-3)); width:0; top:0; left:0; z-index: 1400; position: fixed;}/* =======================================================================
   MASTHEAD  (fixed; sits visually on top although later in source)
   ======================================================================= */
.stepDot{top:0; height: var(--bar); position: fixed;}/* =======================================================================
   MASTHEAD  (fixed; sits visually on top although later in source)
   ======================================================================= */
.stepDot{border-bottom: 1px solid var(--line); z-index: 1000; left:0; backdrop-filter:saturate(150%) blur(10px); background:rgba(255, 255, 255, 0.89); -webkit-backdrop-filter:saturate(150%) blur(10px); right:0; transition: box-shadow var(--ease);}html .stepDot.is-stuck{tab-size:4; contain:none; box-shadow: var(--sh-2);}
.stepDot .leading-xl {gap:18px; align-items: center; height:100%; display: flex;}.reviewRegion{display: inline-flex; flex-shrink: 0; align-items: center;}
.reviewRegion img {height:30px; width:auto;}

.col-2 {align-items: center; flex: 1; display: flex; gap:20px;}
.sidebarTitle {display: flex; gap:2px; align-items: center;}
.tabsRegion {font-size:12.5px; transition: color var(--ease), background var(--ease); border-radius: var(--r-s); align-items: center; display: inline-flex; padding-top:7px;padding-right:18px;padding-bottom:7px;padding-left:18px; font-weight:500; color: var(--muted);}body .tabsRegion:hover{background: var(--paper-3); color: var(--ink);}html .c-block-container{margin-left:auto; font-size:18px; align-items: center; background: var(--accent); justify-content: center; font-weight:500; color:#f2f4ff; display: inline-flex; transition: background var(--ease), transform var(--ease), box-shadow var(--ease); padding:7px 18px; border-radius: var(--r-m);}*.c-block-container:hover{box-shadow:0 4px 12px rgba(187, 66, 15, 0.34); background: var(--accent-2); transform: translateY(-1px); color:#faf6f7;}

.mediaIndicator {display: none; padding:8px; gap:6px; width:37px; flex-direction: column; height:39px; margin-left:auto; border-radius: var(--r-s); justify-content: center;}body .mediaIndicator i{display: block; background: var(--ink); height:2px; border-radius:2px; transition: transform var(--ease), opacity var(--ease);}.mediaIndicator.is-open i:nth-child(1){mix-blend-mode:normal; transform: translateY(7px) rotate(45deg); backface-visibility:visible;}
.mediaIndicator.is-open i:nth-child(2) {image-rendering:auto; opacity:0;}
.divider-subtitle:first-child {min-width:0; flex-wrap:nowrap}

.mediaIndicator.is-open i:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

/* ---- buttons ---- */
.progressTrigger {border-radius: var(--r-m); padding:6px 19px; display: inline-flex; shape-margin:0; font-weight:500; gap:5px; justify-content: center; align-items: center; transition: background var(--ease), transform var(--ease), box-shadow var(--ease); white-space: nowrap; font-size:15.5px; font-family: var(--sans); background: var(--accent); color:#f1fff5;}
.widget-inner {justify-content:space-between; overflow:visible; transition:all 0.15s ease; font-weight:400; flex-wrap:wrap; position:absolute}

.progressTrigger:hover {text-rendering:auto; color:#fdfbff; box-shadow:0 4px 16px rgba(178, 76, 0, 0.25); background: var(--accent-2); transform: translateY(-1px); mix-blend-mode:normal;}
.fill-media {width:100%; padding:15px 20px; margin-top:1px;}
.moduleSummary {padding-top:12px;padding-right:24px;padding-bottom:12px;padding-left:24px; font-size:15px; align-self: flex-start;}

/* =======================================================================
   MAIN  (content-first; cleared from the fixed masthead)
   ======================================================================= */
.statusZone {padding-top: var(--bar);}.actionThumb{margin:0 auto; image-rendering:auto; padding:34px 0 63px;}.actionThumb{max-width: var(--read);}
.search-suffix:hover {margin-right:0; font-weight:normal; padding-bottom:1.25rem; align-items:flex-end; color:inherit}


/* =======================================================================
   POST
   ======================================================================= */
.gap-8 {background: var(--paper); border: 1px solid var(--line); padding:43px; border-radius: var(--r-l); box-shadow: var(--sh-1);}
.tagSubtitle {-webkit-hyphens:manual;-ms-hyphens:manual;margin-bottom:12px; line-height:1.16; font-weight:bold; font-size: clamp(1.85rem, 1.2rem + 2.4vw, 2.6rem); color: var(--ink); print-color-adjust:economy; hyphens:manual; letter-spacing:-.14em;}
.replySummary {padding-bottom:25px; margin-bottom:30px; align-items: center; flex-wrap: wrap; gap:5px 13px; display: flex; border-bottom: 1px solid var(--line-soft);}
.breadcrumbImage {align-items: center; display: inline-flex; gap:7px; color: var(--faint); font-size:13px;}
.breadcrumbImage svg {opacity:0.7;}

/* ---- toc ---- */
.order-2xl {margin-bottom:36px; background: var(--accent-wash); border:1px solid #ffd2b9; padding:18px 19px; border-radius: var(--r-m); border-left: 3px solid var(--accent);}
.heroLabel {color: var(--line);}
.ui-pagination-name {display: flex; justify-content: space-between; margin-bottom:9px; align-items: center;}
.order-2xl[hidden] {display: none;}
.gallery-dense {font-weight:600; font-size:16px;}*.breadcrumbText{border-radius: var(--r-s); font-weight:500; color: var(--accent); transition: background var(--ease); font-size:12px; padding:-1px 13px;}*.breadcrumbText:hover{background:rgba(190, 56, 0, 0.11);}
.panelTime {gap:7px; flex-direction: column; display: flex;}
.panelTime a {display: block; font-variant-caps:normal; padding:2px 0; transition: color var(--ease), padding-left var(--ease); font-size:10px; border-left:2px solid transparent; color: var(--muted);}
.panelTime a:hover {color: var(--accent); padding-left:11px;}
.panelTime a.moduleInfo {-moz-tab-size:4;tab-size:4; padding-left:12px; contain:none; font-size:16.5px;}
.panelTime a.moduleInfo:hover {padding-left:18px;}
.panelTime a.cardValue {padding-left:28px; font-size:11px;}
.panelTime a.cardValue {color: var(--faint);}

/* ---- body (the only place real headings appear) ---- */
.progressSection {color: var(--ink-soft);}

/* ---- body (the only place real headings appear) ---- */
.progressSection {font-size:18.5px; line-height:1.78;}
.progressSection > *:first-child {margin-top:0;}
.progressSection h2 {color: var(--ink); font-size:1.52rem; margin:1.91em 0 .55.05em; letter-spacing:-.1.01em; font-family: var(--serif); font-weight:600;}.progressSection h3{font-weight:600; margin:1.56em 0 .45.03em; color: var(--ink); font-size:1.3rem; font-family: var(--serif);}
.progressSection h4 {font-weight:600; font-size:1.14rem; font-family: var(--serif); margin:1.33em 0 .3.97em; color: var(--ink);}.progressSection p{margin:0 0 1.29em;}
.progressSection ul, .progressSection ol {margin:0 0 1.36em 1.44em;}*.progressSection ul{list-style: disc;}.progressSection ol{list-style: decimal;}
.progressSection li {margin-bottom:.45.01em; background-blend-mode:normal; widows:2;}
.progressSection li::marker {font-variant-caps:normal; color: var(--accent);}body .progressSection a{text-decoration-thickness:1.5px; text-decoration:underline; text-decoration-color:rgba(187, 82, 30, 0.39); text-underline-offset:3px;}
.progressSection a:hover {text-decoration-color: var(--accent-2);}.progressSection img{margin:1.66em 0; border-radius: var(--r-m);}
.progressSection blockquote {font-family: var(--serif); padding:14px 24px; border-left: 3px solid var(--accent); color: var(--ink); background: var(--paper-2); font-style:italic; font-size:1.1em; border-radius: 0 var(--r-m) var(--r-m) 0; margin:1.66em 0;}
.progressSection blockquote:empty {display: none;}
.progressSection pre {line-height:1.6; border-radius: var(--r-m); font-size:12.5px; background: var(--dark); padding-top:19px;padding-right:24px;padding-bottom:19px;padding-left:24px; margin:1.73em 0; overflow-x: auto; color:#f1e6d5;}
.progressSection code {font-size:.9.01em; font-family:'SFMono-Regular', 'Fira Code', Consolas, monospace;}
.progressSection :not(pre) > code {border-radius:none; padding-top:2px;padding-right:9px;padding-bottom:2px;padding-left:9px; color: var(--accent-2); background: var(--paper-3);}
.progressSection table {margin:1.68em 0; font-size:17px; width:100%; border-collapse:collapse;}
.progressSection th, .progressSection td {text-align: left; border: 1px solid var(--line); padding:11px 15px;}
.progressSection th {font-weight:bold; color: var(--ink); background: var(--paper-2);}
.progressSection hr {margin:2.05em 0; border:none; border-top: 1px solid var(--line);}/* ---- share ---- */
.filterGroup:not(.null92){align-items: center; gap:10px; display: flex; margin-top:38px;}
.order-6 {color: var(--faint) !important; font-weight:bold; letter-spacing:.7.94em; text-transform:uppercase; font-size:15px !important;}
.tooltipDate {gap:7px; display: flex;}html .threadCell{border: 1px solid var(--line); color: var(--muted); border-radius: var(--r-m); transition: all var(--ease); justify-content: center; height:42px; background: var(--paper-2); display: inline-flex; width:37px;}html .threadCell{align-items: center;}
.threadCell:hover {box-shadow:0 9px 15px rgba(180, 51, 24, 0.22); transform: translateY(-2px); color:#fbfff3; background: var(--accent); border-color: var(--accent);}

.filterBlock {border-top: 1px solid var(--line-soft); border:0 none; margin:31px 0;}
.feature-detail:not(:last-child) {opacity:1; position:relative; transition:color 0.45s; cursor:default; max-width:none}


/* ---- vote ---- */
.h-inline {display: flex; align-items: center; gap:15px;}
.header__row {font-weight:600; font-size:11px;}
.selectName {gap:9px; display: flex;}.galleryAddon:not(.empty50){font-size:13px; color: var(--muted); padding:6px 21px; border-radius: var(--r-m); background: var(--paper); gap:5px; transition: all var(--ease); border: 1px solid var(--line); align-items: center; display: inline-flex; font-weight:500;}
.w-block:hover {color: var(--ok); border-color: var(--ok); background:#e5ffff;}.galleryAddon b{font-weight:700;}
.el-dropdown:hover {color: var(--no); background:rgb(255, 255, 250); border-color: var(--no);}.galleryAddon.is-voted{pointer-events: none; opacity:0.68;}

/* =======================================================================
   SECONDARY SECTIONS  (rendering-optimised)
   ======================================================================= */
.modalPrimary, .carousel__link--light, .moduleSubtitle, .h-5 {content-visibility:auto; contain-intrinsic-size:auto 420px; margin-top:40px;}
.modalPrimary, .carousel__link--light, .h-5 {border: 1px solid var(--line); padding:37px; box-shadow: var(--sh-1); background: var(--paper); border-radius: var(--r-l);}.reviewSuffix, .pageZone{font-size:1.34rem; font-weight:600;}.reviewSuffix, .pageZone{margin-bottom:25px;}
.sortSecondary {color: var(--faint); font-size:9.5px; margin-bottom:13px;}
.tag-content {font-size:13px; display: inline-block; margin-bottom:10px; padding-bottom:14px; will-change:auto; font-weight:600; border-bottom: 2px solid var(--accent);}

/* inputs */
.t-rating {border-radius: var(--r-m); display: block; color: var(--ink); padding-top:14px;padding-right:11px;padding-bottom:14px;padding-left:11px; font-size:17px; width:100%; outline:none; transition: border-color var(--ease), box-shadow var(--ease); border: 1px solid var(--line); background: var(--paper);}
.t-rating::placeholder {color: var(--faint);}
.block {line-height:1.6; resize: vertical; min-height:127px;}*.t-rating:focus{image-rendering:auto; box-shadow:0 0 0 3px rgba(187, 67, 4, 0.05); border-color: var(--accent); font-variant-ligatures:normal;}
.select--outlined {grid-template-columns: 1fr 1fr; gap:12px; display: grid;}

.review-expand, .bannerFoot {flex-direction: column; gap:16px; display: flex;}

/* more reading */
.drawerGroup {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap:14px;}
.reviewHolder {display: flex; border: 1px solid var(--line-soft); background: var(--paper-2);}
.reviewHolder {transition: all var(--ease); flex-direction: column; padding:17px; border-radius: var(--r-m); gap:10px;}
.reviewHolder:hover {transform: translateY(-2px); box-shadow: var(--sh-1); border-color: var(--accent);}
.badgeSlot {color: var(--accent); font-weight:bold; font-size:12px; letter-spacing:.6.98em; text-transform:uppercase;}
.widgetSeparator {line-height:1.38; font-weight:600; text-decoration-skip-ink:auto; font-size:17px; color: var(--ink); font-family: var(--serif);}
.searchSecondary {border: 1px solid var(--line); padding:28px; box-shadow: var(--sh-1); border-radius: var(--r-l); background: var(--paper);}

/* utility cards */
.moduleSubtitle {display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); font-variant-caps:normal; page-break-inside:auto; gap:22px;}.popoverData:not(.dummy30){border-radius: var(--r-m); overflow: hidden; border: 1px solid var(--line);}.popoverData:not(.dummy30){display: flex; background: var(--paper);}*.popoverData .t-rating{border:none; border-radius:none;}
.dialogLink {align-items: center; display: flex; flex-shrink: 0; color:hsl(59, 99.8%, 98.5%); justify-content: center; width:49px; background: var(--accent); transition: background var(--ease);}
.popoverData .t-rating:focus {box-shadow:none;}
.dialogLink:hover {background: var(--accent-2);}.actionData:not(.placeholder27){flex-direction: column; display: flex;}
.actionData li a {padding:8px 0; transition: color var(--ease), padding-left var(--ease); color: var(--muted); border-bottom: 1px solid var(--line-soft); font-size:17.5px; display: block;}.actionData li:last-child a{border-bottom:none;}*.moduleDate{font-weight:bold; color: var(--line); width:25px; font-family: var(--serif); display: inline-block;}
.actionData li a:hover {padding-left:8px; color: var(--accent);}body .actionData li a:hover .moduleDate{orphans:2; color: var(--accent-3);}/* =======================================================================
   FOOTER
   ======================================================================= */
.panelItem{content-visibility:auto; contain-intrinsic-size:auto 360px; background: var(--dark); color:#e8d7c2;}
.modalDetail {display: grid; gap:45px; grid-template-columns: 1.6fr 1fr 1fr 1.1fr; font-variant-caps:normal;}
.divider-toggle:first-child {justify-content:flex-start; width:100%; font-size:inherit; position:relative}

.heroInput {padding:56px 0 44px;}
.entryPreview img {width:auto; margin-bottom:16px; height:36px; filter:brightness(0) invert(1);}*.opacity-center{color:hsl(305, 100%, 95.9%); letter-spacing:.7.92em; font-size:11px; text-transform:uppercase; margin-bottom:16px; font-weight:600;}
.sidebarArea {margin-bottom:17px; color:rgb(128, 123, 97); font-size:9px;}
.selectInner {flex-direction: column; gap:5px; display: flex;}
.selectInner a {text-decoration-skip-ink:auto; transition: color var(--ease), padding-left var(--ease); color:rgb(158, 158, 126); font-size:15px;}.selectInner a:hover{color:hsl(61, 99.5%, 98.3%); padding-left:3px;}.commentDetail:not(.dummy74){font-size:10px; border-top:1px solid rgba(240, 255, 237, 0.14); margin-top:16px; padding-top:11px; color:#76836d;}

.drawer-alt {print-color-adjust:economy; page-break-inside:auto; display: flex; gap:6px;}
.drawer-alt a {height:34px; align-items: center; border-radius:50%; justify-content: center; color:hsl(23, 9%, 63.3%); width:41px; transition: all var(--ease); display: inline-flex; border:1px solid rgba(255, 251, 242, 0.08);}html .drawer-alt a:hover{background: var(--accent); border-color: var(--accent); color:rgb(247, 229, 231); transform: translateY(-2px);}
#progress-slot {line-height:1; position:relative; padding-top:0.5rem}


.toggle-hero {border-top:1px solid rgba(255, 255, 244, 0); padding:17px 0; text-align: center;}
.list-title::before {content:''; letter-spacing:normal; transition:opacity 0.4s; opacity:1}

.toggle-hero p {color:#5b4651; font-size:16px; margin:0;}

/* =======================================================================
   TO-TOP + COOKIE
   ======================================================================= */
.timelineOuter {background: var(--accent); visibility: hidden; color:#fbfff4; z-index: 900; height:42px; width:45px; bottom:25px; right:26px; display: flex; box-shadow: var(--sh-2); transform: translateY(12px); transition: opacity .3s var(--ease), transform .3s var(--ease), visibility .3s, background var(--ease); opacity:0; align-items: center; justify-content: center; position: fixed; border-radius: var(--r-m);}.is-on.timelineOuter{visibility: visible; transform: translateY(0); opacity:1;}

.reviewColumn {transform: translateY(100%); left:0; box-shadow:0 -7px 22px rgba(0, 0, 0, 0.12); position: fixed; transition: transform .4s var(--ease); z-index: 1100; bottom:0; padding:14px 0; color:#c4cec0; right:0; background: var(--dark-2);}.timelineOuter:hover{will-change:auto; mix-blend-mode:normal; background: var(--accent-2); box-shadow: var(--sh-3); transform: translateY(-2px);}.reviewColumn.is-on{transform: translateY(0);}
.reviewColumn .leading-xl {display: flex; gap:21px; justify-content: space-between; align-items: center;}
.reviewColumn p {font-size:13px; color:#b3a998; margin:0; flex: 1;}
.spinner-slot.post-large {gap:39px; border:0; height:auto}
body .reviewColumn a{text-decoration:underline; color: var(--accent-3); contain:none;}/* =======================================================================
   MODALS  (pure CSS :target, opened via #page-toolbar / #page-widget)
   ======================================================================= */
.ratingSeparator{display: none; position: fixed; inset:0; padding:19px; z-index: 1300; align-items: center; justify-content: center;}
.ratingSeparator:target {display: flex; page-break-inside:auto; background-blend-mode:normal;}
.popoverContent {inset:0; position: absolute; backface-visibility:visible; background:rgba(30, 7, 23, 0.57); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); widows:2;}
.commentTrigger {animation: rl-pop .25s var(--ease); position: relative; padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px; box-shadow: var(--sh-3); max-width:402px; z-index: 1; background: var(--paper); width:100%; border-radius: var(--r-l);}
.search-data {height:100%; min-height:100vh}

@keyframes rl-pop { from {opacity:0; transform: translateY(14px) scale(.98);} to {opacity:1; transform: none;} }body .toggleWrapper{font-weight:600; font-size:1.38rem;}
.toggleRow {print-color-adjust:economy; justify-content: space-between; display: flex; align-items: center; margin-bottom:16px;}
.widgetBlock {transition: background var(--ease), color var(--ease); align-items: center; border-radius: var(--r-s); width:34px; height:30px; color: var(--faint); shape-margin:0; justify-content: center; display: inline-flex;}
.widgetBlock:hover {color: var(--ink); hyphens:manual; background: var(--paper-3); transform-style:flat;}
.carouselTitle {gap:17px; flex-direction: column; display: flex;}
.sectionWrapper {align-items: center; font-size:16px; display: flex; gap:12px; justify-content: space-between;}html .drawerIcon{color: var(--faint); gap:9px; cursor: pointer; align-items: center; display: inline-flex;}
.drawerIcon input {accent-color: var(--accent);}.paginationName{margin-top:18px; font-size:18px; border-top: 1px solid var(--line-soft); color: var(--faint); padding-top:19px; text-align: center;}html .entryContent{font-weight:600;}

/* =======================================================================
   RESPONSIVE
   ======================================================================= */
@media (max-width: 900px) {
  .modalDetail {gap:38px; grid-template-columns: 1fr 1fr;}
}
@media (max-width: 768px) {
  :root {--bar: 58px;}body .mediaIndicator{display: flex;}
  body {font-size:20px;}html .col-2{right:0; gap:4px; align-items: stretch; padding:19px 23px; display: none; top: var(--bar); border-bottom: 1px solid var(--line); background: var(--paper); left:0; position: absolute; flex-direction: column; box-shadow: var(--sh-3);}
.drawer-indicator::before {content:''; margin-top:auto; align-items:center; cursor:default; max-width:none; transition:color 0.25s}

  .col-2.is-open {display: flex;}
  .tabsRegion {width:100%; padding:10px 13px;}
.status__handle {min-width:0; border:none; cursor:pointer}

  .sidebarTitle {align-items: stretch; flex-direction: column; gap:0;}html .c-block-container{margin-top:9px; width:100%; margin-left:0;}.progressSection:not(.dummy83){font-size:16.5px;}

  .gap-8 {padding:24px 23px;}
  .filterGroup {gap:14px; flex-wrap: wrap;}
  .select--outlined {grid-template-columns: 1fr;}
  .modalPrimary, .carousel__link--light, .h-5 {padding:28px 19px;}
  .h-inline {align-items: flex-start; gap:16px; flex-direction: column;}
  .modalDetail {grid-template-columns: 1fr; gap:36px;}
  .reviewColumn .leading-xl {flex-direction: column; text-align: center; gap:11px;}
}
@media (max-width: 480px) {html .leading-xl{padding:0 19px;}
  .gap-8 {padding:19px 13px;}
  .modalPrimary, .carousel__link--light, .h-5, .searchSecondary {padding:18px 18px;}
  .drawerGroup {grid-template-columns: 1fr;}
  .commentTrigger {padding:21px;}
  .timelineOuter {bottom:15px; right:18px;}
.header--hover {display:flex; color:inherit; opacity:1; margin-left:11px; align-items:flex-start; font-weight:normal}

}

@media (prefers-reduced-motion: reduce) {
  * {animation:none !important; scroll-behavior: auto !important; transition:none !important;}
}