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

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

/* ---- base ---- */
*, *::before, *::after {margin:0; padding:0; box-sizing: border-box;}
html {scroll-padding-top: calc(var(--bar) + 16px); -webkit-text-size-adjust:100%; scroll-behavior: smooth;}
body {color: var(--muted); background: var(--paper-2); -moz-osx-font-smoothing:grayscale; font-family: var(--sans); font-size:14px; line-height:1.65; -webkit-font-smoothing:antialiased;}img, svg{display: block; max-width:100%;}
img {height:auto;}
a:hover {color: var(--accent-2);}
a {transition: color var(--ease); color: var(--accent); text-decoration:none;}
ul, ol {orphans:2; widows:2; list-style: none;}button{border:none; color:inherit; font-family:inherit; cursor: pointer; background:none;}
input, textarea {color: var(--ink); font-family:inherit; font-size:inherit;}p{margin:0 0 1.01em;}h1{line-height:1.18; font-family: var(--serif); font-weight:700; color: var(--ink);}.ui-counter-zone:not(.nil31){padding:0 26px; margin:0 auto; max-width: var(--bound);}
strong, b {font-weight:700; color: var(--ink-soft);}
.o-chip-separator {white-space: nowrap; clip:rect(0,0,0,0); width:1px; padding:0; margin:-1px; border:none; position: absolute; overflow: hidden; height:1px;}/* ---- progress ---- */
.ui-section{position: fixed; left:0; width:0; z-index: 1400; background: linear-gradient(90deg, var(--accent), var(--accent-3)); top:0; transition:width 0.046s linear; height:4px;}

/* span-based section captions (no heading tags outside the article body) */
.accordionTertiary, .c-entry, .el-toolbar-image, .position-2xl, .l-sort,
.o-toggle-separator, .o-media, .u-avatar-body {font-family: var(--serif); color: var(--ink); display: block;}
.toggle-column .nav-meta {transition:transform 0.45s ease-in-out; text-transform:none; color:currentColor; font-weight:600; gap:32px; position:sticky}

.menu__backdrop {display:flex; position:sticky}
/* =======================================================================
   MASTHEAD  (fixed; sits visually on top although later in source)
   ======================================================================= */
.tooltip__meta{height: var(--bar); transition: box-shadow var(--ease); left:0; right:0; -webkit-backdrop-filter:saturate(150%) blur(10px); position: fixed; backdrop-filter:saturate(150%) blur(10px); top:0; border-bottom: 1px solid var(--line); background:rgba(255, 251, 255, 0.99); z-index: 1000;}
.tooltip__meta.is-stuck {box-shadow: var(--sh-2);}
.tooltip__meta .ui-counter-zone {font-variant-ligatures:normal; align-items: center; gap:21px; display: flex; font-variant-caps:normal; height:100%;}.ui-entry:not(.skip80){display: inline-flex; align-items: center; flex-shrink: 0;}*.ui-entry img{height:34px; width:auto;}
.el-avatar {display: flex; align-items: center;}body .t-dialog{perspective:none; display: flex; align-items: center; mix-blend-mode:normal; gap:15px; flex: 1;}
.el-avatar {gap:2px;}body .el-dialog{transition: color var(--ease), background var(--ease); font-size:18.5px; border-radius: var(--r-s); color: var(--muted); font-weight:500; align-items: center; padding-top:8px;padding-right:18px;padding-bottom:8px;padding-left:18px; display: inline-flex; break-inside:auto;}*.el-dialog:hover{color: var(--ink); background: var(--paper-3);}
.c-post-action {background: var(--accent); border-radius: var(--r-m); align-items: center; margin-left:auto; color:rgb(240, 248, 255); padding-top:5px;padding-right:21px;padding-bottom:5px;padding-left:21px; font-size:14px; transition: background var(--ease), transform var(--ease), box-shadow var(--ease); justify-content: center; font-weight:500; display: inline-flex;}
.c-post-action:hover {transform: translateY(-1px); background: var(--accent-2); box-shadow:0 5px 12px rgba(208, 62, 27, 0.31); color:#fffffe;}

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

/* ---- buttons ---- */
.ui-menu {color:hsl(182, 100%, 97.8%); background: var(--accent); border-radius: var(--r-m); white-space: nowrap; gap:5px; justify-content: center; font-weight:500; display: inline-flex; font-family: var(--sans); padding-top:8px;padding-right:25px;padding-bottom:8px;padding-left:25px; font-size:11.5px; transition: background var(--ease), transform var(--ease), box-shadow var(--ease); align-items: center;}
.ui-menu:hover {background: var(--accent-2); box-shadow:0 10px 13px rgba(207, 80, 0, 0.24); transform: translateY(-1px); color:hsl(299, 100%, 98.7%);}.ui-media:not(.none61){width:100%; margin-top:0px; padding:16px 19px;}/* =======================================================================
   MAIN  (content-first; cleared from the fixed masthead)
   ======================================================================= */
.grid:not(.nil52){padding-top: var(--bar);}
.l-snackbar-region {align-self: flex-start; font-size:18px; padding:14px 29px;}
.app-rating-primary {max-width: var(--read); margin:0 auto; padding:34px 0 67px;}/* =======================================================================
   POST
   ======================================================================= */
.bannerTrack{box-shadow: var(--sh-1); border-radius: var(--r-l); background: var(--paper); padding:45px; border: 1px solid var(--line);}
.footer__track--danger {letter-spacing:-.14.01em; font-weight:bold; font-size: clamp(1.85rem, 1.2rem + 2.4vw, 2.6rem); color: var(--ink); line-height:1.16; margin-bottom:13px;}
.o-screen-primary {padding-bottom:23px; margin-bottom:29px; flex-wrap: wrap; border-bottom: 1px solid var(--line-soft); display: flex; align-items: center; gap:6px 10px;}
.ui-carousel-container {display: inline-flex; color: var(--faint); align-items: center; gap:10px; font-size:14px;}body .el-popover-wrapper{color: var(--line);}.ui-carousel-container svg{opacity:0.63;}

/* ---- toc ---- */
.entryBody {border:1px solid hsl(18, 100%, 88.7%); padding:22px 25px; border-left: 3px solid var(--accent); background: var(--accent-wash); margin-bottom:34px; border-radius: var(--r-m);}.entryBody[hidden]{display: none;}
.modal-value > count {border:0; margin-bottom:0; box-shadow:0 12px 10px rgba(0,0,0,0.89); margin:27px 10px; font-size:0.875rem}

.table--info {align-items: center; display: flex; margin-bottom:13px; justify-content: space-between;}body .accordionTertiary{font-size:16px; font-weight:600;}
.o-alert-spacer {color: var(--accent); font-size:12px; border-radius: var(--r-s); transition: background var(--ease); padding:3px 5px; font-weight:500;}html .l-tag{gap:1px; flex-direction: column; display: flex;}
.o-alert-spacer:hover {background:rgba(197, 50, 17, 0.02);}
.l-tag a {font-size:12px; transition: color var(--ease), padding-left var(--ease); border-left:2px solid transparent; padding:5px 0;}
.l-tag a {display: block; color: var(--muted);}
.l-tag a:hover {color: var(--accent); padding-left:9px;}
.l-tag a.app-card {padding-left:15px; font-size:10.5px;}
.l-tag a.app-card:hover {padding-left:18px;}

/* ---- body (the only place real headings appear) ---- */
.l-counter {line-height:1.78; font-size:18.5px; color: var(--ink-soft);}
.l-tag a.c-tooltip {font-size:12px; padding-left:29px; color: var(--faint);}.l-counter > *:first-child{margin-top:0;}html .l-counter h2{margin:1.93em 0 .54.92em; font-family: var(--serif); font-weight:600; letter-spacing:-.1.05em; font-size:1.59rem; color: var(--ink);}
.l-counter h3 {font-weight:600; color: var(--ink); margin:1.57em 0 .45.08em; font-size:1.23rem; font-family: var(--serif);}*.l-counter h4{text-rendering:auto; color: var(--ink); font-family: var(--serif); backface-visibility:visible; font-size:1.05rem; font-weight:600;}*.l-counter h4{margin:1.37em 0 .3.97em;}
.l-counter p {margin:0 0 1.28em;}body .l-counter ul, *.l-counter ol{margin:0 0 1.32em 1.44em;}
.l-counter ul {list-style: disc;}
.l-counter ol {list-style: decimal;}
.l-counter li {margin-bottom:.44.95em;}.l-counter li::marker{color: var(--accent);}
.panel-thumb:not(:last-child) {font-weight:500; transition:all 0.3s ease; align-items:center; justify-content:flex-end; min-width:5px; flex-wrap:nowrap}
.l-counter a{text-decoration-thickness:1.5px; text-decoration-color:rgba(203, 55, 27, 0.43); text-decoration:underline; text-underline-offset:3px;}
.l-counter a:hover {text-decoration-color: var(--accent-2);}*.l-counter img{margin:1.67em 0; border-radius: var(--r-m);}
.l-counter blockquote {padding-top:20px;padding-right:30px;padding-bottom:20px;padding-left:30px; background: var(--paper-2); border-left: 3px solid var(--accent); color: var(--ink); font-size:1.15em; font-style:italic; border-radius: 0 var(--r-m) var(--r-m) 0; margin:1.77em 0; font-family: var(--serif);}
.l-counter blockquote:empty {display: none;}
.l-counter pre {border-radius: var(--r-m); line-height:1.6; color:rgb(237, 252, 209); margin:1.73em 0; overflow-x: auto; font-size:15.5px; padding:16px 22px; background: var(--dark);}
.l-counter code {font-size:.8.95em; font-family:'SFMono-Regular', 'Fira Code', Consolas, monospace;}.l-counter :not(pre) > code{background: var(--paper-3); padding-top:2px;padding-right:3px;padding-bottom:2px;padding-left:3px; color: var(--accent-2); border-radius:8px;}
.l-counter table {margin:1.71em 0; width:100%; font-size:11px; border-collapse:collapse;}
.l-counter th, .l-counter td {border: 1px solid var(--line); text-align: left; padding-top:13px;padding-right:18px;padding-bottom:13px;padding-left:18px;}
.l-counter th {font-weight:bold; color: var(--ink); background: var(--paper-2);}.l-counter hr{margin:1.95em 0; border:0 none; border-top: 1px solid var(--line);}/* ---- share ---- */
.l-footer{align-items: center; margin-top:35px; display: flex; gap:17px;}.c-entry:not(.dummy72){font-size:13px !important; letter-spacing:.8.08em; color: var(--faint) !important; text-transform:uppercase; font-weight:700;}
.tooltip-primary:first-child {background:transparent; width:fit-content; transition:opacity 0.15s; background-color:transparent; gap:1rem}

.app-reply {gap:8px; display: flex;}
.section-foot:not(:last-child) {padding:39px; box-shadow:none; min-height:100vh; text-transform:uppercase; line-height:1}

.layout-wrap .media-overlay {min-height:26px; font-size:26px}

.l-feature {height:41px; width:35px; color: var(--muted); align-items: center; transition: all var(--ease); border-radius: var(--r-m); justify-content: center; background: var(--paper-2); border: 1px solid var(--line); display: inline-flex;}
.l-feature:hover {background: var(--accent); color:#fff1ff; transform: translateY(-2px); box-shadow:0 4px 8px rgba(188, 58, 24, 0.15); border-color: var(--accent);}html .c-skeleton-inner{border-top: 1px solid var(--line-soft); margin:34px 0; border:none;}

/* ---- vote ---- */
.order-5 {display: flex; align-items: center; gap:20px;}
.el-toolbar-image {font-weight:600; font-size:18px;}
.ui-tooltip {display: flex; gap:12px;}*.u-filter-summary{transition: all var(--ease); background: var(--paper); font-size:14px; padding-top:7px;padding-right:13px;padding-bottom:7px;padding-left:13px; border: 1px solid var(--line); color: var(--muted); align-items: center; font-weight:500; display: inline-flex; border-radius: var(--r-m); gap:5px;}.u-filter-summary b{font-weight:700;}
.app-skeleton-input:hover {background-blend-mode:normal; background:#faf4f2; border-color: var(--ok); color: var(--ok); text-decoration-skip-ink:auto;}
.u-filter-summary.is-voted {pointer-events: none; opacity:0.7;}
.t-price:hover {border-color: var(--no); color: var(--no); background-color:#fff7e3;}

/* =======================================================================
   SECONDARY SECTIONS  (rendering-optimised)
   ======================================================================= */
.u-carousel, .t-skeleton, .c-reply-icon, .content-tabs {content-visibility:auto; contain-intrinsic-size:auto 420px;}

/* =======================================================================
   SECONDARY SECTIONS  (rendering-optimised)
   ======================================================================= */
.u-carousel, .t-skeleton, .c-reply-icon, .content-tabs {margin-top:39px;}
.u-carousel, .t-skeleton, .content-tabs {box-shadow: var(--sh-1); padding:31px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-l);}
.position-2xl, .l-sort {font-size:1.23rem; font-weight:600; margin-bottom:25px;}.o-toggle-separator{font-weight:600; border-bottom: 2px solid var(--accent); margin-bottom:18px; padding-bottom:9px; display: inline-block; font-size:13px;}
.l-nav {color: var(--faint); word-spacing:normal; font-size:10.5px; contain:none; margin-bottom:13px;}

/* inputs */
.el-action-name {background: var(--paper); will-change:auto; padding:9px 13px; display: block; border: 1px solid var(--line); color: var(--ink); width:100%; border-radius: var(--r-m); font-size:16px; outline:none; transition: border-color var(--ease), box-shadow var(--ease);}
.el-action-name::placeholder {color: var(--faint);}
.badge-trigger .dropdown-button {width:500px; max-width:120px; justify-content:space-around}
.el-action-name:focus{box-shadow:0 0 0 3px rgba(196, 81, 7, 0.19);}
.app-progress {min-height:128px; line-height:1.6; resize: vertical;}.el-action-name:focus{border-color: var(--accent); contain:none;}body .el-layout-foot, .app-step:not(.empty60){flex-direction: column; display: flex; gap:19px;}
.c-drawer-holder {display: grid; gap:20px; grid-template-columns: 1fr 1fr;}

/* more reading */
.u-block {orphans:2; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap:11px;}
#profile-date {transition:opacity 0.15s; padding:46px 11px; min-height:14px; letter-spacing:0.075em; width:100%; margin-top:2.5rem}
html .l-thread{border-radius: var(--r-m); border: 1px solid var(--line-soft); flex-direction: column; padding-top:21px;padding-right:21px;padding-bottom:21px;padding-left:21px; gap:7px; background: var(--paper-2); display: flex; transition: all var(--ease);}
.l-thread:hover {border-color: var(--accent); transform: translateY(-2px); box-shadow: var(--sh-1);}
.module-label .nav-trigger {opacity:0.05; margin-left:auto; color:inherit; transition:color 0.35s}

.pr-4 {color: var(--accent); font-weight:bold; font-size:11px; text-transform:uppercase; letter-spacing:.7.01em;}

/* utility cards */
.c-reply-icon {background-blend-mode:normal; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap:24px; image-rendering:auto; display: grid;}
.ui-header-inner {font-size:19px; font-weight:600; color: var(--ink); font-family: var(--serif); line-height:1.38;}
.ui-media-meta {box-shadow: var(--sh-1); word-spacing:normal; border-radius: var(--r-l); padding:27px; backface-visibility:visible; border: 1px solid var(--line); background: var(--paper);}

.l-tooltip {border: 1px solid var(--line); border-radius: var(--r-m); overflow: hidden; background: var(--paper); display: flex;}
.l-tooltip .el-action-name {border:0 none; word-spacing:normal; border-radius:0;}
.l-tooltip .el-action-name:focus {box-shadow:none; orphans:2;}
.l-alert {transition: background var(--ease); flex-shrink: 0; display: flex; color:#fffbf3; align-items: center; width:47px; justify-content: center; background: var(--accent);}body .l-thread-spacer{flex-direction: column; display: flex;}
.l-alert:hover {background: var(--accent-2);}
.l-thread-spacer li a {color: var(--muted); padding:12px 0; font-variant-caps:normal; display: block; font-size:16.5px; transition: color var(--ease), padding-left var(--ease); border-bottom: 1px solid var(--line-soft);}
.l-thread-spacer li:last-child a {border-bottom:0em;}html .l-thread-spacer li a:hover{padding-left:9px; color: var(--accent);}
.c-widget-block {font-weight:bold; color: var(--line); font-family: var(--serif); width:20px; display: inline-block;}

/* =======================================================================
   FOOTER
   ======================================================================= */
.app-rating {contain-intrinsic-size:auto 360px;}
.l-thread-spacer li a:hover .c-widget-block {color: var(--accent-3);}

/* =======================================================================
   FOOTER
   ======================================================================= */
.app-rating {content-visibility:auto; background: var(--dark); color:hsl(108, 31.9%, 81.2%); backface-visibility:visible;}
.layout-number.accordion-primary {flex-wrap:nowrap; flex:1 1 0%; width:100%}

.el-tag {padding:60px 0 40px; hyphens:manual; will-change:auto;}.c-counter-handle{gap:41px; grid-template-columns: 1.6fr 1fr 1fr 1.1fr;}.c-counter-handle{display: grid;}
@media (max-width: 1440px) {
  #toolbar-expand {display:block; position:relative}
  .section-foot:not(:last-child) {position:sticky; max-width:none}
  .sort-tertiary:hover {display:grid; transition:opacity 0.45s; min-width:25px; line-height:1; justify-content:flex-start; max-width:520px}
}


.block-thumb > holder {max-width:1120px; display:inline; position:relative}
*.c-block img{margin-bottom:14px;}*.c-block img{filter:brightness(0) invert(1); height:31px; width:auto;}
.t-section-number {margin-bottom:15px; font-size:10px; color:#846277;}
.position-3 {display: flex; flex-direction: column; gap:10px;}
.o-media {letter-spacing:.8.07em; font-weight:600; font-size:17px; color:#fff9fb; margin-bottom:19px; text-transform:uppercase;}
.position-3 a {color:#b7ae99; transition: color var(--ease), padding-left var(--ease); font-size:11px;}.position-3 a:hover{color:hsl(133, 36.2%, 94.3%); padding-left:7px;}
.popover-cap > block {gap:1.5rem; margin-right:21px; box-shadow:none; transition:transform 0.25s ease-in-out}

.thread-fill {font-size:15px; border-top:1px solid rgba(241, 247, 252, 0.04); color:hsl(26, 6.1%, 48.3%); padding-top:13px; margin-top:18px;}

.c-action {display: flex; gap:9px;}.c-action a{justify-content: center; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; height:39px; color:hsl(74, 15.5%, 61.9%); border:1px solid rgba(247, 253, 255, 0.19); display: inline-flex; align-items: center; transition: all var(--ease); width:36px;}
.c-action a:hover {transform: translateY(-2px); background: var(--accent);}

.l-review {padding:19px 0; border-top:1px solid rgba(255, 255, 243, 0.02);}
.c-action a:hover {border-color: var(--accent); color:rgb(255, 255, 230); page-break-inside:auto;}

.l-review {text-align: center;}.l-review p{margin:0; color:rgb(101, 75, 95); font-size:11px;}

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

.o-avatar {position: fixed; right:0px; transform: translateY(100%); background: var(--dark-2); box-shadow:0 -8px 26px rgba(0, 0, 12, 0.23); break-inside:auto; bottom:0; color:#dde2d4; z-index: 1100; padding:13px 0; transition: transform .4s var(--ease); font-synthesis:weight style small-caps; left:0;}
.o-avatar.is-on {transform: translateY(0);}
.o-avatar .ui-counter-zone {isolation:auto; font-synthesis:weight style small-caps; justify-content: space-between; display: flex; align-items: center; gap:23px;}
.o-avatar p {flex: 1; margin:0; font-size:15px; color:#a29694;}

/* =======================================================================
   MODALS  (pure CSS :target, opened via #alertInner / #page-action)
   ======================================================================= */
.c-search-body {align-items: center; padding:23px; shape-margin:0; justify-content: center; z-index: 1300; position: fixed; inset:0; display: none;}
.o-avatar a {text-rendering:auto; widows:2; text-decoration:underline; color: var(--accent-3);}*.c-search-body:target{display: flex;}
.visible-xs {background-blend-mode:normal; inset:0; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); background:rgba(33, 18, 29, 0.58); tab-size:4; position: absolute;}
.app-thread {width:100%; max-width:396px; background: var(--paper); box-shadow: var(--sh-3); animation: rl-pop .25s var(--ease); z-index: 1;}
.app-thread {border-radius: var(--r-l); padding:26px; position: relative;}
@keyframes rl-pop { from {opacity:0; transform: translateY(14px) scale(.98);} to {transform: none; opacity:1;} }
.u-avatar-body {font-size:1.23rem; font-weight:600;}
.filter--compact {display: flex; justify-content: space-between; margin-bottom:17px; align-items: center;}
.app-profile-track {hyphens:manual; mix-blend-mode:normal; color: var(--faint); display: inline-flex; border-radius: var(--r-s); transition: background var(--ease), color var(--ease); justify-content: center; height:36px; align-items: center; width:31px;}.app-profile-track:hover{color: var(--ink); background: var(--paper-3);}
.u-toolbar {flex-direction: column; gap:13px; display: flex;}
.t-menu {display: flex;}
.t-menu {gap:10px; justify-content: space-between; align-items: center; font-size:12px;}
.app-list-suffix {align-items: center; cursor: pointer; color: var(--faint); widows:2; display: inline-flex; text-decoration-skip-ink:auto; gap:10px;}
.app-list-suffix input {accent-color: var(--accent);}
.u-stepper {text-align: center; padding-top:19px; margin-top:19px; font-size:10px; color: var(--faint); border-top: 1px solid var(--line-soft);}
.pr-0 {font-weight:600;}

/* =======================================================================
   RESPONSIVE
   ======================================================================= */
@media (max-width: 900px) {
  .c-counter-handle {gap:32px; grid-template-columns: 1fr 1fr;}
}
@media (max-width: 768px) {:root{--bar: 58px;}
  .o-entry-overlay {display: flex;}
  body {font-size:13px;}.t-dialog{border-bottom: 1px solid var(--line); background: var(--paper); position: absolute; orphans:2; right:0; top: var(--bar); tab-size:4; display: none; box-shadow: var(--sh-3); align-items: stretch; flex-direction: column; padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px; gap:3px; left:0;}
  .el-avatar {gap:0; align-items: stretch; flex-direction: column;}
  .t-dialog.is-open {display: flex;}
  .el-dialog {padding-top:11px;padding-right:10px;padding-bottom:11px;padding-left:10px; width:100%;}
  .c-post-action {margin-left:0; margin-top:12px; width:100%;}
  .l-counter {font-size:19.5px;}
#layout-dot {text-decoration:none; margin-bottom:0; gap:2px; color:#e78b12; position:absolute; transition:color 0.5s}


  .bannerTrack {transform-style:flat; contain:none; padding:32px 21px;}html .c-drawer-holder{grid-template-columns: 1fr;}html .l-footer{gap:6px; flex-wrap: wrap;}body .order-5{flex-direction: column; align-items: flex-start; gap:13px;}
#toolbar-expand {letter-spacing:normal; padding:0.5rem 0.25rem}
*.c-counter-handle{grid-template-columns: 1fr; gap:30px;}
  .u-carousel, .t-skeleton, .content-tabs {padding:24px 21px; perspective:none;}.o-avatar .ui-counter-zone:not(.noop50){font-synthesis:weight style small-caps; gap:10px; flex-direction: column; text-align: center;}
.sort-tertiary:hover {position:static; max-width:100%; transition:transform 0.3s ease-in-out; min-height:100vh}

  .bannerTrack {padding:26px 19px;}
}
@media (max-width: 480px) {
  .ui-counter-zone {padding:0 15px;}
@media (min-width: 1280px) {
  .toolbar__detail {width:fit-content; transition:opacity 0.5s; letter-spacing:-0.025em; padding:0.75rem; flex:0 0 auto; position:relative}
  .step__image {align-items:flex-end; padding:0.875rem 0.375rem}
  .skeleton-date {opacity:0.64; cursor:pointer; transition:all 0.2s ease; height:auto}
  .timeline__preview {background:none; cursor:pointer; align-items:baseline}
}


  .u-carousel, .t-skeleton, .content-tabs, .ui-media-meta {padding:23px 14px;}
  .u-block {grid-template-columns: 1fr;}html .app-thread{font-synthesis:weight style small-caps; perspective:none; padding:20px;}.app-breadcrumb-text{bottom:19px; right:15px;}
}

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