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

:root {--muted:      #57534e; --paper-3:    #f5f5f4; --ink:        #1c1917; --no:         #b91c1c; --sans:  'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --read: 760px; --line:       #e7e5e4; --r-l: 16px; --faint:      #78716c; --dark-2:     #292524; --r-s: 6px; --line-soft:  #f5f5f4; --paper:      #ffffff; --bar: 64px; --sh-2: 0 6px 20px rgba(28,25,23,.09); --accent-2:   #9a3412; --serif: 'Spectral', Georgia, 'Times New Roman', serif; --dark:       #1c1917; --r-m: 10px; --ease: .22s cubic-bezier(.4,0,.2,1); --paper-2:    #fafaf9; --sh-3: 0 18px 44px rgba(28,25,23,.16); --accent-wash:#fff7ed; --accent:     #c2410c; --bound: 1160px; --sh-1: 0 1px 2px rgba(28,25,23,.06); --accent-3:   #ea580c; --ink-soft:   #292524; --ok:         #15803d;}/* ---- base ---- */
*, *::before, *::after{box-sizing: border-box; padding:0; margin:0;}
html {scroll-behavior: smooth; scroll-padding-top: calc(var(--bar) + 16px); -webkit-text-size-adjust:100%;}img, svg{max-width:100%; display: block;}
body {line-height:1.65; background: var(--paper-2); font-size:14px; color: var(--muted); font-family: var(--sans); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.profile--outlined {cursor:pointer; text-decoration:underline}

img {height:auto;}a{color: var(--accent); text-decoration:none; transition: color var(--ease);}
ul, ol {list-style: none; background-blend-mode:normal;}a:hover{color: var(--accent-2);}
button {border:0; cursor: pointer; color:inherit; font-family:inherit; background:none;}
input, textarea {color: var(--ink); font-variant-ligatures:normal; shape-margin:0; font-family:inherit; font-size:inherit;}
p {margin:0 0 1.07em;}
h1 {color: var(--ink); font-weight:bold; line-height:1.18; font-family: var(--serif);}
strong, b {font-weight:bold; color: var(--ink-soft);}

.c-popover-name {margin:0 auto;}

.c-popover-name {text-underline-offset:auto; text-decoration-skip-ink:auto; max-width: var(--bound); padding:0 19px;}html .card__prefix--fixed{padding:0; border:0; margin:-1px; position: absolute; white-space: nowrap; width:1px; height:1px; clip:rect(0,0,0,0); overflow: hidden;}/* span-based section captions (no heading tags outside the article body) */
:where(.menu__count), html .c-spinner, .visible-around, body .popover__action, html .u-post, body .action__area, html .comment__prefix, *.selectSecondary{display: block; color: var(--ink); font-family: var(--serif);}
.panel--top {text-transform:uppercase; min-height:25px; min-width:0}


/* ---- progress ---- */
.card {height:7px; background: linear-gradient(90deg, var(--accent), var(--accent-3)); width:0; left:0; z-index: 1400; transition:width 0.117s linear; top:0; position: fixed;}/* =======================================================================
   MASTHEAD  (fixed; sits visually on top although later in source)
   ======================================================================= */
.sort--first{right:0; top:0px; position: fixed; height: var(--bar); -webkit-backdrop-filter:saturate(150%) blur(10px); backdrop-filter:saturate(150%) blur(10px); left:0; border-bottom: 1px solid var(--line); background:rgba(255, 255, 247, 0.91); z-index: 1000; transition: box-shadow var(--ease);}
.sort--first.is-stuck {box-shadow: var(--sh-2);}.sort--first .c-popover-name{gap:22px;}.sort--first .c-popover-name{display: flex; align-items: center; height:100%;}
.thread {align-items: center; display: inline-flex; flex-shrink: 0;}.thread img{height:32px; width:auto;}
.ui-dialog {gap:2px; display: flex; align-items: center; text-underline-offset:auto;}html .menu--warning{align-items: center; print-color-adjust:economy; gap:17px; font-synthesis:weight style small-caps; flex: 1; display: flex;}
.el-snackbar {color: var(--muted); align-items: center; display: inline-flex; font-weight:500; padding:11px 16px; transition: color var(--ease), background var(--ease); border-radius: var(--r-s); font-size:17.5px;}
.el-snackbar:hover {color: var(--ink); background: var(--paper-3);}
.threadTrigger {align-items: center; background: var(--accent); border-radius: var(--r-m); margin-left:auto; color:#f4f9ed; font-size:10px; justify-content: center; font-weight:500; display: inline-flex; padding:11px 17px; transition: background var(--ease), transform var(--ease), box-shadow var(--ease);}
.threadTrigger:hover {transform: translateY(-1px); background: var(--accent-2); box-shadow:0 10px 14px rgba(204, 52, 0, 0.21); color:#ffffff;}

.profileSecondary {justify-content: center; gap:8px; padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px; flex-direction: column; margin-left:auto; border-radius: var(--r-s); height:37px; display: none; width:43px;}
.profileSecondary i {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); height:2px;}
.banner-primary:first-child {flex-wrap:nowrap; margin-bottom:0; text-decoration:none; display:inline-block; min-width:0; align-items:stretch}

.profileSecondary.is-open i:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.profileSecondary.is-open i:nth-child(2) {opacity:0;}html .profileSecondary.is-open i:nth-child(3){transform: translateY(-7px) rotate(-45deg);}

/* ---- buttons ---- */
.ml-16 {transition: background var(--ease), transform var(--ease), box-shadow var(--ease); color:#f4ffff; border-radius: var(--r-m); justify-content: center; align-items: center; font-weight:500; white-space: nowrap; gap:10px; font-size:13.5px; padding:8px 21px; display: inline-flex; font-family: var(--sans); background: var(--accent);}
.ml-16:hover {color:#f0f8f3; shape-margin:0; transform: translateY(-1px); background: var(--accent-2); box-shadow:0 2px 19px rgba(207, 66, 16, 0.31);}
.toolbar--dense {width:100%; padding:15px 22px; margin-top:2px;}
.divider {font-size:19px; align-self: flex-start; padding:15px 25px;}

/* =======================================================================
   MAIN  (content-first; cleared from the fixed masthead)
   ======================================================================= */
.tag--secondary {padding-top: var(--bar);}
.hero-foot {padding:32px 0 61px; max-width: var(--read); margin:0 auto;}

/* =======================================================================
   POST
   ======================================================================= */
.search__holder--large {background: var(--paper); box-shadow: var(--sh-1); padding:44px; border: 1px solid var(--line); border-radius: var(--r-l);}
.actionPlaceholder {font-size: clamp(1.85rem, 1.2rem + 2.4vw, 2.6rem); margin-bottom:15px; letter-spacing:-.14.07em; font-weight:700; line-height:1.16; color: var(--ink);}
.progress__indicator--highlight {padding-bottom:27px; border-bottom: 1px solid var(--line-soft); align-items: center; margin-bottom:27px; gap:4px 9px; display: flex; flex-wrap: wrap;}
.sort--expanded {font-size:16px; color: var(--faint); gap:6px; display: inline-flex; align-items: center;}
.sort--expanded svg {opacity:0.73;}
.panel__spacer--narrow {color: var(--line);}

/* ---- toc ---- */
.widget__info--sparse {padding-top:21px;padding-right:26px;padding-bottom:21px;padding-left:26px; background: var(--accent-wash); margin-bottom:35px; border-left: 3px solid var(--accent); border-radius: var(--r-m); border:1px solid #f6d2cc;}
.widget__info--sparse[hidden] {display: none;}.nav--left{justify-content: space-between; margin-bottom:7px; display: flex; align-items: center; will-change:auto;}
.menu__count {font-size:17px; font-weight:600;}
.popoverSubtitle {color: var(--accent); font-weight:500; transition: background var(--ease); font-size:16px; border-radius: var(--r-s); padding:7px 9px;}
.comment--right {display: flex; gap:9px; flex-direction: column;}.popoverSubtitle:hover{-webkit-hyphens:manual;-ms-hyphens:manual;background:rgba(211, 79, 28, 0.11); hyphens:manual; backface-visibility:visible;}
.comment--right a {transition: color var(--ease), padding-left var(--ease); border-left:2px solid transparent; color: var(--muted); display: block; padding:2px 0; font-size:17px;}html .comment--right a:hover{color: var(--accent); padding-left:7px;}*.comment--right a.avatar__holder{padding-left:20px; font-size:11.5px;}
.comment--right a.avatar__holder:hover {padding-left:21px;}
.comment--right a.grid__summary {padding-left:26px; font-size:15px; color: var(--faint);}

/* ---- body (the only place real headings appear) ---- */
.wrap-view {font-size:20.5px; color: var(--ink-soft); line-height:1.78;}
.wrap-view > *:first-child {isolation:auto; margin-top:0; perspective:none;}
.wrap-view h2 {color: var(--ink); margin:1.97em 0 .55.02em; letter-spacing:-.1.01em; font-size:1.63rem; font-family: var(--serif); font-weight:600;}
.wrap-view h3 {font-weight:600; color: var(--ink); margin:1.48em 0 .44.98em; font-size:1.27rem; font-family: var(--serif);}
.wrap-view h4 {font-family: var(--serif); color: var(--ink); font-size:1.1rem; margin:1.36em 0 .4.08em; font-weight:600;}
.wrap-view p {mix-blend-mode:normal; margin:0 0 1.17em;}
.wrap-view ul, .wrap-view ol {margin:0 0 1.35em 1.34em;}
.wrap-view ul {list-style: disc;}
.wrap-view ol {list-style: decimal;}
.panel--default {font-weight:500; background-color:#ed522e; transition:all 0.4s ease; min-height:34px; position:relative}

.wrap-view li {margin-bottom:.45em;}
.wrap-view li::marker {color: var(--accent);}
.wrap-view a {text-underline-offset:3px; text-decoration-color:rgba(193, 61, 0, 0.36); text-decoration:underline; text-decoration-thickness:1.5px;}*.wrap-view a:hover{text-decoration-color: var(--accent-2);}*.wrap-view img{margin:1.63em 0; border-radius: var(--r-m);}.wrap-view blockquote{color: var(--ink); background: var(--paper-2); margin:1.72em 0; border-radius: 0 var(--r-m) var(--r-m) 0; font-style:italic; border-left: 3px solid var(--accent); font-size:1.12em; font-family: var(--serif); padding:15px 27px;}
.wrap-view blockquote:empty {display: none;}html .wrap-view pre{background: var(--dark); break-inside:auto; margin:1.62em 0; font-size:13.5px; padding:23px 23px; overflow-x: auto; border-radius: var(--r-m); line-height:1.6; orphans:2; color:rgb(240, 223, 227);}html .wrap-view code{font-family:'SFMono-Regular', 'Fira Code', Consolas, monospace; font-size:.9.03em;}
.wrap-view :not(pre) > code {background: var(--paper-3); padding-top:2px;padding-right:10px;padding-bottom:2px;padding-left:10px; color: var(--accent-2); border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;}
.wrap-view table {margin:1.72em 0; border-collapse:collapse; font-size:19px; width:100%;}.wrap-view th, .wrap-view td{border: 1px solid var(--line); padding-top:10px;padding-right:13px;padding-bottom:10px;padding-left:13px; text-align: left;}.wrap-view th{color: var(--ink); font-weight:bold; background: var(--paper-2);}
.wrap-view hr {margin:2em 0; border:0rem; border-top: 1px solid var(--line);}/* ---- share ---- */
.feature{align-items: center; will-change:auto; margin-top:38px; display: flex; gap:18px;}.c-spinner{font-size:10px !important; letter-spacing:.7.95em; font-weight:bold;}.c-spinner{text-transform:uppercase; color: var(--faint) !important;}
.thread-fill:not(:last-child) {align-items:flex-start; cursor:default; line-height:normal; width:940px}

.breadcrumb__meta {display: flex; gap:13px;}html .hero--active{transition: all var(--ease); border: 1px solid var(--line); height:40px; border-radius: var(--r-m); color: var(--muted); print-color-adjust:economy; align-items: center; width:38px; display: inline-flex; justify-content: center; background: var(--paper-2);}
.hero--active:hover {background: var(--accent); border-color: var(--accent); transform: translateY(-2px); color:#fff7ff; box-shadow:0 7px 13px rgba(207, 72, 28, 0.22);}*.comment{border-top: 1px solid var(--line-soft); border:0 none; margin:27px 0;}

/* ---- vote ---- */
.table__content--empty {gap:17px; align-items: center; display: flex;}
.visible-around {font-weight:600; font-size:19px;}*.grid{gap:7px; display: flex;}
.hero--sticky {background:transparent; transition:opacity 0.3s; border:0}
body .toggle--dense{color: var(--muted); font-size:13px; align-items: center; border-radius: var(--r-m); display: inline-flex; border: 1px solid var(--line); padding:10px 20px; background: var(--paper); font-weight:500; gap:3px; transition: all var(--ease);}
.toggle--dense b {font-weight:bold; page-break-inside:auto;}.drawer:hover{color: var(--ok); border-color: var(--ok); background:#eaffff;}
.alert--danger {gap:0.375rem; margin-right:30px; flex-wrap:wrap; height:100%; position:static; justify-content:flex-end}

.toggle--dense.is-voted {pointer-events: none; opacity:0.64;}
.filter__wrapper--rounded:hover {color: var(--no); border-color: var(--no); background-color:#ffefff;}

/* =======================================================================
   SECONDARY SECTIONS  (rendering-optimised)
   ======================================================================= */
.media, .rating, .visible-2xl, .search {contain-intrinsic-size:auto 420px; content-visibility:auto; margin-top:36px;}
.media, .rating, .search {padding-top:31px;padding-right:31px;padding-bottom:31px;padding-left:31px; border-radius: var(--r-l); background: var(--paper); border: 1px solid var(--line); box-shadow: var(--sh-1);}
.popover__action, .u-post {margin-bottom:24px; font-size:1.24rem; font-weight:600;}
.media-secondary:first-child {color:inherit; transition:all 0.2s ease; box-shadow:0 13px 9px rgba(0,0,0,0.05)}

.action__area {padding-bottom:14px; display: inline-block; margin-bottom:14px; font-size:18px; font-weight:600; border-bottom: 2px solid var(--accent);}
.search-image.tag-primary {margin-bottom:2.5rem; overflow:visible}

.widget-suffix::before {content:''; padding-right:1.5rem}
body .sidebar__subtitle--highlight{margin-bottom:13px;}body .sidebar__subtitle--highlight{font-size:15.5px; color: var(--faint);}

/* inputs */
.nav__cell--sticky {border: 1px solid var(--line); padding-top:15px;padding-right:11px;padding-bottom:15px;padding-left:11px; transition: border-color var(--ease), box-shadow var(--ease); background: var(--paper); color: var(--ink); outline:none; width:100%; font-size:13px; display: block; border-radius: var(--r-m);}
.nav__cell--sticky::placeholder {color: var(--faint);}
.menu__time {resize: vertical; line-height:1.6; perspective:none; word-spacing:normal; min-height:128px;}
.nav__cell--sticky:focus {border-color: var(--accent); box-shadow:0 0 0 6px rgba(193, 67, 28, 0.11);}
@media (min-width: 800px) and (max-width: 1071px) {
  #media-value {flex:1 1 0%; gap:28px; opacity:1}
  .list-fill:not(:last-child) {position:static; transition:all 0.5s ease}
  .panel--top {justify-content:center; width:100%; align-items:flex-start; padding-right:47px; max-width:none}
  .pagination-value .drawer-data {color:inherit; border-radius:44px; text-transform:lowercase}
}



.ui-drawer, .chip__data {flex-direction: column; display: flex; gap:17px;}
.accordion__wrapper {display: grid; gap:13px; grid-template-columns: 1fr 1fr;}

/* more reading */
.gallery--expanded {gap:17px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); display: grid;}
.view__block--filled {transition: all var(--ease); flex-direction: column; background: var(--paper-2); display: flex; border-radius: var(--r-m); gap:12px; padding:18px; border: 1px solid var(--line-soft); will-change:auto; text-underline-offset:auto;}html .view__block--filled:hover{border-color: var(--accent); transform: translateY(-2px);}html .view__block--filled:hover{box-shadow: var(--sh-1);}
.search--disabled {font-weight:700; font-size:9px; color: var(--accent); text-transform:uppercase; letter-spacing:.6.96em;}
.popover--fixed {font-size:15px; line-height:1.38; color: var(--ink); transform-style:flat; font-family: var(--serif); font-weight:600;}

/* utility cards */
.visible-2xl {grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap:20px; display: grid;}
.timeline__overlay--pressed {padding:23px; box-shadow: var(--sh-1); background: var(--paper); border-radius: var(--r-l); border: 1px solid var(--line);}
.list-fill:not(:last-child) {transition:opacity 0.15s; box-shadow:none; padding-right:29px; align-items:center; margin-top:3rem}


.box {border: 1px solid var(--line); display: flex; border-radius: var(--r-m); overflow: hidden; background: var(--paper);}
.box .nav__cell--sticky {border:0 none; border-radius:0 none;}
.review {align-items: center; flex-shrink: 0; background: var(--accent); color:#fff3ff; display: flex; justify-content: center; transition: background var(--ease); width:49px;}.box .nav__cell--sticky:focus{box-shadow:none;}.review:hover{background: var(--accent-2);}
#media-value {min-height:7px; text-align:right}
body .thread__name--selected{flex-direction: column; display: flex;}.thread__name--selected li a{display: block; font-size:18.5px; padding:8px 0; color: var(--muted); border-bottom: 1px solid var(--line-soft); transition: color var(--ease), padding-left var(--ease);}
.thread__name--selected li:last-child a {border-bottom:0 none;}
.thread__name--selected li a:hover {padding-left:2px; color: var(--accent);}.separator-snackbar:not(.null34){display: inline-block; color: var(--line); width:22px; font-family: var(--serif); font-weight:bold;}
.thread__name--selected li a:hover .separator-snackbar {color: var(--accent-3);}
.tabs-value .view-secondary {justify-content:flex-end; border:0; background-color:transparent; position:static; align-items:stretch}
/* =======================================================================
   FOOTER
   ======================================================================= */
.status__backdrop{background: var(--dark); content-visibility:auto; contain-intrinsic-size:auto 360px; color:#d6cfce;}
.toolbar__holder {display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.1fr;}
.hero {padding:63px 0 46px; background-blend-mode:normal;}
.modalCell img {filter:brightness(0) invert(1); margin-bottom:15px; width:auto; height:36px;}
.toolbar__holder {gap:45px;}
.dialog {margin-bottom:18px; font-size:14px; color:#74675c;}
.reply__slot {transform-style:flat; gap:8px; font-variant-ligatures:normal; flex-direction: column; display: flex;}
.comment__prefix {color:hsl(2, 0.6%, 100%); text-transform:uppercase; font-size:14px; letter-spacing:.8.03em; margin-bottom:17px; font-weight:600;}
.reply__slot a {transition: color var(--ease), padding-left var(--ease); text-underline-offset:auto; font-size:14px; color:hsl(88, 15.4%, 60.8%);}.reply__slot a:hover{padding-left:3px; color:rgb(250, 244, 255);}
.search--warning {font-size:10px; border-top:1px solid rgba(255, 255, 255, 0.17); color:#7d6d63; padding-top:14px; margin-top:22px;}body .sort--hover{gap:12px; display: flex;}
.sort--hover a {width:42px; display: inline-flex; align-items: center; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; transition: all var(--ease); height:39px; color:#ababab; justify-content: center; border:1px solid rgba(240, 255, 251, 0.18);}
.sort--hover a:hover {background: var(--accent); transform: translateY(-2px); border-color: var(--accent); color:#ffedf8;}.profile--compact:not(.noop65){text-align: center; border-top:1px solid rgba(247, 239, 239, 0); padding:20px 0;}

/* =======================================================================
   TO-TOP + COOKIE
   ======================================================================= */
.header--odd {display: flex; height:42px; opacity:0; right:20px; transform: translateY(12px); align-items: center; color:#f9edff; bottom:26px; justify-content: center; box-shadow: var(--sh-2); visibility: hidden; background: var(--accent); z-index: 900; transition: opacity .3s var(--ease), transform .3s var(--ease), visibility .3s, background var(--ease); width:50px; border-radius: var(--r-m); position: fixed;}
.profile--compact p {font-size:16px; color:#614c57; margin:0;}
.header--odd.is-on {opacity:1; transform: translateY(0); visibility: visible;}
.header--odd:hover {background: var(--accent-2); transform: translateY(-2px); box-shadow: var(--sh-3);}.list__region:not(.unused97){transition: transform .4s var(--ease); box-shadow:0 -7px 26px rgba(0, 10, 0, 0.13); z-index: 1100;}.list__region:not(.unused97){color:rgb(199, 202, 205); bottom:0; right:0; position: fixed; padding:20px 0; background: var(--dark-2); transform: translateY(100%); left:0;}.list__region.is-on:not(.placeholder19){transform: translateY(0);}
.list__region .c-popover-name {justify-content: space-between; align-items: center; gap:24px; display: flex;}
.list__region p {flex: 1; font-size:16px; color:#b8b4af; margin:0;}/* =======================================================================
   MODALS  (pure CSS :target, opened via #column-status / #pageImage)
   ======================================================================= */
.tracking-1{justify-content: center; padding:26px; position: fixed; align-items: center; z-index: 1300; inset:0; display: none;}
.list__region a {color: var(--accent-3); text-decoration:underline;}
.tracking-1:target {display: flex;}
.reply__inner {backdrop-filter:blur(2px); background:rgba(30, 13, 16, 0.6); -webkit-backdrop-filter:blur(2px); inset:0; position: absolute;}
.filter__prefix--filled {background: var(--paper); width:100%; z-index: 1; border-radius: var(--r-l); padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px; animation: rl-pop .25s var(--ease); box-shadow: var(--sh-3); position: relative; max-width:397px;}
@keyframes rl-pop { from {transform: translateY(14px) scale(.98); opacity:0;} to {opacity:1; transform: none;} }
.hero--outlined {justify-content: space-between; align-items: center; margin-bottom:17px; display: flex;}
.pagination-value .drawer-data {letter-spacing:normal; justify-content:flex-start; position:sticky; margin:0}

.selectSecondary {font-weight:600; font-size:1.27rem;}
.sort {border-radius: var(--r-s); align-items: center; width:31px; transition: background var(--ease), color var(--ease); display: inline-flex; color: var(--faint); justify-content: center; height:28px;}
.sort:hover {mix-blend-mode:normal; widows:2; background: var(--paper-3); color: var(--ink);}
.screen {display: flex; gap:9px; background-blend-mode:normal; flex-direction: column;}*.reply__input{align-items: center; display: flex; gap:15px; font-size:9px; justify-content: space-between;}
.progress--right {display: inline-flex; isolation:auto; color: var(--faint); gap:10px; hyphens:manual; cursor: pointer; align-items: center;}body .progress--right input{accent-color: var(--accent);}
.spinner__region {padding-top:17px; margin-top:19px; color: var(--faint); font-size:15px; border-top: 1px solid var(--line-soft); text-align: center;}
.filter__prefix {font-weight:600;}

/* =======================================================================
   RESPONSIVE
   ======================================================================= */
@media (max-width: 900px) {
  .toolbar__holder {gap:32px; grid-template-columns: 1fr 1fr; font-variant-caps:normal;}
}
@media (max-width: 768px) {
  :root {--bar: 58px;}
  body {font-size:15px;}body .profileSecondary{display: flex;}
  .menu--warning {gap:7px; position: absolute; border-bottom: 1px solid var(--line); box-shadow: var(--sh-3); align-items: stretch; background: var(--paper); padding:19px 19px; flex-direction: column; right:0; display: none; top: var(--bar); left:0;}
  .menu--warning.is-open {display: flex;}.ui-dialog{gap:0; flex-direction: column; align-items: stretch;}
  .threadTrigger {margin-top:9px; width:100%; margin-left:0;}*.el-snackbar{width:100%; padding:14px 15px;}.wrap-view{font-size:19.5px;}html .search__holder--large{padding-top:27px;padding-right:24px;padding-bottom:27px;padding-left:24px;}
  .accordion__wrapper {grid-template-columns: 1fr;}
  .feature {flex-wrap: wrap; gap:8px;}
  .media, .rating, .search {padding-top:28px;padding-right:18px;padding-bottom:28px;padding-left:18px;}.table__content--empty:not(.placeholder68){backface-visibility:visible; align-items: flex-start; flex-direction: column; gap:12px;}
  .list__region .c-popover-name {text-align: center; flex-direction: column; gap:14px;}
  .toolbar__holder {grid-template-columns: 1fr; gap:38px;}
}
@media (max-width: 480px) {.c-popover-name{padding:0 16px;}
  .search__holder--large {padding-top:25px;}
  .search__holder--large {padding-right:15px; padding-bottom:25px; padding-left:15px;}html .media, .rating, *.search, .timeline__overlay--pressed{padding:19px 18px;}
  .filter__prefix--filled {padding:24px;}
.form-region:hover {margin-bottom:32px; align-items:baseline; position:absolute; box-shadow:none; text-transform:lowercase; display:grid}

  .gallery--expanded {grid-template-columns: 1fr; hyphens:manual;}
  .header--odd {right:16px; bottom:15px;}
}

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