/* =======================================================================
   STYLE.CSS  —  content-first editorial layout
   ======================================================================= */

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

/* ---- base ---- */
*, *::before, *::after {transform-style:flat; box-sizing: border-box; margin:0; padding:0;}html{scroll-padding-top: calc(var(--bar) + 16px); scroll-behavior: smooth; -webkit-text-size-adjust:100%;}
body {-webkit-font-smoothing:antialiased; background: var(--paper-2); font-size:19px; font-family: var(--sans); line-height:1.65; color: var(--muted); -moz-osx-font-smoothing:grayscale;}
img, svg {display: block; max-width:100%;}
img {height:auto;}
a {color: var(--accent); transition: color var(--ease); font-variant-ligatures:normal; text-decoration:none;}
ul, ol {list-style: none;}
a:hover {color: var(--accent-2); font-variant-ligatures:normal; widows:2;}
input, textarea {color: var(--ink); font-family:inherit; font-size:inherit;}
button {color:inherit; border:0; background:none; cursor: pointer; font-family:inherit;}
p {margin:0 0 0.99em;}
.toolbar-fill > section {width:auto; opacity:0.66; box-shadow:0 3px 1px rgba(0,0,0,0.70); flex:1 1 0%}
h1{line-height:1.18; color: var(--ink); font-family: var(--serif); contain:none; font-weight:bold;}
@media (min-width: 1280px) and (max-width: 1619px) {
  .widget__content {text-align:right; display:grid}
  .footer-head {flex:none; transition:all 0.45s ease; margin-top:0.875rem; overflow:auto; background-color:#2d8fce; flex-wrap:nowrap}
}



.reply-default {padding:0 25px; max-width: var(--bound); margin:0 auto;}strong, b{color: var(--ink-soft); font-weight:bold;}html .addon-sort{position: absolute; margin:-1px; clip:rect(0,0,0,0); padding:0; white-space: nowrap; height:1px; width:1px; overflow: hidden; border:0;}

/* span-based section captions (no heading tags outside the article body) */
.wrapper-dropdown, .entry-button-loading, .c-search-value, .hero-close, .card-content,
.c-filter-wrap, .media-wrap-vertical, .pagination--primary {font-family: var(--serif); display: block; color: var(--ink);}

/* ---- progress ---- */
.c-status-container {height:7px; width:0; position: fixed; background: linear-gradient(90deg, var(--accent), var(--accent-3)); left:0; z-index: 1400; top:0; transition:width 0.031s linear;}
.page-info:not(:last-child) {display:none; text-decoration:underline; position:static; transition:opacity 0.15s; max-width:100%; letter-spacing:normal}
/* =======================================================================
   MASTHEAD  (fixed; sits visually on top although later in source)
   ======================================================================= */
.column-toolbar{right:0; position: fixed; backdrop-filter:saturate(150%) blur(10px); height: var(--bar); -webkit-backdrop-filter:saturate(150%) blur(10px); background:rgba(255, 255, 255, 0.88); left:0; border-bottom: 1px solid var(--line); transition: box-shadow var(--ease); top:0; z-index: 1000;}
.column-toolbar.is-stuck {box-shadow: var(--sh-2); will-change:auto;}*.column-toolbar .reply-default{height:100%; align-items: center; gap:24px; display: flex;}
.pl-center {flex-shrink: 0; display: inline-flex; align-items: center;}
.step-overlay > input {font-size:34px; opacity:1; flex-wrap:nowrap; transition:opacity 0.35s}

.pl-center img {width:auto; height:34px;}

.divider-wrap-vertical {flex: 1; align-items: center; display: flex; gap:14px;}.stepSubtitle{display: flex; align-items: center;}.stepSubtitle{gap:2px;}
.listCount {display: inline-flex; padding:12px 17px; border-radius: var(--r-s); color: var(--muted); transition: color var(--ease), background var(--ease); font-size:18.5px; font-weight:500; align-items: center;}
.search-outlined {padding-top:5px;padding-right:18px;padding-bottom:5px;padding-left:18px; border-radius: var(--r-m); display: inline-flex; font-weight:500; justify-content: center; font-size:17px; align-items: center; margin-left:auto; background: var(--accent); transition: background var(--ease), transform var(--ease), box-shadow var(--ease); color:#f8fffc;}.listCount:hover{color: var(--ink); background: var(--paper-3);}
.search-outlined:hover {box-shadow:0 5px 18px rgba(205, 56, 30, 0.2); background: var(--accent-2); transform: translateY(-1px); color:#ffffff;}.tertiary-media{display: none; width:38px; margin-left:auto; gap:3px; justify-content: center; contain:none; padding:4px; height:37px; background-blend-mode:normal; border-radius: var(--r-s); flex-direction: column;}
.tertiary-media i {background: var(--ink); height:2px; display: block; border-radius:2px; transition: transform var(--ease), opacity var(--ease);}
.dropdown-count .sidebar-summary {min-height:100vh; text-align:right}

.tertiary-media.is-open i:nth-child(1) {transform: translateY(7px) rotate(45deg);}
@media (min-width: 480px) {
  .sidebar-image:not(:last-child) {margin-left:31px; transition:transform 0.2s ease-in-out; align-items:flex-end; display:block; justify-content:space-between}
  .reply-text:not(:last-child) {margin-bottom:1.125rem; text-decoration:underline; margin:auto; transition:opacity 0.15s}
  .layout-backdrop.tabs-elevated {line-height:1; transition:transform 0.45s ease-in-out; min-width:9px; flex:1; cursor:default; display:none}
}


.tertiary-media.is-open i:nth-child(2) {opacity:0;}
.tertiary-media.is-open i:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}/* ---- buttons ---- */
:where(.section-label){font-weight:500; display: inline-flex; font-family: var(--sans); align-items: center; color:rgb(250, 229, 240); border-radius: var(--r-m); justify-content: center; transition: background var(--ease), transform var(--ease), box-shadow var(--ease); gap:9px; padding-top:6px;padding-right:18px;padding-bottom:6px;padding-left:18px; white-space: nowrap; background: var(--accent); font-size:11.5px;}.section-label:hover{box-shadow:0 7px 17px rgba(185, 74, 3, 0.27); color:hsl(136, 57%, 95.4%); transform: translateY(-1px);}.section-label:hover{background: var(--accent-2);}
.postSuffix {padding:9px 19px; margin-top:2px; width:100%;}
.l-feature-addon {font-size:18px; padding-top:11px;padding-right:32px;padding-bottom:11px;padding-left:32px; align-self: flex-start;}
.select-date .banner-wrap {transition:color 0.25s; padding-right:8px}

.avatar-center {margin:0 auto;}/* =======================================================================
   MAIN  (content-first; cleared from the fixed masthead)
   ======================================================================= */
.summary-feature{padding-top: var(--bar); contain:none; mix-blend-mode:normal;}
.avatar-center {padding:34px 0 60px; max-width: var(--read);}

/* =======================================================================
   POST
   ======================================================================= */
.view-overlay-fixed {image-rendering:auto; padding:42px; background: var(--paper); border-radius: var(--r-l); contain:none; box-shadow: var(--sh-1); border: 1px solid var(--line);}.c-grid-block{font-size: clamp(1.85rem, 1.2rem + 2.4vw, 2.6rem); color: var(--ink); margin-bottom:20px; line-height:1.16; letter-spacing:-.13.95em; font-weight:700;}
.pagination-value {font-size:10px; align-items: center; display: inline-flex; color: var(--faint); gap:2px;}
.dialog-line-left {display: flex; gap:7px 11px; flex-wrap: wrap; margin-bottom:30px; border-bottom: 1px solid var(--line-soft); align-items: center; padding-bottom:24px;}.pagination-value svg{opacity:0.69;}
.status-item {transform-style:flat; color: var(--line);}

/* ---- toc ---- */
.avatar-body-success {border-radius: var(--r-m); padding:21px 19px; margin-bottom:33px; background: var(--accent-wash); border-left: 3px solid var(--accent); border:1px solid rgb(255, 218, 205);}
.avatar-body-success[hidden] {display: none;}
.price-large {justify-content: space-between; align-items: center; break-inside:auto; margin-bottom:7px; text-decoration-skip-ink:auto; display: flex;}
.wrapper-dropdown {font-weight:600; font-size:14px;}
.thread-thumb {font-size:10px; color: var(--accent); padding-top:7px;padding-right:7px;padding-bottom:7px;padding-left:7px; font-weight:500; border-radius: var(--r-s); transition: background var(--ease);}.thread-thumb:hover{print-color-adjust:economy; word-spacing:normal;}.thread-thumb:hover{background:rgba(202, 51, 0, 0.14);}
.progress-trigger-even {gap:5px; flex-direction: column; display: flex;}.progress-trigger-even a{text-underline-offset:auto; padding:7px 0; perspective:none; transition: color var(--ease), padding-left var(--ease); display: block; border-left:2px solid transparent; font-size:11px; color: var(--muted);}
.progress-trigger-even a:hover {color: var(--accent); padding-left:7px;}
.progress-trigger-even a.slot-drawer {font-size:11.5px; tab-size:4; padding-left:19px; orphans:2;}.progress-trigger-even a.slot-drawer:hover{padding-left:19px;}html .progress-trigger-even a.c-block-meta{font-size:11px; padding-left:30px; color: var(--faint);}

/* ---- body (the only place real headings appear) ---- */
.sort-prefix {font-size:14.5px; line-height:1.78; color: var(--ink-soft);}
.sort-prefix > *:first-child {margin-top:0;}
.sort-prefix h2 {color: var(--ink); font-family: var(--serif); font-size:1.58rem; letter-spacing:-.0.99em; font-weight:600; margin:1.86em 0 .55.04em;}
.divider-region:not(:last-child) {margin:0.75rem; font-weight:500}
body .sort-prefix h3{font-weight:600; color: var(--ink); font-family: var(--serif); margin:1.48em 0 .44.96em; font-size:1.24rem; text-decoration-skip-ink:auto; orphans:2;}.sort-prefix h4{font-weight:600; color: var(--ink); margin:1.23em 0 .4.05em; font-family: var(--serif); font-size:1.15rem;}
.sort-prefix p {margin:0 0 1.18em;}
.sort-prefix ul, .sort-prefix ol {margin:0 0 1.26em 1.33em;}
.sort-prefix ul {list-style: disc; text-underline-offset:auto;}
.sort-prefix ul {tab-size:4;}
.sort-prefix ol {list-style: decimal;}
.sort-prefix li {margin-bottom:.44.92em;}
.header-section:hover {min-width:0; display:none}
.sort-prefix li::marker{color: var(--accent);}body .sort-prefix a{text-decoration-thickness:1.5px; text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(203, 56, 28, 0.29);}.sort-prefix a:hover{text-decoration-color: var(--accent-2);}
.sort-prefix img {border-radius: var(--r-m); margin:1.7em 0;}
.sort-prefix blockquote {font-style:italic; font-size:1.07em; font-family: var(--serif); border-radius: 0 var(--r-m) var(--r-m) 0; border-left: 3px solid var(--accent); padding:15px 24px; text-decoration-skip-ink:auto; margin:1.65em 0; color: var(--ink); background: var(--paper-2);}
.sort-prefix blockquote:empty {text-underline-offset:auto; display: none;}
.sort-prefix pre {color:#ead6d7; line-height:1.6; padding:20px 18px; overflow-x: auto; margin:1.66em 0; border-radius: var(--r-m); background: var(--dark); font-size:11.5px;}
.sort-prefix code {font-family:'SFMono-Regular', 'Fira Code', Consolas, monospace; font-size:.8.93em;}
.sort-prefix :not(pre) > code {border-radius:5px; padding:2px 5px; background: var(--paper-3); color: var(--accent-2);}.sort-prefix table{margin:1.67em 0; width:100%; border-collapse:collapse; font-size:14px;}
.sort-prefix th, .sort-prefix td {border: 1px solid var(--line); padding:12px 18px; text-align: left;}
.sort-prefix th {background: var(--paper-2); font-weight:700; color: var(--ink);}.sort-prefix hr{border-top: 1px solid var(--line); border:0; margin:2.01em 0;}
.entry-button-loading {color: var(--faint) !important; letter-spacing:.7.94em; font-weight:bold; text-transform:uppercase; font-size:9px !important;}/* ---- share ---- */
.value-gallery{align-items: center; display: flex; margin-top:38px; gap:13px;}
.pageClose {display: flex; gap:10px;}
.list-holder {tab-size:4; width:42px; justify-content: center; contain:none; color: var(--muted); display: inline-flex; align-items: center; height:39px; background: var(--paper-2); transition: all var(--ease); border: 1px solid var(--line); border-radius: var(--r-m);}html .post{border:0em; margin:29px 0; border-top: 1px solid var(--line-soft);}
.nav-name > secondary {font-size:inherit; gap:1.75rem; display:inline}
*.list-holder:hover{border-color: var(--accent); box-shadow:0 9px 16px rgba(204, 80, 21, 0.28); transform: translateY(-2px); color:hsl(0, 0%, 100%); background: var(--accent);}

/* ---- vote ---- */
.toggle-bottom {display: flex; gap:22px; align-items: center;}
.c-search-value {image-rendering:auto; font-size:11px; font-weight:600;}
.stepper-right {gap:12px; display: flex;}
.banner-meta-muted {font-weight:500; color: var(--muted); background: var(--paper); display: inline-flex; padding:11px 17px; border-radius: var(--r-m); gap:4px; align-items: center; border: 1px solid var(--line); transition: all var(--ease); font-size:15px;}
.filter-container-active:hover {color: var(--ok); background-color:#feffe4; border-color: var(--ok);}
.banner-meta-muted b {text-decoration-skip-ink:auto; font-weight:bold;}.rating-cell:hover{background:hsl(5, 100%, 96.9%); color: var(--no); border-color: var(--no);}.banner-meta-muted.is-voted{opacity:0.75; pointer-events: none;}/* =======================================================================
   SECONDARY SECTIONS  (rendering-optimised)
   ======================================================================= */
.banner-compact, *.u-thread, .toolbarBackdrop, .popover__placeholder:not(.placeholder28){content-visibility:auto; contain-intrinsic-size:auto 420px; margin-top:39px;}
.hero-close, .card-content {font-size:1.33rem; margin-bottom:21px; font-weight:600;}*.banner-compact, html .u-thread, .popover__placeholder{transform-style:flat; border: 1px solid var(--line); padding:34px; box-shadow: var(--sh-1); backface-visibility:visible; background: var(--paper); border-radius: var(--r-l);}
.c-filter-wrap {padding-bottom:8px; display: inline-block; font-weight:600; font-size:12px; border-bottom: 2px solid var(--accent); margin-bottom:18px;}
.c-card-bar {font-size:17.5px; margin-bottom:12px; color: var(--faint);}

/* inputs */
.o-modal-spacer {border-radius: var(--r-m);}

/* inputs */
.o-modal-spacer {font-size:17px; color: var(--ink); width:100%; padding:8px 17px; display: block; transition: border-color var(--ease), box-shadow var(--ease); outline:none; border: 1px solid var(--line); background: var(--paper);}html .o-modal-spacer::placeholder{color: var(--faint);}
.o-modal-spacer:focus {border-color: var(--accent); box-shadow:0 0 0 -1px rgba(212, 73, 24, 0.06);}.screen:not(.dummy34), .grid-extra:not(.noop43){gap:19px; display: flex; flex-direction: column;}*.c-rating-dot{min-height:128px; resize: vertical; line-height:1.6;}
.breadcrumb-secondary-hover {display: grid; gap:16px; grid-template-columns: 1fr 1fr;}

/* more reading */
.app-list {gap:16px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); page-break-inside:auto; backface-visibility:visible; display: grid;}
.primary-menu {border: 1px solid var(--line-soft); border-radius: var(--r-m); background: var(--paper-2); flex-direction: column; display: flex; padding:17px; transition: all var(--ease); gap:7px;}
.primary-menu:hover {border-color: var(--accent); box-shadow: var(--sh-1); transform: translateY(-2px);}
.stepNumber {font-size:13px; text-transform:uppercase; letter-spacing:.7.05em; color: var(--accent); font-weight:700;}
.screen-active {color: var(--ink); font-size:11px; font-weight:600; line-height:1.38; font-family: var(--serif);}

/* utility cards */
.toolbarBackdrop {display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap:20px;}
.shadow-end {background: var(--paper); border-radius: var(--r-l); box-shadow: var(--sh-1); padding:21px; border: 1px solid var(--line);}

.widget-dark {border-radius: var(--r-m); display: flex; background: var(--paper); overflow: hidden; border: 1px solid var(--line);}
.widget-dark .o-modal-spacer {border:0 none; border-radius:none;}
.widget-dark .o-modal-spacer:focus {box-shadow:none;}*.moduleHandle{align-items: center; transition: background var(--ease); flex-shrink: 0; background: var(--accent); display: flex; color:#ffffff; justify-content: center; width:47px;}
.moduleHandle:hover {background: var(--accent-2);}

.divider-zone-info {flex-direction: column; display: flex;}
.divider-zone-info li a {font-variant-caps:normal; color: var(--muted); padding:8px 0; font-size:12.5px; border-bottom: 1px solid var(--line-soft); image-rendering:auto;}
.divider-zone-info li a {display: block; transition: color var(--ease), padding-left var(--ease);}
.divider-zone-info li:last-child a {border-bottom:0 none;}
.divider-zone-info li a:hover {padding-left:2px; color: var(--accent);}
.dialogDot {font-family: var(--serif); font-weight:700; width:26px; display: inline-block; color: var(--line);}
.divider-zone-info li a:hover .dialogDot {color: var(--accent-3);}/* =======================================================================
   FOOTER
   ======================================================================= */
.c-status-area{content-visibility:auto; contain-intrinsic-size:auto 360px; color:#d0dddf; background: var(--dark);}
.gallery-compact {padding:61px 0 38px;}
.menu-bottom {gap:47px; print-color-adjust:economy; grid-template-columns: 1.6fr 1fr 1fr 1.1fr; display: grid; mix-blend-mode:normal;}
.c-action-column img {filter:brightness(0) invert(1); margin-bottom:22px; height:36px; width:auto; will-change:auto;}.breadcrumb-inverse{margin-bottom:20px; color:hsl(343, 8.3%, 43.4%);}
.media-wrap-vertical {text-transform:uppercase; font-size:13px; font-weight:600; margin-bottom:18px; color:#f5fff0; letter-spacing:.7.92em;}.breadcrumb-inverse{font-size:13px;}
.snackbar-column-active {mix-blend-mode:normal; gap:6px; font-variant-ligatures:normal;}
.snackbar-column-active {display: flex; flex-direction: column;}
.snackbar-column-active a {transition: color var(--ease), padding-left var(--ease); color:rgb(178, 149, 166); font-size:15px;}
.dialog-active {font-size:16px; border-top:1px solid rgba(240, 249, 253, 0.04); text-rendering:auto; margin-top:18px; color:#6e647a; padding-top:15px; text-underline-offset:auto;}
.snackbar-column-active a:hover {color:#fff5ff; padding-left:5px;}

.counter-focused {gap:8px; display: flex;}
.counter-focused a {border-radius:50%; width:37px; justify-content: center; color:#b49e8e; align-items: center; border:1px solid rgba(255, 242, 250, 0.23); height:34px; transition: all var(--ease); display: inline-flex;}*.counter-focused a:hover{border-color: var(--accent); transform: translateY(-2px); color:#edffff;}*.counter-focused a:hover{background: var(--accent);}.sidebar-vertical{border-top:1px solid rgba(246, 250, 245, 0.13);}.sidebar-vertical{padding:19px 0; text-align: center;}body .sidebar-vertical p{color:#57515a;}body .sidebar-vertical p{font-size:9px; margin:0;}

/* =======================================================================
   TO-TOP + COOKIE
   ======================================================================= */
.data-modal {width:42px; justify-content: center; position: fixed;}

/* =======================================================================
   TO-TOP + COOKIE
   ======================================================================= */
.data-modal {display: flex; border-radius: var(--r-m); transform: translateY(12px); visibility: hidden; height:42px; color:#ffffef; box-shadow: var(--sh-2); bottom:22px; background: var(--accent); align-items: center; transition: opacity .3s var(--ease), transform .3s var(--ease), visibility .3s, background var(--ease); opacity:0; text-underline-offset:auto; z-index: 900; right:28px;}
.data-modal.is-on {transform: translateY(0); visibility: visible; opacity:1;}.data-modal:hover{background: var(--accent-2); transform: translateY(-2px);}.data-modal:hover{box-shadow: var(--sh-3);}

.skeleton-success {transition: transform .4s var(--ease); left:0; color:hsl(188, 14.9%, 84.1%); transform: translateY(100%); box-shadow:0 -10px 21px rgba(9, 0, 5, 0.2); right:0; bottom:0; z-index: 1100; padding:14px 0; background: var(--dark-2); position: fixed;}
.skeleton-success.is-on {transform: translateY(0);}
.skeleton-success .reply-default {gap:22px; justify-content: space-between; display: flex; align-items: center;}
.skeleton-success p {color:hsl(66, 8.4%, 65.5%); margin:0; font-size:16px; flex: 1;}
.skeleton-success a {text-decoration:underline; color: var(--accent-3);}

/* =======================================================================
   MODALS  (pure CSS :target, opened via #main-toggle / #app-media)
   ======================================================================= */
.reviewValue {padding-top:25px;padding-right:25px;padding-bottom:25px;padding-left:25px; z-index: 1300; display: none; justify-content: center; hyphens:manual; image-rendering:auto; position: fixed; inset:0; align-items: center;}
.reviewValue:target {font-variant-ligatures:normal; display: flex; isolation:auto;}
.comment__date--fluid {-webkit-backdrop-filter:blur(2px); position: absolute; background:rgba(19, 36, 19, 0.58); inset:0; backdrop-filter:blur(2px);}.inner-pagination:not(.dummy83){padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px; border-radius: var(--r-l); box-shadow: var(--sh-3); background: var(--paper); width:100%; animation: rl-pop .25s var(--ease); max-width:397px; position: relative; z-index: 1;}
@keyframes rl-pop { from {transform: translateY(14px) scale(.98); opacity:0;}to{opacity:1; transform: none;} }
.select__inner--first {margin-bottom:22px; align-items: center;}
.select__inner--first {justify-content: space-between; display: flex;}
.skeleton-label:hover {transition:all 0.4s ease; display:grid; opacity:1}

.section-nav {transition: background var(--ease), color var(--ease); border-radius: var(--r-s); color: var(--faint); display: inline-flex; height:35px; justify-content: center; align-items: center; width:34px;}
.pagination--primary {font-size:1.37rem; font-weight:600; background-blend-mode:normal;}
.progress-icon.hero-large {flex-wrap:nowrap; position:sticky}

.box--dark {padding:19px; align-items:stretch; padding-left:3rem; min-width:5px; padding-right:2rem}

.section-nav:hover {background: var(--paper-3); color: var(--ink);}
.primary-toggle {gap:13px; display: flex; flex-direction: column;}
.content-accordion {align-items: center; gap:16px; display: flex; justify-content: space-between; backface-visibility:visible; font-size:14px;}.divider-outer-secondary:not(.skip95){display: inline-flex; align-items: center; cursor: pointer; gap:3px; color: var(--faint);}
.divider-outer-secondary input {accent-color: var(--accent);}.box-horizontal:not(.placeholder96){text-align: center; border-top: 1px solid var(--line-soft); margin-top:18px; font-size:15px; padding-top:14px; color: var(--faint);}
.pl-2 {text-rendering:auto; page-break-inside:auto; font-weight:600;}

/* =======================================================================
   RESPONSIVE
   ======================================================================= */
@media (max-width: 900px) {
  .menu-bottom {gap:33px; grid-template-columns: 1fr 1fr;}
.slider-body:hover {transition:all 0.2s ease; position:static; margin:24px 42px; display:inline-block}

}
@media (max-width: 768px) {
  :root {--bar: 58px;}
  body {font-size:17px;}
.footer-head {align-items:flex-end; flex:0 0 auto}

  .tertiary-media {display: flex;}*.divider-wrap-vertical{align-items: stretch; flex-direction: column; right:0; background: var(--paper); top: var(--bar); position: absolute; gap:10px; box-shadow: var(--sh-3); border-bottom: 1px solid var(--line); display: none; padding-top:13px;padding-right:19px;padding-bottom:13px;padding-left:19px; left:0;}.is-open.divider-wrap-vertical{display: flex;}
  .stepSubtitle {align-items: stretch; gap:0; flex-direction: column;}
  .listCount {width:100%; padding-top:15px; padding-right:14px; padding-bottom:15px; padding-left:14px;}
  .listCount {background-blend-mode:normal;}
  .search-outlined {margin-left:0; width:100%; margin-top:4px;}

  .view-overlay-fixed {padding:26px 18px;}
  .breadcrumb-secondary-hover {shape-margin:0; grid-template-columns: 1fr;}
.widget-number + .list-head {margin-top:0; display:inline; text-align:left; padding-left:0.5rem; transition:transform 0.5s ease-in-out}

  .sort-prefix {font-size:13.5px;}
  .value-gallery {flex-wrap: wrap; gap:13px;}
  .toggle-bottom {align-items: flex-start; gap:12px; flex-direction: column;}
.widget__content {box-shadow:0 15px 10px rgba(0,0,0,0.72); text-transform:capitalize; transition:color 0.35s; justify-content:space-around; font-weight:normal; flex-wrap:nowrap}

  .banner-compact, .u-thread, .popover__placeholder {padding-top:24px;}
  .banner-compact, .u-thread, .popover__placeholder {padding-right:26px; padding-bottom:24px; padding-left:26px;}
  .menu-bottom {gap:35px; grid-template-columns: 1fr;}
  .skeleton-success .reply-default {gap:9px; text-align: center; flex-direction: column;}
  .view-overlay-fixed {-moz-tab-size:4;tab-size:4; padding:18px 12px;}
}
@media (max-width: 480px) {
  .reply-default {padding:0 15px;}
  .banner-compact, .u-thread, .popover__placeholder, .shadow-end {padding-top:18px;padding-right:16px;padding-bottom:18px;padding-left:16px;}*.app-list{grid-template-columns: 1fr;}
.footer__body {position:relative; padding:2px 40px; gap:0.875rem; flex:1}

  .inner-pagination {padding:19px;}
}

@media (prefers-reduced-motion: reduce) {
  * {scroll-behavior: auto !important; transition:none !important; animation:none !important;}
  .data-modal {-webkit-hyphens:manual;-ms-hyphens:manual;bottom:14px; text-underline-offset:auto; hyphens:manual; right:12px;}
}