.badge-item {position:static; justify-content:flex-end; transition:all 0.4s ease}
/* ---- base ---- */
*, *::before, *::after{box-sizing: border-box;}
@media (min-width: 768px) and (max-width: 998px) {
  .step-time:not(:last-child) {max-width:none; box-shadow:0 4px 4px rgba(0,0,0,0.12); margin:38px; text-transform:uppercase; flex:none}
  .sort-text:first-child {gap:1.25rem; position:absolute; background:transparent; width:fit-content; overflow:auto}
  .list-region.progress-top {transition:all 0.5s ease; margin-top:0; justify-content:space-around; height:auto; margin-right:11px}
  .entry-expand:first-child {align-items:center; text-align:justify; font-size:0.875rem}
}

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

:root {--line:       #e7e5e4; --line-soft:  #f5f5f4; --bar: 64px; --dark:       #1c1917; --accent-3:   #ea580c; --read: 760px; --sh-1: 0 1px 2px rgba(28,25,23,.06); --ok:         #15803d; --sans:  'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --bound: 1160px; --muted:      #57534e; --accent-2:   #9a3412; --ink:        #1c1917; --no:         #b91c1c; --r-l: 16px; --paper-3:    #f5f5f4; --r-m: 10px; --accent:     #c2410c; --paper-2:    #fafaf9; --accent-wash:#fff7ed; --r-s: 6px; --paper:      #ffffff; --faint:      #78716c; --dark-2:     #292524; --ease: .22s cubic-bezier(.4,0,.2,1); --sh-3: 0 18px 44px rgba(28,25,23,.16); --ink-soft:   #292524; --serif: 'Spectral', Georgia, 'Times New Roman', serif; --sh-2: 0 6px 20px rgba(28,25,23,.09);}
html {scroll-behavior: smooth; -webkit-text-size-adjust:100%; scroll-padding-top: calc(var(--bar) + 16px);}/* ---- base ---- */
*, *::before, *::after{margin:0; padding:0; perspective:none;}
body {background: var(--paper-2); color: var(--muted); -webkit-font-smoothing:antialiased; font-family: var(--sans); font-size:20px; line-height:1.65; -moz-osx-font-smoothing:grayscale;}
img, svg {text-rendering:auto; max-width:100%; display: block;}img{height:auto;}
a {transition: color var(--ease); color: var(--accent); text-decoration:none;}a:hover{contain:none; color: var(--accent-2);}
ul, ol {list-style: none;}button{color:inherit; page-break-inside:auto; mix-blend-mode:normal; background:none; border:0; cursor: pointer; font-family:inherit;}
input, textarea {font-family:inherit; color: var(--ink); font-size:inherit;}
h1 {font-family: var(--serif); text-underline-offset:auto; line-height:1.18; font-weight:700; color: var(--ink); will-change:auto;}
p {margin:0 0 1.03em;}
strong, b {font-weight:bold; color: var(--ink-soft);}body .status{perspective:none; width:1px; padding:0; border:0; position: absolute; overflow: hidden; margin:-1px; clip:rect(0,0,0,0); white-space: nowrap; height:1px;}

.widgetTrigger {margin:0 auto; max-width: var(--bound); padding:0 19px;}/* span-based section captions (no heading tags outside the article body) */
.c-dropdown-track, .sortTitle:not(.noop52), .sliderIndicator, html .badgeIcon, .ratingData, .featureInfo:not(.dummy59), html .badgeTime, html .carouselText{font-family: var(--serif); isolation:auto; color: var(--ink); display: block; text-decoration-skip-ink:auto;}

/* =======================================================================
   MASTHEAD  (fixed; sits visually on top although later in source)
   ======================================================================= */
.avatarOverlay {z-index: 1000; border-bottom: 1px solid var(--line); transition: box-shadow var(--ease); backdrop-filter:saturate(150%) blur(10px); -webkit-backdrop-filter:saturate(150%) blur(10px); height: var(--bar);}
.timeline-overlay .section-detail {min-height:43px; box-shadow:none; text-decoration:underline}
/* ---- progress ---- */
.tooltipBar:not(.empty17){width:0; top:0; position: fixed; background: linear-gradient(90deg, var(--accent), var(--accent-3)); transition:width 0.124s linear; z-index: 1400; height:7px; left:0;}

/* =======================================================================
   MASTHEAD  (fixed; sits visually on top although later in source)
   ======================================================================= */
.avatarOverlay {right:0; top:0; background:rgba(255, 245, 238, 0.98); position: fixed; left:0;}
.avatarOverlay.is-stuck {box-shadow: var(--sh-2);}.avatarOverlay .widgetTrigger:not(.null28){align-items: center; display: flex; height:100%; gap:20px;}.headerIcon{display: inline-flex; align-items: center;}.headerIcon{flex-shrink: 0;}
.headerIcon img {width:auto; height:37px; contain:none;}
.search-title:hover {max-width:760px; position:relative}

#status-label {display:block; border:none; min-height:100vh}
.galleryInfo:not(.null26){gap:13px; display: flex; align-items: center; flex: 1;}
.searchThumb {align-items: center; display: flex;}
.menu--empty {flex-wrap:nowrap; display:inline; font-weight:normal; padding-top:0.5rem; opacity:0.10; padding:37px}

.searchThumb {gap:2px;}body .panelHolder{color: var(--muted); font-weight:500; align-items: center; border-radius: var(--r-s); font-size:16.5px; transition: color var(--ease), background var(--ease); display: inline-flex; padding-top:6px;padding-right:13px;padding-bottom:6px;padding-left:13px;}
.panelHolder:hover {background: var(--paper-3); color: var(--ink);}
.sortButton {font-size:14px; color:#ffffff; background: var(--accent); font-weight:500; padding-top:6px;padding-right:23px;padding-bottom:6px;padding-left:23px; border-radius: var(--r-m); transition: background var(--ease), transform var(--ease), box-shadow var(--ease); align-items: center; margin-left:auto; display: inline-flex; justify-content: center;}
.sortButton:hover {background: var(--accent-2); box-shadow:0 8px 17px rgba(176, 79, 5, 0.21); transform: translateY(-1px); color:#fcf1ff;}

.toolbarPlaceholder {padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px; gap:6px; margin-left:auto; width:37px; justify-content: center; display: none; height:37px; flex-direction: column; border-radius: var(--r-s);}
.toolbarPlaceholder i {display: block; transition: transform var(--ease), opacity var(--ease); border-radius:2px; background: var(--ink); height:2px;}
.toolbarPlaceholder.is-open i:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.toolbarPlaceholder.is-open i:nth-child(2) {opacity:0;}
.toolbarPlaceholder.is-open i:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

/* ---- buttons ---- */
.navRegion {justify-content: center; font-weight:500; background: var(--accent); padding:13px 24px; white-space: nowrap; transition: background var(--ease), transform var(--ease), box-shadow var(--ease); font-family: var(--sans); gap:4px; display: inline-flex; color:#ffedff; border-radius: var(--r-m); font-size:13.5px; align-items: center;}
.navRegion:hover {image-rendering:auto; color:#fffff4; background: var(--accent-2); transform: translateY(-1px); box-shadow:0 9px 17px rgba(212, 70, 14, 0.2);}
.drawerInfo {padding:14px 19px; width:100%; margin-top:6px;}
.drawerCell {font-size:17px; padding:16px 26px; align-self: flex-start;}

/* =======================================================================
   MAIN  (content-first; cleared from the fixed masthead)
   ======================================================================= */
.sortImage {padding-top: var(--bar);}
.ratingSpacer {padding:28px 0 62px; margin:0 auto; max-width: var(--read);}/* =======================================================================
   POST
   ======================================================================= */
.menuBody{padding:46px; border-radius: var(--r-l); background: var(--paper); box-shadow: var(--sh-1); border: 1px solid var(--line);}
.action--left {word-spacing:normal; font-weight:700; orphans:2; color: var(--ink); line-height:1.16; margin-bottom:20px; font-size: clamp(1.85rem, 1.2rem + 2.4vw, 2.6rem); letter-spacing:-.14.02em;}
.chipInput {color: var(--faint); display: inline-flex; font-size:14px; gap:3px; align-items: center;}.badgeLabel{margin-bottom:26px; flex-wrap: wrap; padding-bottom:29px; align-items: center; gap:10px 13px; border-bottom: 1px solid var(--line-soft); display: flex;}.chipInput svg{opacity:0.69;}
.spinnerSection {perspective:none; color: var(--line);}

/* ---- toc ---- */
.entryPrefix {background: var(--accent-wash); margin-bottom:30px; border-left: 3px solid var(--accent); padding:20px 19px; border-radius: var(--r-m); border:1px solid #f2e4bb;}
.entryPrefix[hidden] {display: none;}.reviewSecondary:not(.noop86){margin-bottom:8px; align-items: center; justify-content: space-between; display: flex;}
.c-dropdown-track {font-weight:600; font-size:13px;}
.sliderSpacer {color: var(--accent); border-radius: var(--r-s); padding:4px 8px; transition: background var(--ease); font-weight:500; font-size:11px;}
.sliderSpacer:hover {background:rgba(198, 77, 28, 0.17);}
.modalValue {display: flex;}
.modalValue {gap:7px; flex-direction: column;}.modalValue a{padding:1px 0; display: block; font-size:12px; color: var(--muted); border-left:2px solid transparent; transition: color var(--ease), padding-left var(--ease);}
.modalValue a:hover {padding-left:6px; color: var(--accent);}
.modalValue a.head-module {padding-left:15px; font-size:10.5px;}
.modalValue a.head-module:hover {padding-left:22px;}
.page-link {transition:opacity 0.15s; padding-left:3rem; position:relative; display:inline; width:100%}

.modalValue a.sidebarThumb {padding-left:33px; isolation:auto; font-size:14px; tab-size:4; color: var(--faint);}

/* ---- body (the only place real headings appear) ---- */
.breadcrumbSummary {line-height:1.78; font-size:19.5px; color: var(--ink-soft);}
.breadcrumbSummary > *:first-child {margin-top:0;}
.breadcrumbSummary h2 {color: var(--ink); letter-spacing:-.1em; font-size:1.52rem; font-family: var(--serif); margin:1.82em 0 .55.01em; font-weight:600;}.breadcrumbSummary h3{font-family: var(--serif); font-size:1.31rem; color: var(--ink); margin:1.42em 0 .45.08em; font-weight:600;}
.breadcrumbSummary h4 {font-size:1.09rem; font-weight:600; font-family: var(--serif); color: var(--ink); margin:1.25em 0 .4.03em;}
.breadcrumbSummary p {isolation:auto; margin:0 0 1.32em; orphans:2;}
.breadcrumbSummary ul, .breadcrumbSummary ol {margin:0 0 1.36em 1.41em;}
.entry-expand:first-child {padding-top:8px; transition:opacity 0.25s; box-shadow:none; display:flex; padding:1rem 3rem}
*.breadcrumbSummary ul{transform-style:flat; list-style: disc; text-decoration-skip-ink:auto;}
.breadcrumbSummary ol {image-rendering:auto;}
.breadcrumbSummary ol {shape-margin:0; list-style: decimal;}
.breadcrumbSummary li {text-underline-offset:auto; margin-bottom:.45.08em;}
.breadcrumbSummary li::marker {color: var(--accent);}
.breadcrumbSummary a {text-decoration:underline; text-decoration-thickness:1.5px; shape-margin:0; will-change:auto; text-decoration-color:rgba(210, 47, 14, 0.36); text-underline-offset:3px;}
.breadcrumbSummary a:hover {text-decoration-color: var(--accent-2);}.breadcrumbSummary img{font-synthesis:weight style small-caps; margin:1.67em 0; border-radius: var(--r-m); text-rendering:auto;}.breadcrumbSummary blockquote{background: var(--paper-2); margin:1.64em 0; image-rendering:auto; font-size:1.2em; color: var(--ink); border-radius: 0 var(--r-m) var(--r-m) 0; padding-top:15px;padding-right:28px;padding-bottom:15px;padding-left:28px; font-family: var(--serif); border-left: 3px solid var(--accent); font-style:italic;}
.breadcrumbSummary blockquote:empty {display: none;}
.breadcrumbSummary pre {overflow-x: auto; border-radius: var(--r-m); padding:19px 18px; background: var(--dark); line-height:1.6; font-size:13.5px; color:rgb(248, 195, 218); margin:1.62em 0;}
.breadcrumbSummary code {font-size:.8.97em; font-family:'SFMono-Regular', 'Fira Code', Consolas, monospace;}body .breadcrumbSummary :not(pre) > code{background: var(--paper-3); color: var(--accent-2); isolation:auto; border-radius:6px; padding:2px 8px;}html .breadcrumbSummary table{margin:1.7em 0; font-size:13px; width:100%; border-collapse:collapse;}
.breadcrumbSummary th, .breadcrumbSummary td {widows:2; border: 1px solid var(--line);}
.breadcrumbSummary th, .breadcrumbSummary td {font-variant-ligatures:normal; padding-top:9px; padding-right:19px; padding-bottom:9px; padding-left:19px; text-align: left;}.breadcrumbSummary th{font-weight:bold; background: var(--paper-2); color: var(--ink);}
.breadcrumbSummary hr {border-top: 1px solid var(--line); border:none; margin:2.04em 0;}

/* ---- share ---- */
.heroTertiary {margin-top:33px; align-items: center; gap:10px; display: flex;}
.sortTitle {font-weight:700; font-size:10px !important; text-transform:uppercase; letter-spacing:.8.07em; color: var(--faint) !important;}
.sidebar-title {display: flex; gap:13px;}body .sectionDot{border: 1px solid var(--line); height:42px; border-radius: var(--r-m); color: var(--muted); justify-content: center; display: inline-flex; align-items: center; transition: all var(--ease); background: var(--paper-2); width:38px;}.sectionDot:hover{box-shadow:0 1px 15px rgba(198, 81, 14, 0.16); will-change:auto; background: var(--accent); color:#fffffd; transform: translateY(-2px); border-color: var(--accent);}

.reviewSubtitle {border:none; margin:34px 0; border-top: 1px solid var(--line-soft);}

/* ---- vote ---- */
.pageTrigger {gap:16px; align-items: center;}

/* ---- vote ---- */
.pageTrigger {display: flex;}*.sliderIndicator{font-size:16px; font-weight:600;}
.grid-extra::before {content:''; flex-wrap:nowrap; position:sticky; text-decoration:none; font-size:2rem; gap:6px}
body .dividerOuter{display: flex; gap:13px;}html .breadcrumbItem{border: 1px solid var(--line); font-weight:500; gap:11px; print-color-adjust:economy; color: var(--muted); transition: all var(--ease); padding:12px 14px; background: var(--paper); align-items: center; border-radius: var(--r-m); display: inline-flex; font-size:14px;}
.breadcrumbItem b {font-weight:700;}
.overflow-none:hover {background:#e4f0ef; border-color: var(--ok); color: var(--ok);}html .heroSummary:hover{color: var(--no); background-color:#effff2; border-color: var(--no);}
.breadcrumbItem.is-voted {opacity:0.72; pointer-events: none;}/* =======================================================================
   SECONDARY SECTIONS  (rendering-optimised)
   ======================================================================= */
.stepperLine, .layoutTitle, .app-rating, .panelAddon:not(.void19){margin-top:36px; contain-intrinsic-size:auto 420px; content-visibility:auto;}
.stepperLine, .layoutTitle, .panelAddon {box-shadow: var(--sh-1); background: var(--paper); font-variant-caps:normal; backface-visibility:visible; padding:35px; border-radius: var(--r-l); border: 1px solid var(--line);}
.badgeIcon, .ratingData {font-size:1.25rem; font-weight:600; margin-bottom:18px;}
.stepGroup {color: var(--faint); margin-bottom:13px;}.featureInfo:not(.skip47){display: inline-block; border-bottom: 2px solid var(--accent); padding-bottom:12px; font-size:18px; font-weight:600; margin-bottom:10px;}
.stepGroup {font-size:12.5px;}/* inputs */
.reviewDate{widows:2; border-radius: var(--r-m); outline:none; color: var(--ink); background: var(--paper); transition: border-color var(--ease), box-shadow var(--ease); padding:15px 16px; font-size:17px; display: block; width:100%; font-variant-caps:normal; border: 1px solid var(--line);}
.reviewDate::placeholder {print-color-adjust:economy; color: var(--faint);}
.reviewDate:focus {box-shadow:0 0 0 2px rgba(205, 64, 17, 0.07); word-spacing:normal;}
.reviewDate:focus {font-variant-caps:normal; border-color: var(--accent);}.blockLabel, html .toolbarAction{image-rendering:auto; display: flex; gap:12px; flex-direction: column;}
.footerData {resize: vertical; line-height:1.6; min-height:133px;}html .modalWrap{grid-template-columns: 1fr 1fr; display: grid; gap:14px;}
.accordionData {border-radius: var(--r-m); gap:12px; border: 1px solid var(--line-soft); transition: all var(--ease); background: var(--paper-2); flex-direction: column; display: flex;}/* more reading */
.dividerItem{gap:11px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); display: grid;}
.accordionData {padding-top:21px; padding-right:21px; padding-bottom:21px; padding-left:21px;}
.accordionData:hover {border-color: var(--accent); box-shadow: var(--sh-1); transform: translateY(-2px);}.accordionTertiary{text-transform:uppercase; letter-spacing:.6.92em;}*.separator-layout{line-height:1.38; font-weight:600; color: var(--ink); font-family: var(--serif); font-size:16px;}.accordionTertiary{font-weight:bold; color: var(--accent); font-size:12px;}

/* utility cards */
.app-rating {display: grid;}

/* utility cards */
.app-rating {grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap:22px;}
.ui-action {background: var(--paper); box-shadow: var(--sh-1); orphans:2; border: 1px solid var(--line); border-radius: var(--r-l); padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px; transform-style:flat;}
.sort-text:first-child {min-width:3px; transition:all 0.45s ease; color:inherit; text-decoration:underline; height:auto; letter-spacing:0.1em}
.modalClose:not(.dummy66){border: 1px solid var(--line);}.modalClose:not(.dummy66){overflow: hidden; border-radius: var(--r-m); display: flex; background: var(--paper);}
.modalClose .reviewDate {border-radius:none; border:0 none;}
.modalClose .reviewDate:focus {box-shadow:none;}.card--pressed:not(.empty99){align-items: center; justify-content: center; display: flex; flex-shrink: 0; transition: background var(--ease); background: var(--accent); width:42px; color:hsl(154, 99.7%, 98%);}*.card--pressed:hover{background: var(--accent-2);}.m-xs{text-decoration-skip-ink:auto; display: flex; shape-margin:0; flex-direction: column;}
.accordion--last {min-height:100vh; cursor:pointer}

.m-xs li a {font-size:11.5px; padding:13px 0; border-bottom: 1px solid var(--line-soft); color: var(--muted); display: block; transition: color var(--ease), padding-left var(--ease);}body .m-xs li:last-child a{border-bottom:0;}html .ratingInput{display: inline-block; font-weight:bold; font-family: var(--serif); color: var(--line); width:26px;}
.m-xs li a:hover {padding-left:3px; color: var(--accent);}
.m-xs li a:hover .ratingInput {color: var(--accent-3);}

/* =======================================================================
   FOOTER
   ======================================================================= */
.el-tooltip {background: var(--dark); content-visibility:auto; color:#c6ddcd; contain-intrinsic-size:auto 360px;}
.badge {padding:63px 0 41px;}
.dividerToggle {grid-template-columns: 1.6fr 1fr 1fr 1.1fr;}
.commentTime img {width:auto;}
.dividerToggle {display: grid; image-rendering:auto; gap:45px;}.mt-end{color:rgb(97, 109, 121); margin-bottom:17px; font-size:15px;}
.commentTime img {filter:brightness(0) invert(1); height:32px; margin-bottom:15px;}
.moduleInfo {gap:7px; display: flex; flex-direction: column;}
.badgeTime {font-size:10px; font-weight:600; color:rgb(255, 246, 233); letter-spacing:.7.96em; text-transform:uppercase; margin-bottom:16px;}
.media-outer > primary {transition:color 0.4s; color:currentColor; padding-bottom:12px; overflow:auto; display:inline-block}

.moduleInfo a {color:rgb(160, 195, 159);}
.moduleInfo a {font-size:16px; transition: color var(--ease), padding-left var(--ease);}
.moduleInfo a:hover {color:hsl(217, 99%, 97.4%); padding-left:3px;}
.featureSummary {padding-top:16px; margin-top:15px; border-top:1px solid rgba(244, 255, 255, 0.16); color:rgb(135, 88, 103); font-size:17px;}

.statusOverlay {break-inside:auto; display: flex; gap:11px;}
.statusOverlay a {height:36px; border:1px solid rgba(255, 255, 248, 0.16); display: inline-flex; border-radius:50%; color:#b49c92; transition: all var(--ease); width:39px; justify-content: center; align-items: center;}body .statusOverlay a:hover{color:hsl(267, 99.6%, 97.6%); transform: translateY(-2px); border-color: var(--accent); background: var(--accent);}

.heroData {text-align: center; transform-style:flat; border-top:1px solid rgba(255, 241, 237, 0); perspective:none; padding:19px 0;}html .heroData p{color:#50544a; font-size:15px; margin:0; background-blend-mode:normal;}

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

.postNumber {z-index: 1100; right:0; position: fixed; bottom:0; transform: translateY(100%); left:0; padding:17px 0; box-shadow:0 -9px 23px rgba(0, 9, 0, 0.18); transition: transform .4s var(--ease); background: var(--dark-2); color:hsl(323, 12.7%, 79.1%);}
.table-time::before {content:''; color:inherit; transition:opacity 0.5s; max-width:none; width:860px}

.postNumber.is-on {transform: translateY(0);}
.step-time:not(:last-child) {justify-content:flex-start; flex-wrap:nowrap; display:table; transition:opacity 0.45s}

.postNumber .widgetTrigger {justify-content: space-between; gap:19px; display: flex; align-items: center;}
.postNumber p {font-size:15px; flex: 1; margin:0; color:#a79793;}
.postNumber a {tab-size:4; text-decoration:underline; color: var(--accent-3); background-blend-mode:normal;}/* =======================================================================
   MODALS  (pure CSS :target, opened via #formCap / #fill-filter)
   ======================================================================= */
.counterInfo{inset:0; align-items: center; z-index: 1300; display: none; padding:19px; position: fixed; isolation:auto; justify-content: center;}
.counterInfo:target {display: flex;}
.ui-grid {position: absolute; background:rgba(29, 26, 18, 0.57); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); inset:0px;}*.stepTrigger{background: var(--paper); box-shadow: var(--sh-3); border-radius: var(--r-l); z-index: 1; animation: rl-pop .25s var(--ease); padding:31px; width:100%; position: relative; max-width:402px;}
@keyframes rl-pop { from {transform: translateY(14px) scale(.98); opacity:0;}to{opacity:1; transform: none;} }html .carouselText{font-size:1.24rem; font-weight:600;}
.entryLine {justify-content: space-between; display: flex; margin-bottom:18px; align-items: center;}html .blockHandle{height:28px; transition: background var(--ease), color var(--ease); align-items: center; width:29px; justify-content: center; color: var(--faint); border-radius: var(--r-s); display: inline-flex;}
.panelZone {flex-direction: column;}
.blockHandle:hover {mix-blend-mode:normal; background: var(--paper-3); color: var(--ink); font-synthesis:weight style small-caps;}
.panelZone {display: flex; gap:10px;}
.sort__extra {justify-content: space-between; align-items: center; font-size:10px; gap:16px; display: flex;}
.header-holder .dropdown-track {cursor:pointer; color:inherit; position:relative; display:block}
.blockPlaceholder:not(.placeholder79){cursor: pointer; gap:6px;}.blockPlaceholder:not(.placeholder79){display: inline-flex; color: var(--faint); align-items: center;}
.blockPlaceholder input {accent-color: var(--accent);}
.navClose {color: var(--faint); font-size:18px; border-top: 1px solid var(--line-soft); padding-top:18px; text-align: center; margin-top:20px;}
.formSecondary {font-weight:600;}
.list-region.progress-top {position:sticky; letter-spacing:normal; display:block; flex:0 0 auto}


/* =======================================================================
   RESPONSIVE
   ======================================================================= */
@media (max-width: 900px) {.dividerToggle{grid-template-columns: 1fr 1fr; tab-size:4; gap:32px;}
}
@media (max-width: 768px) {
  :root {--bar: 58px;}
  body {font-size:13px;}body .toolbarPlaceholder{display: flex;}html .galleryInfo{left:0; align-items: stretch; padding:19px 21px; border-bottom: 1px solid var(--line); flex-direction: column; background: var(--paper); box-shadow: var(--sh-3); gap:4px; top: var(--bar); display: none; position: absolute; right:0;}body .galleryInfo.is-open{display: flex;}
.nav-overlay:first-child {margin-right:8px; flex:none}

  .searchThumb {hyphens:manual; page-break-inside:auto; align-items: stretch; flex-direction: column; gap:0em;}.panelHolder:not(.null93){width:100%; padding-top:9px;padding-right:14px;padding-bottom:9px;padding-left:14px;}body .menuBody{padding-top:24px;padding-right:25px;padding-bottom:24px;padding-left:25px;}
  .sortButton {width:100%; margin-top:11px; margin-left:0;}
  .breadcrumbSummary {font-size:17.5px;}
  .modalWrap {grid-template-columns: 1fr;}
  .heroTertiary {flex-wrap: wrap; gap:12px; hyphens:manual; text-rendering:auto;}
@media (min-width: 768px) and (max-width: 1041px) {
  .chip-action .block-tertiary {transition:all 0.45s ease; border:0; min-height:10px; position:static}
  .widget-bar::before {content:''; transition:transform 0.2s ease-in-out; margin:0 auto; padding-left:16px; width:auto; position:relative}
}

*.pageTrigger{gap:14px; align-items: flex-start; flex-direction: column;}
  .stepperLine, .layoutTitle, .panelAddon {padding-top:30px;padding-right:19px;padding-bottom:30px;padding-left:19px;}
  .postNumber .widgetTrigger {gap:13px; flex-direction: column; text-align: center;}
  .dividerToggle {gap:35px; grid-template-columns: 1fr;}
}
@media (max-width: 480px) {
  .widgetTrigger {padding:0 12px;}
  .menuBody {padding:26px 16px;}
  .stepperLine, .layoutTitle, .panelAddon, .ui-action {padding-top:16px;padding-right:20px;padding-bottom:16px;padding-left:20px; transform-style:flat;}
  .dividerItem {grid-template-columns: 1fr; image-rendering:auto; word-spacing:normal;}
  .stepTrigger {padding:18px;}
  .t-media {right:19px; bottom:19px;}
}

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