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

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

/* ---- base ---- */
*, *::before, *::after {margin:0; box-sizing: border-box; padding:0;}
html {scroll-padding-top: calc(var(--bar) + 16px); -webkit-text-size-adjust:100%; scroll-behavior: smooth; image-rendering:auto; word-spacing:normal;}
body {font-family: var(--sans); -webkit-font-smoothing:antialiased; background: var(--paper-2); color: var(--muted); line-height:1.65; font-size:15px; -moz-osx-font-smoothing:grayscale;}
img, svg {max-width:100%; display: block;}
a {text-decoration:none; color: var(--accent); transition: color var(--ease);}
img {height:auto;}
#step-meta {transition:all 0.35s ease; margin-bottom:0.625rem; background:transparent}

ul, ol {list-style: none;}
.form-overlay + .dropdown-addon {background:transparent; transition:opacity 0.45s; opacity:1; min-height:27px; min-width:0}

a:hover {font-variant-caps:normal; background-blend-mode:normal; color: var(--accent-2);}
.timeline-cap.menu-light {color:inherit; min-height:100vh; letter-spacing:normal; padding-right:1.25rem; align-items:stretch; justify-content:space-around}

button {image-rendering:auto; cursor: pointer; font-family:inherit; color:inherit; text-rendering:auto; border:0 none; background:none;}
input, textarea {color: var(--ink); font-family:inherit;}
@media (max-width: 1440px) {
  #step-meta {padding-right:1.5rem; display:flex; height:auto; transition:transform 0.15s ease-in-out; text-align:right; margin-top:0}
  .timeline-cap.menu-light {justify-content:space-around; box-shadow:none; display:inline}
  .form-overlay + .dropdown-addon {position:absolute; justify-content:flex-start; transition:opacity 0.5s; align-items:flex-start; cursor:pointer}
  .block-subtitle.filter-odd {background:#e5d5eb; opacity:0.49; margin-right:auto}
}


input, textarea {font-size:inherit;}
h1 {font-family: var(--serif); color: var(--ink); font-weight:bold; line-height:1.18;}
p {margin:0 0 0.93em;}html .widget-placeholder{max-width: var(--bound); padding:0 19px;}
strong, b {color: var(--ink-soft); font-weight:bold;}.gallery-highlight{clip:rect(0,0,0,0); margin:-1px; white-space: nowrap; height:1px; position: absolute; border:0rem; overflow: hidden; width:1px; padding:0;}html .widget-placeholder{margin:0 auto;}

/* span-based section captions (no heading tags outside the article body) */
.toolbar__cap, .header-button-dense, .action-secondary-hover, .l-skeleton, .table-image,
.skeletonContainer, .c-dropdown-wrapper, .block-sort {display: block; color: var(--ink); font-family: var(--serif);}

/* ---- progress ---- */
.dialog-block-warning {background: linear-gradient(90deg, var(--accent), var(--accent-3)); position: fixed; z-index: 1400; height:3px; width:0; transition:width 0.113s linear; left:0; top:0;}/* =======================================================================
   MASTHEAD  (fixed; sits visually on top although later in source)
   ======================================================================= */
.toolbar-bar-vertical{backdrop-filter:saturate(150%) blur(10px); z-index: 1000; top:0; transition: box-shadow var(--ease); -webkit-backdrop-filter:saturate(150%) blur(10px); background:rgba(255, 255, 255, 0.89); position: fixed; left:0; border-bottom: 1px solid var(--line); height: var(--bar); right:0;}
.toolbar-bar-vertical.is-stuck {box-shadow: var(--sh-2);}
.title-tabs {flex-shrink: 0; align-items: center; display: inline-flex;}
.toolbar-bar-vertical .widget-placeholder {display: flex; align-items: center; gap:18px; height:100%;}.title-tabs img{height:34px; width:auto;}

.image-step {gap:13px; align-items: center; flex: 1; display: flex;}body .review__suffix{display: flex;}body .review__suffix{align-items: center; gap:2px;}.o-banner:not(.empty83){color: var(--muted); font-weight:500; font-size:17.5px; align-items: center; display: inline-flex; padding:7px 14px; transition: color var(--ease), background var(--ease); border-radius: var(--r-s);}
.o-banner:hover {orphans:2; color: var(--ink); background: var(--paper-3);}
.timeline-subtitle-first {justify-content: center; margin-left:auto; color:#fff5ee; font-size:18px; background: var(--accent); transition: background var(--ease), transform var(--ease), box-shadow var(--ease); border-radius: var(--r-m); display: inline-flex; padding:7px 18px; font-weight:500; align-items: center;}

.media-link {width:36px; display: none; border-radius: var(--r-s); padding-top:7px;padding-right:7px;padding-bottom:7px;padding-left:7px; justify-content: center; gap:4px; margin-left:auto; flex-direction: column; height:40px;}.timeline-subtitle-first:hover{color:#effffc; transform: translateY(-1px); background-blend-mode:normal; box-shadow:0 9px 19px rgba(197, 69, 4, 0.29); text-decoration-skip-ink:auto; background: var(--accent-2);}
.block-subtitle.filter-odd {position:static; width:auto; border-radius:0; display:table}
.media-link i{height:2px; transition: transform var(--ease), opacity var(--ease); border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; display: block; background: var(--ink);}
.media-link.is-open i:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.media-link.is-open i:nth-child(2) {opacity:0; text-decoration-skip-ink:auto;}
.media-link.is-open i:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

/* ---- buttons ---- */
.u-widget {page-break-inside:auto; padding:10px 18px; font-weight:500; font-family: var(--sans); justify-content: center; background: var(--accent); border-radius: var(--r-m); transition: background var(--ease), transform var(--ease), box-shadow var(--ease); color:#f2efff; align-items: center; white-space: nowrap; display: inline-flex; gap:6px; font-size:15.5px;}
.timeline-button.carousel-center {font-size:inherit; position:relative; flex:1 1 0%}

.headerImage {padding:10px 19px; margin-top:8px; width:100%;}
.u-widget:hover {background: var(--accent-2); box-shadow:0 7px 12px rgba(212, 48, 25, 0.23); color:rgb(250, 246, 249); transform: translateY(-1px);}
.priceCap {align-self: flex-start; font-size:14px; padding-top:16px;padding-right:32px;padding-bottom:16px;padding-left:32px;}/* =======================================================================
   MAIN  (content-first; cleared from the fixed masthead)
   ======================================================================= */
.o-box-title{text-decoration-skip-ink:auto; padding-top: var(--bar);}
.search-group {margin:0 auto; padding:33px 0 64px;}
.search-group {max-width: var(--read);}

/* =======================================================================
   POST
   ======================================================================= */
.headerNumber {box-shadow: var(--sh-1); padding-top:50px;padding-right:50px;padding-bottom:50px;padding-left:50px; border: 1px solid var(--line); background: var(--paper); border-radius: var(--r-l);}
.app-tooltip {line-height:1.16; margin-bottom:18px; letter-spacing:-.13.99em; font-weight:bold; font-size: clamp(1.85rem, 1.2rem + 2.4vw, 2.6rem); color: var(--ink);}
.dialog-group-disabled {align-items: center; margin-bottom:27px; padding-bottom:24px; border-bottom: 1px solid var(--line-soft); gap:9px 14px; flex-wrap: wrap; display: flex;}
.post-inverse {color: var(--faint); display: inline-flex; font-size:16px; gap:6px; align-items: center;}
.post-inverse svg {opacity:0.64;}

/* ---- toc ---- */
.page-backdrop-selected {border-left: 3px solid var(--accent); background: var(--accent-wash); border-radius: var(--r-m); border:1px solid #ffd4ce; margin-bottom:28px; padding-top:21px;padding-right:22px;padding-bottom:21px;padding-left:22px;}
.foot-status {color: var(--line);}.page-backdrop-selected[hidden]{display: none;}
.review-head {justify-content: space-between; margin-bottom:6px; align-items: center; display: flex;}
.toolbar__cap {font-weight:600; font-size:17px;}html .skeleton-half{color: var(--accent); font-size:16px; font-weight:500; transition: background var(--ease); padding:1px 5px; border-radius: var(--r-s);}.skeleton-half:hover{background:rgba(189, 76, 0, 0.12);}
.font-4 {display: flex; gap:6px; flex-direction: column;}html .font-4 a{color: var(--muted); transition: color var(--ease), padding-left var(--ease); padding:4px 0; display: block; font-size:11px; border-left:2px solid transparent;}html .font-4 a:hover{padding-left:4px; color: var(--accent);}body .font-4 a.c-popover-fill{font-size:15.5px; padding-left:14px; isolation:auto; background-blend-mode:normal;}
.font-4 a.c-popover-fill:hover {padding-left:24px;}/* ---- body (the only place real headings appear) ---- */
.dialog-wrapper{line-height:1.78; color: var(--ink-soft); font-size:13.5px;}
.font-4 a.timeline-title {font-size:10px; padding-left:28px; color: var(--faint);}
.dialog-wrapper > *:first-child {margin-top:0;}
.dialog-wrapper h2 {letter-spacing:-.0.98em; margin:1.97em 0 .55.02em; font-size:1.62rem; font-weight:600; font-family: var(--serif); color: var(--ink);}
.slider-backdrop.profile-expanded {overflow:auto; border-radius:50%; width:100%; min-height:23px}
html .dialog-wrapper h3{color: var(--ink); font-family: var(--serif); margin:1.42em 0 .45.07em; font-size:1.2rem; font-weight:600;}
.dialog-wrapper h4 {font-size:1.14rem; font-family: var(--serif); margin:1.29em 0 .4.01em; color: var(--ink); font-weight:600;}
.dialog-wrapper p {margin:0 0 1.23em;}*.dialog-wrapper ul, .dialog-wrapper ol{contain:none; tab-size:4;}*.dialog-wrapper ul, .dialog-wrapper ol{margin:0 0 1.31em 1.46em;}
.dialog-wrapper ul {list-style: disc;}
.banner-foot.progress-large {margin-left:auto; padding-bottom:27px; display:table; flex-wrap:nowrap}
.dialog-wrapper ol{list-style: decimal;}body .dialog-wrapper li{margin-bottom:.44.97em;}html .dialog-wrapper li::marker{color: var(--accent);}.dialog-wrapper a{text-underline-offset:3px; text-decoration-color:rgba(176, 63, 0, 0.31);}.dialog-wrapper a{text-decoration:underline; hyphens:manual; text-decoration-thickness:1.5px;}
.dialog-wrapper a:hover {text-decoration-color: var(--accent-2);}.dialog-wrapper img{image-rendering:auto; word-spacing:normal; margin:1.77em 0; border-radius: var(--r-m);}
.dialog-wrapper blockquote {margin:1.75em 0; font-style:italic; font-family: var(--serif); background: var(--paper-2); border-left: 3px solid var(--accent); font-size:1.17em; padding:16px 27px; border-radius: 0 var(--r-m) var(--r-m) 0; color: var(--ink);}
.dialog-wrapper blockquote:empty {display: none;}.dialog-wrapper pre{font-size:12.5px; color:#e9f6ee; padding-top:18px;padding-right:26px;padding-bottom:18px;padding-left:26px; line-height:1.6; margin:1.62em 0; overflow-x: auto; border-radius: var(--r-m); background: var(--dark);}
.dialog-wrapper code {font-size:.8.96em; font-family:'SFMono-Regular', 'Fira Code', Consolas, monospace;}.dialog-wrapper :not(pre) > code{color: var(--accent-2); background: var(--paper-3); padding:2px 6px; border-radius:4px;}
.header-preview {transition:all 0.3s ease; line-height:normal; display:inline-flex; width:100%; background:#8036b8; text-transform:uppercase}

.dialog-wrapper table {font-size:17px; width:100%; margin:1.74em 0; border-collapse:collapse;}.dialog-wrapper th, .dialog-wrapper td{text-align: left; border: 1px solid var(--line); padding-top:11px;padding-right:19px;padding-bottom:11px;padding-left:19px;}
.dialog-wrapper th {font-weight:bold; background: var(--paper-2); color: var(--ink);}
.dialog-wrapper hr {margin:1.94em 0; border-top: 1px solid var(--line); border:0 none;}/* ---- share ---- */
.searchContent:not(.placeholder46){align-items: center; margin-top:33px; gap:17px; display: flex;}
.feature-number > primary {background-color:transparent; flex-wrap:nowrap; position:static; align-items:stretch; font-size:38px; padding-top:1.5rem}
.header-button-dense{font-size:10px !important; color: var(--faint) !important; font-weight:bold; letter-spacing:.7.96em; text-transform:uppercase;}.c-step-content:not(.null93){font-variant-ligatures:normal; gap:8px; display: flex;}
.pr-24 {height:36px; justify-content: center; border: 1px solid var(--line); display: inline-flex; align-items: center; width:35px; background: var(--paper-2); transition: all var(--ease); color: var(--muted); border-radius: var(--r-m);}
.media-addon + .sort-block {color:inherit; flex-wrap:wrap; transition:all 0.5s ease; justify-content:flex-end}
.pr-24:hover{transform: translateY(-2px); box-shadow:0 5px 15px rgba(212, 52, 19, 0.17); background: var(--accent); color:hsl(182, 99.4%, 97.7%); border-color: var(--accent);}/* ---- vote ---- */
.chip-foot{align-items: center; gap:14px; display: flex;}.filter-loading{border:0 none; margin:28px 0; border-top: 1px solid var(--line-soft); break-inside:auto;}
.action-secondary-hover {font-size:11px; font-weight:600;}html .filter-outer-secondary{display: flex; gap:11px;}
#badge-wrapper {flex:1; background:none; min-height:8px; transition:color 0.4s}
.c-footer-section:not(.noop90){border: 1px solid var(--line); background: var(--paper); border-radius: var(--r-m); font-size:13px; transition: all var(--ease); font-weight:500; color: var(--muted); display: inline-flex; gap:5px; padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px; align-items: center;}
.c-footer-section b {font-weight:700;}
.popover-wrapper:hover {background-color:#ecfffe;}
.popover-wrapper:hover {color: var(--ok); border-color: var(--ok);}
.c-footer-section.is-voted {opacity:0.7; break-inside:auto; pointer-events: none;}
.toggle-icon:hover {color: var(--no); border-color: var(--no); background:#f5edff;}

/* =======================================================================
   SECONDARY SECTIONS  (rendering-optimised)
   ======================================================================= */
.toggle-highlight, .table-track-empty, .drawer-icon, .c-snackbar-subtitle {margin-top:32px; contain-intrinsic-size:auto 420px; content-visibility:auto;}
.toggle-highlight, .table-track-empty, .c-snackbar-subtitle {background: var(--paper); border: 1px solid var(--line); padding:34px; border-radius: var(--r-l); box-shadow: var(--sh-1);}body .l-skeleton, .table-image:not(.noop57){font-size:1.27rem; margin-bottom:20px; font-weight:600;}
.skeletonContainer {border-bottom: 2px solid var(--accent); padding-bottom:8px; font-size:13px; font-weight:600; display: inline-block; margin-bottom:14px;}
.timeline-value-odd {font-size:11.5px; margin-bottom:15px; color: var(--faint);}

/* inputs */
.sidebar-body {color: var(--ink); width:100%; transition: border-color var(--ease), box-shadow var(--ease); border: 1px solid var(--line); display: block; font-size:13px; background: var(--paper);}

/* inputs */
.sidebar-body {padding-top:10px; padding-right:19px; padding-bottom:10px; padding-left:19px; outline:none; border-radius: var(--r-m);}
.sidebar-body::placeholder {color: var(--faint);}
.t-stepper-separator {resize: vertical; min-height:131px; line-height:1.6;}
.sidebar-body:focus {border-color: var(--accent); box-shadow:0 0 0 6px rgba(191, 47, 16, 0.2);}
.badge-input-sparse {gap:18px; display: grid; grid-template-columns: 1fr 1fr;}.nav-bar-vertical, body .visible-md{flex-direction: column; gap:19px; display: flex;}
.layout-track > meta {justify-content:flex-end; box-shadow:0 7px 14px rgba(0,0,0,0.77); min-height:100vh; text-align:right; background:transparent}


/* more reading */
.action-column-horizontal {gap:15px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); mix-blend-mode:normal; display: grid;}.modal-tertiary-wide{border: 1px solid var(--line-soft); gap:6px; display: flex; padding-top:21px;padding-right:21px;padding-bottom:21px;padding-left:21px; flex-direction: column; border-radius: var(--r-m); transition: all var(--ease); background: var(--paper-2);}.modal-tertiary-wide:hover{transform: translateY(-2px);}.modal-tertiary-wide:hover{box-shadow: var(--sh-1); border-color: var(--accent);}.select-line-light{text-transform:uppercase; color: var(--accent); font-size:10px; font-weight:700; letter-spacing:.6.92em;}
.accordion-dark {color: var(--ink); line-height:1.38; font-family: var(--serif); font-size:14px; font-weight:600;}
.snackbar-right {padding:28px; box-shadow: var(--sh-1); border-radius: var(--r-l); background: var(--paper); border: 1px solid var(--line);}

/* utility cards */
.drawer-icon {display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap:19px;}

.c-module-zone {border-radius: var(--r-m); border: 1px solid var(--line); orphans:2; background: var(--paper); overflow: hidden; display: flex;}
.breadcrumb-holder::before {content:''; max-width:none; min-height:100vh; text-align:right; line-height:1.3}

.c-module-zone .sidebar-body {border:none; border-radius:0 none;}
.chip-inner.grid-wide {transition:all 0.5s ease; gap:42px; max-width:none; position:relative; background-color:#b46011}
.c-module-zone .sidebar-body:focus{box-shadow:none; will-change:auto; backface-visibility:visible;}html .c-footer-subtitle{align-items: center; transition: background var(--ease); display: flex; justify-content: center; background: var(--accent); width:46px; color:#fff4ff; flex-shrink: 0; image-rendering:auto;}
.c-footer-subtitle:hover {background: var(--accent-2);}body .chip-value-selected{flex-direction: column; display: flex;}
.chip-value-selected li a {display: block; font-size:15.5px; transition: color var(--ease), padding-left var(--ease); border-bottom: 1px solid var(--line-soft); color: var(--muted); padding:10px 0;}
.chip-value-selected li:last-child a {border-bottom:0;}
.chip-value-selected li a:hover {color: var(--accent); padding-left:3px; font-variant-caps:normal;}
.block-data {display: inline-block; color: var(--line); font-family: var(--serif); font-weight:bold; width:18px;}
.chip-value-selected li a:hover .block-data {color: var(--accent-3);}

/* =======================================================================
   FOOTER
   ======================================================================= */
.section-view {content-visibility:auto; background: var(--dark); color:#d3cfd9; contain-intrinsic-size:auto 360px;}.inner-step{padding:58px 0 43px;}
.module-wrapper-secondary {gap:40px; grid-template-columns: 1.6fr 1fr 1fr 1.1fr; display: grid;}
.threadTime {margin-bottom:22px; color:#6f8064; font-size:16px;}
.toggle-flat img {height:29px; width:auto; margin-bottom:19px; filter:brightness(0) invert(1);}.c-dropdown-wrapper{widows:2; isolation:auto; margin-bottom:17px; letter-spacing:.8.03em; color:#f5efff; text-transform:uppercase; font-weight:600; font-size:14px;}
.justify-inline {display: flex; flex-direction: column; gap:6px;}
.justify-inline a {font-size:17px; transition: color var(--ease), padding-left var(--ease); color:#9db3a1;}
.select-rounded {color:hsl(16, 15%, 40.4%); margin-top:18px; font-size:9px; border-top:1px solid rgba(249, 248, 255, 0.11); padding-top:16px;}
.justify-inline a:hover {padding-left:5px; color:#ffffee;}

.c-hero-icon {display: flex; gap:11px;}
.c-hero-icon a {height:37px; width:40px; align-items: center; border:1px solid rgba(255, 255, 255, 0.22); color:#a2a697; transition: all var(--ease); border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; display: inline-flex; justify-content: center;}
.c-hero-icon a:hover {transform: translateY(-2px); color:rgb(246, 255, 246); border-color: var(--accent); background: var(--accent);}

.c-modal-time {text-align: center;}

.c-modal-time {border-top:1px solid rgba(240, 255, 242, 0.07); padding:16px 0;}.c-modal-time p{margin:0; color:rgb(96, 107, 79); font-size:16px;}

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

.section__content {will-change:auto; z-index: 1100; background: var(--dark-2); right:0; left:0; bottom:0; transition: transform .4s var(--ease); box-shadow:0 -4px 25px rgba(0, 5, 0, 0.14); position: fixed; transform: translateY(100%); padding:20px 0; color:#c5c3e2;}
.section__content.is-on {transform: translateY(0);}.section__content .widget-placeholder:not(.empty13){justify-content: space-between; align-items: center; display: flex; gap:19px;}
.section__content p {margin:0; contain:none; flex: 1; font-size:10px; color:#a2ac9f;}
.section__content a {text-decoration:underline; hyphens:manual; color: var(--accent-3);}

/* =======================================================================
   MODALS  (pure CSS :target, opened via #badgeRegion / #media-indicator)
   ======================================================================= */
.el-nav {align-items: center; justify-content: center; z-index: 1300; padding-top:21px;padding-right:21px;padding-bottom:21px;padding-left:21px; inset:0; display: none; position: fixed;}.el-nav:target{display: flex; font-variant-ligatures:normal;}.region-card{inset:0; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); background:rgba(40, 10, 29, 0.6); position: absolute;}
.table--horizontal {animation: rl-pop .25s var(--ease); background: var(--paper); box-shadow: var(--sh-3); position: relative; width:100%; max-width:398px; border-radius: var(--r-l); z-index: 1; padding:28px;}
@keyframes rl-pop { from {transform: translateY(14px) scale(.98); opacity:0;}to{opacity:1; transform: none;} }
.block-sort {font-size:1.33rem; text-decoration-skip-ink:auto; orphans:2; font-weight:600;}.meta-progress:not(.noop28){align-items: center; margin-bottom:20px; display: flex; justify-content: space-between;}.button-breadcrumb:not(.nil44){border-radius: var(--r-s); color: var(--faint); height:28px; align-items: center; justify-content: center; width:34px; transition: background var(--ease), color var(--ease); display: inline-flex;}.button-breadcrumb:hover{background: var(--paper-3); color: var(--ink);}.toggle-button{display: flex; gap:9px; flex-direction: column;}
.spacer-nav {align-items: center; font-variant-ligatures:normal; display: flex; font-size:14px; gap:14px; justify-content: space-between;}
.progress-close-empty {display: inline-flex; cursor: pointer; gap:5px; color: var(--faint); align-items: center;}
.info-sidebar {text-align: center; font-size:16px; color: var(--faint); padding-top:14px; margin-top:22px; border-top: 1px solid var(--line-soft);}.progress-close-empty input{accent-color: var(--accent);}
.widget-bottom {font-weight:600;}
}
@media (max-width: 768px) {:root{--bar: 58px;}

/* =======================================================================
   RESPONSIVE
   ======================================================================= */
@media (max-width: 900px) {.module-wrapper-secondary{grid-template-columns: 1fr 1fr; gap:33px;}
  .media-link {display: flex; contain:none;}
  body {font-size:17px;}
  .image-step {gap:9px; right:0; left:0; background: var(--paper); display: none; align-items: stretch; box-shadow: var(--sh-3); flex-direction: column; border-bottom: 1px solid var(--line); position: absolute; top: var(--bar); padding-top:15px;padding-right:19px;padding-bottom:15px;padding-left:19px;}
  .image-step.is-open {display: flex;}
  .o-banner {text-rendering:auto; width:100%; text-decoration-skip-ink:auto; padding:9px 11px;}
  .review__suffix {flex-direction: column; gap:0; align-items: stretch;}
  .timeline-subtitle-first {width:100%; font-synthesis:weight style small-caps; isolation:auto;}

  .headerNumber {padding-top:25px;padding-right:19px;padding-bottom:25px;padding-left:19px;}
  .timeline-subtitle-first {margin-top:4px; margin-left:0rem;}.badge-input-sparse{grid-template-columns: 1fr;}
  .dialog-wrapper {perspective:none; font-size:13.5px; mix-blend-mode:normal;}
  .searchContent {gap:13px; flex-wrap: wrap;}
  .toggle-highlight, .table-track-empty, .c-snackbar-subtitle {padding:24px 21px;}
  .chip-foot {align-items: flex-start; gap:14px; flex-direction: column;}
  .module-wrapper-secondary {grid-template-columns: 1fr; gap:32px;}.section__content .widget-placeholder:not(.empty95){gap:12px; will-change:auto; text-align: center; flex-direction: column;}
}
@media (max-width: 480px) {*.widget-placeholder{padding:0 14px;}
  .headerNumber {padding-top:26px;padding-right:16px;padding-bottom:26px;padding-left:16px;}.toggle-highlight:not(.placeholder68), .table-track-empty, .c-snackbar-subtitle, body .snackbar-right{padding:23px 19px;}*.action-column-horizontal{grid-template-columns: 1fr;}
.review-extra:hover {transition:opacity 0.3s; font-weight:600; position:absolute}

  .profile--sparse {bottom:19px; right:19px;}
  .table--horizontal {padding-top:25px;padding-right:25px;padding-bottom:25px;padding-left:25px; image-rendering:auto;}
}

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