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

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

/* ---- base ---- */
*, *::before, *::after {padding:0; box-sizing: border-box; margin:0;}
html {-webkit-text-size-adjust:100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--bar) + 16px);}img, svg{display: block; max-width:100%;}body{line-height:1.65; background: var(--paper-2); -moz-osx-font-smoothing:grayscale; color: var(--muted); -webkit-font-smoothing:antialiased; font-family: var(--sans); font-size:17px;}
a {transition: color var(--ease); color: var(--accent); text-decoration:none;}img{height:auto;}
.feature-outer > summary {background:#e8f2e2; font-weight:400; font-size:0.75rem; min-height:27px}

a:hover {color: var(--accent-2);}
ul, ol {list-style: none;}button{break-inside:auto; border:0 none; background-blend-mode:normal; font-family:inherit; background:none; color:inherit; cursor: pointer;}
input, textarea {font-size:inherit; font-family:inherit; color: var(--ink);}
@media (min-width: 768px) and (max-width: 1103px) {
  .accordion-summary + .sort-close {width:1260px; justify-content:space-around; overflow:auto}
  .nav-toggle::before {content:''; height:17px}
  .header-value:first-child {transition:all 0.15s ease; align-items:stretch; letter-spacing:normal; position:absolute}
}


.gallery-count::before {content:''; max-width:100%; position:sticky; overflow:auto; font-weight:700}
p{margin:0 0 0.92em;}h1{color: var(--ink); text-rendering:auto; font-family: var(--serif); font-weight:bold; line-height:1.18;}
strong, b {color: var(--ink-soft); font-weight:bold;}body .mb-16{padding:0 20px;}
.visible-start {padding:0; white-space: nowrap; overflow: hidden; margin:-1px; height:1px; border:0 none; clip:rect(0,0,0,0); width:1px; position: absolute;}body .mb-16{margin:0 auto; max-width: var(--bound);}

/* span-based section captions (no heading tags outside the article body) */
.pb-8, .counterOverlay, .filterColumn, .d-2, .shadow-8,
.screenArea, .mr-start, .pt-2xl {color: var(--ink); font-family: var(--serif); text-decoration-skip-ink:auto; display: block;}

/* ---- progress ---- */
.pt-around {position: fixed; height:2px; left:0; width:0; background: linear-gradient(90deg, var(--accent), var(--accent-3)); transition:width 0.076s linear; top:0; z-index: 1400;}/* =======================================================================
   MASTHEAD  (fixed; sits visually on top although later in source)
   ======================================================================= */
.float-screen{transition: box-shadow var(--ease); left:0; top:0; right:0; background:rgba(255, 251, 243, 0.95); -webkit-backdrop-filter:saturate(150%) blur(10px); position: fixed; height: var(--bar); border-bottom: 1px solid var(--line); z-index: 1000; backdrop-filter:saturate(150%) blur(10px);}.is-stuck.float-screen{box-shadow: var(--sh-2);}
.float-screen .mb-16 {display: flex; height:100%; gap:25px; align-items: center;}
.order-8 {display: inline-flex; flex-shrink: 0; align-items: center;}

.u-screen {gap:20px; flex: 1; display: flex; align-items: center; text-rendering:auto;}
.order-8 img {width:auto; height:36px;}
.pl-sm {align-items: center; gap:2px; display: flex;}
.rounded-block {color: var(--muted); display: inline-flex; font-size:18.5px; align-items: center; transition: color var(--ease), background var(--ease); padding:6px 17px; border-radius: var(--r-s); font-weight:500;}
.rating-info:hover {line-height:1.3; padding-top:24px; transition:opacity 0.45s; display:block}
.rounded-block:hover{background: var(--paper-3); color: var(--ink);}
.mr-full {color:#fffff2; background: var(--accent); shape-margin:0;}
.mr-full {justify-content: center; hyphens:manual; border-radius: var(--r-m); margin-left:auto; font-size:10px; transition: background var(--ease), transform var(--ease), box-shadow var(--ease); padding:8px 18px; display: inline-flex; font-weight:500; align-items: center;}
.mr-full:hover {color:#f5feff;}
.mr-full:hover {transform: translateY(-1px); background: var(--accent-2); box-shadow:0 10px 17px rgba(193, 48, 9, 0.31);}

.mr-md {margin-left:auto; padding:9px; height:40px; gap:8px; border-radius: var(--r-s); flex-direction: column; width:37px; justify-content: center; display: none;}
.mr-md i {height:2px; display: block; border-radius:2px; word-spacing:normal; background: var(--ink); transition: transform var(--ease), opacity var(--ease);}
.mr-md.is-open i:nth-child(1) {transform: translateY(7px) rotate(45deg);}.mr-md.is-open i:nth-child(2){tab-size:4; opacity:0;}
.mr-md.is-open i:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}/* ---- buttons ---- */
.l-stepper{font-size:17.5px; color:#fffded; transition: background var(--ease), transform var(--ease), box-shadow var(--ease); justify-content: center; white-space: nowrap; text-decoration-skip-ink:auto; padding:12px 19px; font-weight:500; background: var(--accent); gap:8px; align-items: center; display: inline-flex; border-radius: var(--r-m); font-family: var(--sans);}
.l-stepper:hover {box-shadow:0 5px 15px rgba(200, 56, 8, 0.2); color:rgb(255, 255, 250); background: var(--accent-2); transform: translateY(-1px);}
.gap-start {padding:9px 26px; width:100%; margin-top:3px; isolation:auto; shape-margin:0;}
.flex-full {padding:14px 24px; font-size:18px; align-self: flex-start;}

/* =======================================================================
   MAIN  (content-first; cleared from the fixed masthead)
   ======================================================================= */
.opacity-3 {padding-top: var(--bar); transform-style:flat;}
.clear-16 {max-width: var(--read); padding:27px 0 60px; margin:0 auto;}

/* =======================================================================
   POST
   ======================================================================= */
.c-profile-line {padding:44px; border-radius: var(--r-l);}
.dialog-close:hover {color:#888888; width:300px; text-align:center}


/* =======================================================================
   POST
   ======================================================================= */
.c-profile-line {box-shadow: var(--sh-1); background: var(--paper); border: 1px solid var(--line);}
.p-start {border-bottom: 1px solid var(--line-soft); gap:4px 10px; padding-bottom:22px; display: flex; align-items: center; margin-bottom:28px; flex-wrap: wrap;}
.grid-none {font-size: clamp(1.85rem, 1.2rem + 2.4vw, 2.6rem); color: var(--ink); margin-bottom:15px; font-weight:bold; letter-spacing:-.13.99em; line-height:1.16;}
.opacity-lg {color: var(--faint); display: inline-flex; font-size:11px; gap:10px; align-items: center;}*.d-md{shape-margin:0; mix-blend-mode:normal; color: var(--line);}.opacity-lg svg{opacity:0.65;}/* ---- toc ---- */
.position-end{background: var(--accent-wash); border:1px solid #ffe5c7; will-change:auto; margin-bottom:32px; widows:2; padding:18px 23px; border-left: 3px solid var(--accent); border-radius: var(--r-m);}
.l-profile-icon {display: flex; align-items: center; margin-bottom:10px; justify-content: space-between;}
.position-end[hidden] {display: none;}html .pb-8{font-weight:600; font-size:19px;}
.float-between {padding:-1px 9px; transition: background var(--ease); background-blend-mode:normal; font-weight:500; border-radius: var(--r-s); font-size:11px; color: var(--accent);}
.float-between:hover {background:rgba(177, 49, 7, 0.15);}
.gap-6 {display: flex; gap:6px; flex-direction: column; widows:2; isolation:auto;}
.gap-6 a {border-left:2px solid transparent; transition: color var(--ease), padding-left var(--ease); font-size:10px; padding:5px 0; display: block; color: var(--muted);}
.gap-6 a:hover {padding-left:9px; color: var(--accent);}
.gap-6 a.app-comment-trigger {padding-left:18px; font-size:13.5px;}
.gap-6 a.app-comment-trigger:hover {padding-left:23px;}
.gap-6 a.text-16 {font-size:13px; padding-left:29px;}
.gap-6 a.text-16 {color: var(--faint); image-rendering:auto;}

/* ---- body (the only place real headings appear) ---- */
.float-md {font-size:14.5px; font-synthesis:weight style small-caps; color: var(--ink-soft); will-change:auto; line-height:1.78;}
.float-md > *:first-child {margin-top:0rem;}*.float-md h2{font-family: var(--serif); letter-spacing:-.1.02em; font-size:1.48rem; font-weight:600; color: var(--ink); margin:1.98em 0 .55.04em;}.float-md h3{font-family: var(--serif); font-weight:600; color: var(--ink); font-size:1.32rem; margin:1.42em 0 .44.93em;}*.float-md h4{margin:1.29em 0 .3.99em; font-family: var(--serif); font-size:1.13rem; font-weight:600; color: var(--ink);}
.float-md p {margin:0 0 1.32em;}
.float-md ul, .float-md ol {margin:0 0 1.36em 1.35em;}.float-md ul{list-style: disc;}
.float-md ol {list-style: decimal; shape-margin:0;}
.float-md ol {text-rendering:auto;}
.gallery--fixed {height:100%; font-weight:400; margin-top:0.75rem; position:absolute}

.float-md li {margin-bottom:.44.94em; background-blend-mode:normal;}
.float-md li::marker {color: var(--accent);}body .float-md a{text-decoration-thickness:1.5px; text-decoration-color:rgba(203, 67, 7, 0.39); text-underline-offset:3px; text-decoration:underline;}
.float-md a:hover {text-decoration-color: var(--accent-2);}
.float-md img {margin:1.7em 0; border-radius: var(--r-m);}
.float-md blockquote {border-left: 3px solid var(--accent); font-style:italic; padding-top:20px;padding-right:28px;padding-bottom:20px;padding-left:28px; background: var(--paper-2); font-size:1.15em; border-radius: 0 var(--r-m) var(--r-m) 0; font-family: var(--serif); margin:1.77em 0; color: var(--ink);}
.float-md blockquote:empty {display: none;}
.float-md pre {background: var(--dark); padding-top:18px;padding-right:22px;padding-bottom:18px;padding-left:22px; margin:1.73em 0; overflow-x: auto; font-size:14.5px; color:#daf3ed; line-height:1.6; border-radius: var(--r-m);}.float-md code{font-size:.8.97em; font-family:'SFMono-Regular', 'Fira Code', Consolas, monospace;}*.float-md :not(pre) > code{backface-visibility:visible; background: var(--paper-3); color: var(--accent-2); padding:2px 2px; border-radius:6px; text-decoration-skip-ink:auto;}
.float-md table {font-size:19px; width:100%; margin:1.75em 0; border-collapse:collapse;}
.float-md th, .float-md td {border: 1px solid var(--line); text-align: left; padding:14px 12px;}body .float-md th{font-weight:700; color: var(--ink);}
.timeline-group {padding-right:8px; letter-spacing:normal; flex:none}
body .float-md th{background: var(--paper-2);}
.float-md hr {border:0; border-top: 1px solid var(--line); margin:1.94em 0;}

/* ---- share ---- */
.px-20 {align-items: center; display: flex; margin-top:35px; gap:10px; orphans:2; will-change:auto;}
.replyTrigger {gap:8px; display: flex;}
.counterOverlay {letter-spacing:.8.02em; text-transform:uppercase; color: var(--faint) !important; font-weight:bold; font-size:11px !important;}
.h-screen {justify-content: center; color: var(--muted); border: 1px solid var(--line); width:41px; background: var(--paper-2); display: inline-flex; height:36px; transition: all var(--ease); align-items: center; border-radius: var(--r-m);}

.profile--sticky {border:0 none; border-top: 1px solid var(--line-soft); margin:31px 0;}*.h-screen:hover{box-shadow:0 8px 9px rgba(212, 82, 23, 0.3); transform: translateY(-2px); color:rgb(245, 242, 254); border-color: var(--accent); background: var(--accent);}/* ---- vote ---- */
:where(.thread--wide){text-rendering:auto; display: flex; align-items: center; font-variant-caps:normal; gap:22px;}
.card-trigger:first-child {flex:0 0 auto; box-shadow:none; position:sticky; display:block}

.filterColumn {font-weight:600; font-size:12px;}
.app-alert {border: 1px solid var(--line); color: var(--muted); border-radius: var(--r-m); background: var(--paper); font-size:18px; display: inline-flex; transition: all var(--ease); gap:3px; text-rendering:auto; padding:12px 19px; align-items: center; font-weight:500;}
.rounded-full {gap:12px; display: flex;}
.app-alert b {break-inside:auto; mix-blend-mode:normal; font-weight:700;}body .mt-0:hover{color: var(--no); background-color:#f6f2e1; border-color: var(--no);}
.pl-block:hover {orphans:2; background:#effff9; border-color: var(--ok); font-variant-caps:normal; color: var(--ok);}
.app-alert.is-voted {opacity:0.7; pointer-events: none;}

/* =======================================================================
   SECONDARY SECTIONS  (rendering-optimised)
   ======================================================================= */
.grid-between, .sidebar--wide, .mx-sm, .mr-0 {image-rendering:auto; margin-top:40px; content-visibility:auto; contain-intrinsic-size:auto 420px;}html .grid-between, html .sidebar--wide, .mr-0:not(.nil65){background: var(--paper); box-shadow: var(--sh-1); padding:38px;}html .grid-between, html .sidebar--wide, .mr-0:not(.nil65){border-radius: var(--r-l); border: 1px solid var(--line);}
.d-2, .shadow-8 {font-weight:600; font-size:1.35rem; margin-bottom:24px;}
.spinner-row > data {width:fit-content; margin-left:0; align-items:center; display:flex}

.screenArea {margin-bottom:15px; display: inline-block; font-weight:600; padding-bottom:14px; font-size:20px; border-bottom: 2px solid var(--accent);}
.row-lg {color: var(--faint); font-size:12.5px; margin-bottom:19px;}
#drawer-content {display:inline-flex; padding-top:7px}


/* inputs */
.bg-half {outline:none; padding:14px 11px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-m); width:100%; transition: border-color var(--ease), box-shadow var(--ease); font-size:16px; color: var(--ink); display: block;}
.bg-half::placeholder {color: var(--faint);}
.bg-half:focus {border-color: var(--accent); box-shadow:0 0 0 5px rgba(197, 48, 15, 0.2);}
.mt-between {resize: vertical; min-height:133px; line-height:1.6;}

.pb-4, .bg-20 {gap:19px; display: flex; flex-direction: column;}html .visible-0{grid-template-columns: 1fr 1fr; break-inside:auto; font-variant-caps:normal; display: grid; gap:18px;}

/* more reading */
.grid-12 {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap:12px;}
.l-review-close {gap:7px; border: 1px solid var(--line-soft); transition: all var(--ease); transform-style:flat; display: flex; border-radius: var(--r-m); padding:21px; background: var(--paper-2); flex-direction: column;}
.media-addon::before {content:''; flex:0 0 auto; min-height:8px; margin-right:0; width:300px}

.rounded-inline {letter-spacing:.6.98em; text-transform:uppercase; font-weight:bold; color: var(--accent); font-size:14px;}
.l-review-close:hover {box-shadow: var(--sh-1); border-color: var(--accent); transform: translateY(-2px);}html .c-status{font-family: var(--serif); font-weight:600; font-size:12px; color: var(--ink); line-height:1.38;}
.hero-holder + .banner-label {background:#fdc100; height:5px; transition:transform 0.15s ease-in-out; cursor:default}
/* utility cards */
:where(.mx-sm){grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap:17px; display: grid;}body .float-12{padding:21px; border: 1px solid var(--line);}body .float-12{box-shadow: var(--sh-1); border-radius: var(--r-l); background: var(--paper);}

.border-xs {display: flex;}
.chip-close:not(:last-child) {background-color:transparent; align-items:baseline; width:300px; transition:all 0.45s ease; min-width:0; position:absolute}


.border-xs {overflow: hidden; border: 1px solid var(--line); border-radius: var(--r-m); background: var(--paper);}
.border-xs .bg-half {border-radius:none; border:none;}
.border-xs .bg-half:focus {box-shadow:none;}
.col-16 {background: var(--accent); transition: background var(--ease); display: flex; flex-shrink: 0; color:#fff1f2; justify-content: center; align-items: center; width:50px;}
.col-16:hover {font-synthesis:weight style small-caps; word-spacing:normal; background: var(--accent-2);}

.bar-form {flex-direction: column; display: flex;}.bar-form li a{display: block;}.bar-form li a{border-bottom: 1px solid var(--line-soft); font-size:17.5px; color: var(--muted); padding:10px 0; transition: color var(--ease), padding-left var(--ease);}
.bar-form li:last-child a {border-bottom:0; font-variant-caps:normal;}
.bar-form li a:hover {padding-left:1px; color: var(--accent); transform-style:flat;}*.l-view{font-weight:700; display: inline-block; width:25px; color: var(--line); font-family: var(--serif);}
.bar-form li a:hover .l-view {color: var(--accent-3);}

/* =======================================================================
   FOOTER
   ======================================================================= */
.c-menu-column {content-visibility:auto; background: var(--dark); color:#cac4cc; contain-intrinsic-size:auto 360px;}
.mb-half {padding:60px 0 38px;}.flex-3{display: grid; gap:45px; grid-template-columns: 1.6fr 1fr 1fr 1.1fr;}
.tooltip img {width:auto; margin-bottom:22px; height:31px; filter:brightness(0) invert(1);}
.mr-20 {margin-bottom:21px;}
@media (min-width: 1024px) {
  .media-addon::before {content:''; display:none; transition:transform 0.4s ease-in-out; margin:1.25rem; border:none}
  .status__cap {display:table; min-height:100vh; letter-spacing:normal; justify-content:center; position:sticky}
  #drawer-content {max-width:860px; text-align:left; cursor:default; background-color:transparent; border:none; width:1000px}
  .chip-close:not(:last-child) {text-decoration:underline; background-color:transparent; transition:transform 0.35s ease-in-out; align-items:baseline}
}


.mr-20 {font-size:13px; color:#7a6e78;}
.mr-start {isolation:auto; font-size:11px; letter-spacing:.7.99em; color:#fafff6; font-weight:600; margin-bottom:13px; text-transform:uppercase;}
.col-8 {flex-direction: column; display: flex; gap:7px;}*.col-8 a{font-size:16px; transition: color var(--ease), padding-left var(--ease); color:rgb(160, 179, 152); font-variant-ligatures:normal;}
.col-8 a:hover {color:#fff9fa; padding-left:1px;}
.justify-10 {border-top:1px solid rgba(243, 250, 255, 0.05); font-size:15px; color:#865f77; margin-top:20px; padding-top:11px;}*.modal__slot{display: flex; gap:8px;}
.modal__slot a {border-radius:50%; border:1px solid rgba(250, 249, 255, 0.15); transition: all var(--ease); height:34px; align-items: center; justify-content: center; display: inline-flex; color:rgb(169, 156, 163); width:39px;}.modal__slot a:hover{transform: translateY(-2px); background: var(--accent); color:#fffff8; border-color: var(--accent);}

.overflow-6 {padding:24px 0; border-top:1px solid rgba(245, 255, 241, 0.08); text-align: center;}
.overflow-6 p {margin:0; font-size:13px; color:rgb(70, 80, 92);}

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

.mt-lg {transition: transform .4s var(--ease); right:0rem; box-shadow:0 -8px 23px rgba(7, 9, 11, 0.15); background: var(--dark-2); z-index: 1100; padding:14px 0; transform: translateY(100%); position: fixed; color:hsl(35, 32.9%, 83.8%); left:0; bottom:0em;}
.mt-lg.is-on {transform: translateY(0);}body .mt-lg .mb-16{justify-content: space-between; gap:26px; display: flex; align-items: center;}body .mt-lg .mb-16{text-decoration-skip-ink:auto; shape-margin:0;}
.mt-lg p {isolation:auto; margin:0; color:#9ea1a3; flex: 1; font-size:10px;}.mt-lg a{color: var(--accent-3); text-decoration:underline;}/* =======================================================================
   MODALS  (pure CSS :target, opened via #app-footer / #gallery_primary)
   ======================================================================= */
.list{padding:20px; align-items: center; justify-content: center; display: none; z-index: 1300; inset:0; position: fixed;}*.list:target{display: flex;}
.py-inline {inset:0; background:rgba(14, 28, 6, 0.61); position: absolute; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);}
.mt-8 {animation: rl-pop .25s var(--ease); max-width:396px; z-index: 1; width:100%; border-radius: var(--r-l); padding-top:31px;padding-right:31px;padding-bottom:31px;padding-left:31px; background: var(--paper); position: relative; box-shadow: var(--sh-3);}
@keyframes rl-pop { from {opacity:0; transform: translateY(14px) scale(.98);}to{transform: none; opacity:1;} }
.position-4 {align-items: center; margin-bottom:22px; justify-content: space-between; display: flex;}
.toolbar-overlay .carousel-meta {margin-top:3rem; box-shadow:0 5px 2px rgba(0,0,0,0.81)}
.pt-2xl{font-weight:600; will-change:auto; font-size:1.38rem;}.pl-full:not(.unused71){height:33px; transition: background var(--ease), color var(--ease); align-items: center; justify-content: center; display: inline-flex; color: var(--faint); width:33px; border-radius: var(--r-s);}
.pl-full:hover {background: var(--paper-3); color: var(--ink);}
.w-3 {gap:12px; display: flex; flex-direction: column;}.m-1{display: flex; gap:14px; justify-content: space-between; align-items: center; font-size:12px;}
.overflow-md {color: var(--faint); align-items: center; cursor: pointer; display: inline-flex; gap:5px;}body .overflow-md input{accent-color: var(--accent);}
.m-between {padding-top:18px; color: var(--faint); text-align: center; border-top: 1px solid var(--line-soft); font-size:17px; margin-top:15px;}.moduleTrack{isolation:auto; font-weight:600; break-inside:auto;}

/* =======================================================================
   RESPONSIVE
   ======================================================================= */
@media (max-width: 900px) {
  .flex-3 {gap:32px; widows:2; grid-template-columns: 1fr 1fr; image-rendering:auto;}body{font-size:18px;}
}
@media (max-width: 768px) {
  :root {--bar: 58px;}
  .mr-md {display: flex;}
  .u-screen {right:0; padding:15px 25px; left:0; border-bottom: 1px solid var(--line); top: var(--bar); background: var(--paper); display: none; box-shadow: var(--sh-3); flex-direction: column; gap:3px; position: absolute; align-items: stretch;}
  .pl-sm {flex-direction: column; font-variant-ligatures:normal; align-items: stretch; gap:0;}body .u-screen.is-open{display: flex;}
  .mr-full {margin-left:0; width:100%; margin-top:12px;}
  .rounded-block {width:100%; padding-top:8px;padding-right:10px;padding-bottom:8px;padding-left:10px;}

  .c-profile-line {padding:27px 19px;}
  .float-md {font-size:20.5px;}
  .visible-0 {grid-template-columns: 1fr;}
  .thread--wide {align-items: flex-start; flex-direction: column; gap:15px;}
.status__cap {max-width:100%; font-size:0.875rem}

#page-dot {height:100%; padding-bottom:25px; position:relative; width:440px}
.px-20{flex-wrap: wrap; gap:11px;}body .grid-between, body .sidebar--wide, .mr-0{padding:30px 20px; transform-style:flat;}
  .flex-3 {grid-template-columns: 1fr; gap:31px;}
  .mt-lg .mb-16 {gap:10px; text-align: center; flex-direction: column;}
}
@media (max-width: 480px) {
  .mb-16 {padding:0 18px;}
  .c-profile-line {padding-top:23px;padding-right:18px;padding-bottom:23px;padding-left:18px;}
  .grid-between, .sidebar--wide, .mr-0, .float-12 {padding:20px 14px;}.grid-12{grid-template-columns: 1fr;}
.box-preview:first-child {display:flex; padding-right:4px; color:#f5f5f5}
*.mt-8{padding:20px;}
  .m-3 {bottom:17px; right:12px;}
}

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