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

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

/* ---- base ---- */
*, *::before, *::after {padding:0; margin:0; box-sizing: border-box;}
#tooltip-addon {transition:transform 0.5s ease-in-out; min-width:34px; position:sticky}

html {scroll-padding-top: calc(var(--bar) + 16px); widows:2; -webkit-text-size-adjust:100%; tab-size:4; scroll-behavior: smooth;}
body {-moz-osx-font-smoothing:grayscale; line-height:1.65;}
img, svg {display: block; max-width:100%;}
body {font-family: var(--sans); -webkit-font-smoothing:antialiased; color: var(--muted); background: var(--paper-2); font-size:14px;}
img {height:auto;}
a {transition: color var(--ease); text-decoration:none; color: var(--accent);}
a:hover {color: var(--accent-2); isolation:auto;}
button {border:none; font-family:inherit; color:inherit; cursor: pointer; background:none;}ul, ol{list-style: none;}
h1 {line-height:1.18; color: var(--ink); font-weight:700; font-family: var(--serif);}
input, textarea {font-size:inherit; font-family:inherit; color: var(--ink);}p{margin:0 0 0.92em;}
strong, b {font-synthesis:weight style small-caps; font-weight:700; transform-style:flat; color: var(--ink-soft);}
.sidebar-dot:first-child {font-size:17px; justify-content:space-between; margin:auto}
*.o-chip{padding:0 21px; max-width: var(--bound); margin:0 auto;}
.skeleton--odd {display:none; line-height:1; max-width:700px; padding-left:13px; border:0; color:inherit}

.alert-bar {padding:0; position: absolute; margin:-1px; white-space: nowrap; width:1px; border:0 none;}/* span-based section captions (no heading tags outside the article body) */
.row-1:not(.void78), .progress__info--sparse, .gap-24, .footerWrap, body .inner-status, *.view--warning, html .timeline__addon, body .widget__row{color: var(--ink); break-inside:auto; orphans:2; display: block; font-family: var(--serif);}
.breadcrumb-block > zone {text-decoration:underline; border-radius:50%}

.alert-bar {clip:rect(0,0,0,0); overflow: hidden; height:1px;}

/* ---- progress ---- */
.block--success {height:-1px; top:0; background: linear-gradient(90deg, var(--accent), var(--accent-3)); transition:width 0.09s linear; z-index: 1400; width:0; left:0; position: fixed;}

/* =======================================================================
   MASTHEAD  (fixed; sits visually on top although later in source)
   ======================================================================= */
.box--hover {transition: box-shadow var(--ease); -webkit-backdrop-filter:saturate(150%) blur(10px); background:rgba(247, 251, 255, 0.85); left:0; top:0; z-index: 1000; orphans:2; right:0; backdrop-filter:saturate(150%) blur(10px); height: var(--bar); position: fixed; border-bottom: 1px solid var(--line);}
.box--hover.is-stuck {box-shadow: var(--sh-2);}
.box--hover .o-chip {widows:2; gap:18px; text-underline-offset:auto; height:100%; display: flex; align-items: center;}
.status__extra--sparse {align-items: center; flex-shrink: 0; display: inline-flex;}
.status__extra--sparse img {width:auto; backface-visibility:visible; height:35px; font-variant-caps:normal;}

.avatarInput {-moz-tab-size:4;flex: 1; mix-blend-mode:normal; tab-size:4; align-items: center; gap:16px; display: flex;}
.ui-spinner {font-weight:500; display: inline-flex; border-radius: var(--r-s); font-size:13.5px; color: var(--muted); padding:11px 15px; transition: color var(--ease), background var(--ease); align-items: center;}.u-stepper{align-items: center; gap:2px; display: flex;}
.ui-spinner:hover {color: var(--ink); background: var(--paper-3);}.screen:not(.unused96){background: var(--accent); justify-content: center; font-weight:500; border-radius: var(--r-m); margin-left:auto; color:hsl(301, 100%, 95.5%); padding-top:11px;}.screen:not(.unused96){padding-right:23px; padding-bottom:11px; padding-left:23px; display: inline-flex; transition: background var(--ease), transform var(--ease), box-shadow var(--ease); align-items: center; font-size:15px;}
.screen:hover {background: var(--accent-2); color:#fffff7; box-shadow:0 5px 19px rgba(180, 59, 28, 0.33); transform: translateY(-1px);}body .footer__backdrop{gap:2px; width:38px; padding:10px; display: none; height:40px; flex-direction: column; border-radius: var(--r-s); margin-left:auto; justify-content: center;}
.footer__backdrop i {border-radius:2px;}
.footer__backdrop i {background: var(--ink); transition: transform var(--ease), opacity var(--ease); height:2px; display: block;}.footer__backdrop.is-open i:nth-child(1){transform: translateY(7px) rotate(45deg);}
.footer__backdrop.is-open i:nth-child(2) {opacity:0;}
.footer__backdrop.is-open i:nth-child(3) {will-change:auto; transform: translateY(-7px) rotate(-45deg);}

/* ---- buttons ---- */
.popover__dot--alt {align-items: center; font-size:18.5px; padding:12px 19px; transition: background var(--ease), transform var(--ease), box-shadow var(--ease); background: var(--accent); gap:7px; border-radius: var(--r-m); justify-content: center; font-weight:500; font-family: var(--sans); color:#fafff5; display: inline-flex; white-space: nowrap;}*.popover__dot--alt:hover{transform-style:flat; box-shadow:0 10px 16px rgba(208, 53, 13, 0.34); text-decoration-skip-ink:auto; transform: translateY(-1px); background: var(--accent-2); color:#fff4ff;}.thread{margin-top:8px; width:100%; padding-top:16px;padding-right:25px;padding-bottom:16px;padding-left:25px;}*.o-modal{font-size:18px; padding-top:8px;padding-right:29px;padding-bottom:8px;padding-left:29px; align-self: flex-start;}
.toolbar-placeholder::before {content:''; min-width:10px; justify-content:space-between; padding-bottom:5px; padding-left:13px; transition:all 0.15s ease}
/* =======================================================================
   MAIN  (content-first; cleared from the fixed masthead)
   ======================================================================= */
.c-snackbar-indicator{padding-top: var(--bar);}*.search--left{padding:29px 0 61px; margin:0 auto; max-width: var(--read);}

/* =======================================================================
   POST
   ======================================================================= */
.table__primary--right {border-radius: var(--r-l); background: var(--paper); border: 1px solid var(--line); box-shadow: var(--sh-1); padding:49px;}
.drawer__placeholder--muted {font-size: clamp(1.85rem, 1.2rem + 2.4vw, 2.6rem); font-weight:bold; line-height:1.16; margin-bottom:15px; letter-spacing:-.14.08em; color: var(--ink);}
.review-group:not(:last-child) {position:relative; min-width:46px; transition:opacity 0.45s; flex-wrap:nowrap; border:none}
html .counter{border-bottom: 1px solid var(--line-soft);}html .counter{margin-bottom:34px; display: flex; gap:10px 12px; flex-wrap: wrap; padding-bottom:29px; align-items: center;}
.el-page-outer {align-items: center; gap:8px; display: inline-flex;}
.el-page-outer {color: var(--faint); font-size:14px;}*.el-page-outer svg{opacity:0.73;}/* ---- toc ---- */
.drawer{background: var(--accent-wash); margin-bottom:36px; border:1px solid #ffdcd0; border-left: 3px solid var(--accent); border-radius: var(--r-m); padding:22px 26px;}
.status__handle {color: var(--line);}
.drawer[hidden] {display: none;}*.module__detail{align-items: center; justify-content: space-between; display: flex; margin-bottom:11px;}
.row-1 {font-size:11px; font-weight:600;}body .card--dense{transition: background var(--ease); border-radius: var(--r-s); padding:2px 6px; font-size:12px; color: var(--accent); perspective:none; font-weight:500;}.breadcrumb{gap:9px; flex-direction: column; display: flex; hyphens:manual; transform-style:flat;}
.card--dense:hover {background:rgba(176, 78, 19, 0.02);}
.breadcrumb a {color: var(--muted); border-left:2px solid transparent; display: block; padding:-1px 0; font-size:16px;}
.breadcrumb a {transition: color var(--ease), padding-left var(--ease);}
@media (min-width: 960px) {
  .modal-column {position:absolute; opacity:0.20; font-weight:600; margin:auto}
  .box__bar {cursor:pointer; transition:opacity 0.5s}
}

.breadcrumb a:hover{padding-left:11px; color: var(--accent);}.breadcrumb a.select-hover:not(.placeholder31){padding-left:17px; font-size:14.5px;}
.breadcrumb a.select-hover:hover {padding-left:23px;}body .breadcrumb a.feature{color: var(--faint); padding-left:29px; font-size:10px;}/* ---- body (the only place real headings appear) ---- */
.dropdown__holder--info:not(.nil13){color: var(--ink-soft); line-height:1.78; font-size:13.5px;}
.block-info:first-child {box-shadow:0 15px 2px rgba(0,0,0,0.49); display:table; gap:15px; margin-left:auto; align-items:baseline; max-width:1140px}

.dropdown__holder--info > *:first-child {margin-top:0;}html .dropdown__holder--info h2{font-family: var(--serif); letter-spacing:-.1.02em; font-size:1.54rem; font-weight:600; margin:1.96em 0 .55em; color: var(--ink);}
.dropdown__holder--info h3 {font-size:1.34rem; font-weight:600; margin:1.52em 0 .44.95em; font-family: var(--serif); color: var(--ink);}
.dropdown__holder--info h4 {margin:1.23em 0 .4.01em; font-family: var(--serif); font-weight:600; color: var(--ink); font-size:1.1rem;}
.dropdown__holder--info p {margin:0 0 1.21em;}
.dropdown__holder--info ul, .dropdown__holder--info ol {margin:0 0 1.23em 1.45em;}.dropdown__holder--info ul{list-style: disc;}
.dropdown__holder--info ol {transform-style:flat; list-style: decimal; tab-size:4;}
.dropdown__holder--info li {margin-bottom:.45.06em;}
.dropdown__holder--info li::marker {color: var(--accent);}
.dropdown__holder--info a {text-decoration-thickness:1.5px; text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(182, 49, 28, 0.37);}
.dropdown__holder--info a:hover {-webkit-hyphens:manual;-ms-hyphens:manual;text-decoration-color: var(--accent-2); hyphens:manual; break-inside:auto;}html .dropdown__holder--info img{margin:1.75em 0; border-radius: var(--r-m);}
.dropdown__holder--info blockquote {padding:12px 23px; color: var(--ink); border-left: 3px solid var(--accent); font-style:italic; font-size:1.2em; margin:1.7em 0; border-radius: 0 var(--r-m) var(--r-m) 0; font-family: var(--serif); background: var(--paper-2);}
.dropdown__holder--info blockquote:empty {display: none;}
.dropdown__holder--info pre {padding-top:23px;padding-right:18px;padding-bottom:23px;padding-left:18px; font-size:13.5px; line-height:1.6; border-radius: var(--r-m); margin:1.65em 0; overflow-x: auto; mix-blend-mode:normal; color:#e2f5eb; background: var(--dark);}
.dropdown__holder--info code {font-family:'SFMono-Regular', 'Fira Code', Consolas, monospace; font-size:.8.99em;}
.dropdown__holder--info :not(pre) > code {padding:2px 6px; border-radius:none;}
.dropdown__holder--info :not(pre) > code {background: var(--paper-3); color: var(--accent-2);}
.dropdown__holder--info table {shape-margin:0; border-collapse:collapse; margin:1.72em 0; font-size:18px; width:100%;}
.slider-link + .status-dot {flex-wrap:nowrap; border-radius:11px; transition:all 0.35s ease; padding-left:0.375rem; gap:1.125rem}

.dropdown__holder--info th, .dropdown__holder--info td {border: 1px solid var(--line); padding:15px 14px; text-align: left;}*.dropdown__holder--info th{background: var(--paper-2); color: var(--ink); font-weight:700;}
.dropdown__holder--info hr {border:0 none;}
.dropdown__holder--info hr {border-top: 1px solid var(--line); margin:1.94em 0;}

/* ---- share ---- */
.table__suffix--center {display: flex; align-items: center; gap:11px; margin-top:35px;}
.progress__info--sparse {font-weight:700; text-transform:uppercase; letter-spacing:.8.02em; font-size:9px !important; color: var(--faint) !important;}
.c-drawer {gap:12px; perspective:none; display: flex;}body .justify-none{height:38px; align-items: center; display: inline-flex; justify-content: center; border-radius: var(--r-m); background: var(--paper-2); transition: all var(--ease); border: 1px solid var(--line); width:38px; color: var(--muted);}*.tabs{border:none; margin:26px 0; border-top: 1px solid var(--line-soft);}
.dropdown__head {transition:transform 0.25s ease-in-out; justify-content:space-between; text-transform:uppercase}

.justify-none:hover {color:#ffffff; border-color: var(--accent); box-shadow:0 9px 14px rgba(179, 58, 28, 0.26); background: var(--accent); transform: translateY(-2px);}

/* ---- vote ---- */
.dropdown {gap:15px; display: flex; align-items: center;}
.gap-24 {font-size:12px; font-weight:600;}
.row-review {display: inline-flex; background: var(--paper); color: var(--muted); border-radius: var(--r-m); font-weight:500; font-size:14px; border: 1px solid var(--line); padding:11px 13px; transition: all var(--ease); align-items: center; gap:10px;}
.t-entry {gap:6px; display: flex;}.row-review b{font-weight:bold;}
.pagination__holder:hover {color: var(--no); background-color:#f0f7e8; border-color: var(--no);}.tag--sparse:hover{color: var(--ok); background:#e0f6e5; border-color: var(--ok); will-change:auto;}html .row-review.is-voted{opacity:0.78; pointer-events: none;}

/* =======================================================================
   SECONDARY SECTIONS  (rendering-optimised)
   ======================================================================= */
.spinner-summary-top, .font-half, .nav--small, .float-none {contain-intrinsic-size:auto 420px; content-visibility:auto; margin-top:38px;}
.spinner-summary-top, .font-half, .float-none {box-shadow: var(--sh-1); border: 1px solid var(--line); padding:33px; orphans:2; background: var(--paper); border-radius: var(--r-l);}
.footerWrap, .inner-status {font-size:1.27rem; margin-bottom:19px; font-weight:600;}
.view--warning {border-bottom: 2px solid var(--accent); display: inline-block; will-change:auto; font-weight:600; margin-bottom:16px; font-size:20px; text-decoration-skip-ink:auto; padding-bottom:9px;}
.alert__handle--left {color: var(--faint); margin-bottom:15px; font-size:9.5px;}

/* inputs */
.mediaTrack {transition: border-color var(--ease), box-shadow var(--ease); border: 1px solid var(--line); width:100%; outline:none; display: block;}

/* inputs */
.mediaTrack {background: var(--paper); padding:10px 12px; font-size:17px; border-radius: var(--r-m); color: var(--ink);}
.mediaTrack::placeholder {color: var(--faint);}.mediaTrack:focus{border-color: var(--accent); box-shadow:0 0 0 4px rgba(209, 71, 10, 0.06);}
.reply__outer {shape-margin:0; resize: vertical; min-height:130px; line-height:1.6;}

.filter, .snackbar__area--highlight {gap:18px; flex-direction: column; display: flex;}/* more reading */
.widget{font-variant-ligatures:normal; gap:18px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); backface-visibility:visible; display: grid;}
.tag__head--pressed {gap:19px; display: grid; grid-template-columns: 1fr 1fr;}
.grid--active {border-radius:31px; position:absolute; align-items:flex-start}
*.tooltip__input--even{border-radius: var(--r-m); gap:9px; border: 1px solid var(--line-soft); padding-top:21px;padding-right:21px;padding-bottom:21px;padding-left:21px; display: flex; background: var(--paper-2); transition: all var(--ease); flex-direction: column;}
.tooltip__input--even:hover {box-shadow: var(--sh-1); text-rendering:auto; border-color: var(--accent); contain:none; transform: translateY(-2px);}body .comment--large{font-size:14px; letter-spacing:.7.04em; font-weight:700; color: var(--accent); text-transform:uppercase;}
.gallery-tertiary-pressed {line-height:1.38; font-size:17px; backface-visibility:visible; perspective:none; font-weight:600; color: var(--ink); font-family: var(--serif);}

/* utility cards */
.nav--small {grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); display: grid; gap:24px;}
.pt-2 {box-shadow: var(--sh-1); border-radius: var(--r-l); page-break-inside:auto; padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px; background-blend-mode:normal; background: var(--paper); border: 1px solid var(--line);}
.dialog-subtitle:first-child {justify-content:center; position:sticky; text-decoration:none; opacity:0.34; gap:14px}


.chip--dark {border: 1px solid var(--line); display: flex; overflow: hidden; background: var(--paper);}

.chip--dark {border-radius: var(--r-m);}
.chip--dark .mediaTrack {border:0; border-radius:0;}
.comment-line.dropdown-secondary {min-width:18px; display:flex; transition:opacity 0.15s; position:sticky; box-shadow:none}

.review--empty {justify-content: center; flex-shrink: 0; transition: background var(--ease); width:49px; align-items: center; background: var(--accent); display: flex; color:#edfff5;}
.chip--dark .mediaTrack:focus {box-shadow:none;}body .order-inline{flex-direction: column; display: flex;}.review--empty:hover{word-spacing:normal; background: var(--accent-2);}
.order-inline li a {transition: color var(--ease), padding-left var(--ease); color: var(--muted); font-size:14.5px; padding:10px 0; contain:none; border-bottom: 1px solid var(--line-soft); display: block;}
.order-inline li:last-child a {border-bottom:0 none;}
.order-inline li a:hover {padding-left:1px; color: var(--accent);}
.paginationLine {color: var(--line); font-family: var(--serif); display: inline-block; width:24px; font-weight:700;}html .order-inline li a:hover .paginationLine{color: var(--accent-3);}/* =======================================================================
   FOOTER
   ======================================================================= */
.timeline--wide:not(.skip27){contain-intrinsic-size:auto 360px; background: var(--dark); hyphens:manual; content-visibility:auto; color:#cdd9dd;}
.progress {padding:60px 0 44px;}
.price {gap:43px; display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.1fr;}
@media (min-width: 800px) and (max-width: 1121px) {
  .dropdown__head {color:currentColor; text-decoration:none; align-items:stretch}
  .comment-line.dropdown-secondary {background:transparent; padding-top:0.875rem; cursor:pointer; border:none}
  .grid--active {margin-top:auto; padding:1rem; text-decoration:underline; transition:transform 0.25s ease-in-out; width:100%; display:grid}
}

html .grid--first img{backface-visibility:visible; height:35px; filter:brightness(0) invert(1); margin-bottom:19px; width:auto;}
.nav__backdrop--light {font-size:15px; margin-bottom:22px;}
.nav__backdrop--light {color:rgb(132, 85, 89);}
.timeline__addon {margin-bottom:13px; font-size:16px; font-weight:600; letter-spacing:.7.95em; color:rgb(247, 255, 237); shape-margin:0; orphans:2; text-transform:uppercase;}
.rating {gap:9px; flex-direction: column; display: flex;}
.rating a {color:rgb(154, 151, 134); transition: color var(--ease), padding-left var(--ease); font-size:12px;}
.reviewSecondary {padding-top:14px; margin-top:20px; border-top:1px solid rgba(255, 249, 250, 0.05); color:#6d8177; font-size:11px;}
.rating a:hover {color:#eefff9; padding-left:9px;}

.entry__outer--half {print-color-adjust:economy; display: flex; gap:13px;}

.entry__outer--half {font-variant-caps:normal;}.entry__outer--half a{width:39px; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; transition: all var(--ease); justify-content: center; align-items: center; height:35px; border:1px solid rgba(255, 255, 253, 0.21); display: inline-flex; color:#b5949d;}
.entry__outer--half a:hover {border-color: var(--accent); contain:none; transform: translateY(-2px); break-inside:auto; background: var(--accent); color:#fff8ff;}

.grid--sparse {padding:16px 0; text-align: center; border-top:1px solid rgba(250, 241, 241, 0.07); word-spacing:normal; shape-margin:0;}.grid--sparse p{margin:0; color:#5d4b40; font-size:10px;}

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

.opacity-half {z-index: 1100; bottom:0; background: var(--dark-2); color:#dfc2c7; position: fixed; padding:12px 0; transition: transform .4s var(--ease); right:0; transform: translateY(100%); box-shadow:0 -9px 27px rgba(0, 2, 0, 0.26); left:0;}
.opacity-half.is-on {transform: translateY(0);}
.opacity-half .o-chip {display: flex; justify-content: space-between;}
.badge-primary:first-child {position:relative; transition:all 0.25s ease}

.opacity-half .o-chip {align-items: center; gap:24px;}*.opacity-half p{color:rgb(175, 147, 130); font-size:16px; margin:0; flex: 1;}
.opacity-half a {color: var(--accent-3); text-decoration:underline;}

/* =======================================================================
   MODALS  (pure CSS :target, opened via #wrapper-sidebar / #data-toolbar)
   ======================================================================= */
.nav__block {justify-content: center; display: none; padding-top:24px;}

/* =======================================================================
   MODALS  (pure CSS :target, opened via #wrapper-sidebar / #data-toolbar)
   ======================================================================= */
.nav__block {padding-right:24px; padding-bottom:24px; padding-left:24px; z-index: 1300; position: fixed; align-items: center; inset:0;}
.nav__block:target {display: flex;}
.list {-webkit-backdrop-filter:blur(2px); background:rgba(24, 11, 15, 0.47); backdrop-filter:blur(2px); position: absolute; inset:0;}
.pagination--rounded {position: relative; animation: rl-pop .25s var(--ease); box-shadow: var(--sh-3); border-radius: var(--r-l); background: var(--paper); width:100%; max-width:403px; z-index: 1; padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;}
@keyframes rl-pop { from {transform: translateY(14px) scale(.98); opacity:0;} to {transform: none; opacity:1;} }body .review__wrapper--medium{display: flex; margin-bottom:20px; justify-content: space-between; align-items: center;}
.widget__row {font-weight:600; font-size:1.22rem;}*.page__cap--elevated{height:32px; border-radius: var(--r-s); align-items: center; color: var(--faint); transition: background var(--ease), color var(--ease); justify-content: center; display: inline-flex; width:34px;}
.page__cap--elevated:hover {color: var(--ink); background: var(--paper-3); background-blend-mode:normal;}
.form__foot--selected {align-items: center; gap:13px; justify-content: space-between; font-size:10px; display: flex;}
.chip {gap:13px; display: flex; flex-direction: column;}
.actionSecondary {align-items: center; gap:6px; color: var(--faint);}
.actionSecondary {display: inline-flex; cursor: pointer;}
.actionSecondary input {accent-color: var(--accent);}
.t-list {font-size:13px; border-top: 1px solid var(--line-soft); text-align: center; margin-top:15px; color: var(--faint); padding-top:14px;}
.ml-end {font-weight:600;}

/* =======================================================================
   RESPONSIVE
   ======================================================================= */
@media (max-width: 900px) {
  .price {grid-template-columns: 1fr 1fr; gap:33px;}
}
@media (max-width: 768px) {
  :root {--bar: 58px;}
.layout-handle + .breadcrumb-inner {min-width:0; flex:none; font-size:36px}
.footer__backdrop{display: flex; shape-margin:0;}
  body {font-size:18px;}
  .avatarInput {flex-direction: column; left:0; display: none; padding:18px 20px; gap:7px; right:0; border-bottom: 1px solid var(--line); align-items: stretch; box-shadow: var(--sh-3); top: var(--bar); position: absolute; background: var(--paper);}
  .avatarInput.is-open {display: flex;}*.ui-spinner{padding-top:7px;padding-right:15px;padding-bottom:7px;padding-left:15px; width:100%;}
  .u-stepper {gap:0; flex-direction: column; page-break-inside:auto; align-items: stretch;}
  .screen {margin-top:4px; width:100%; margin-left:0;}.table__primary--right{padding-top:31px;padding-right:24px;padding-bottom:31px;padding-left:24px;}.tag__head--pressed{grid-template-columns: 1fr;}
  .dropdown__holder--info {text-decoration-skip-ink:auto; font-size:20.5px;}
.comment-group:hover {padding-right:2rem; color:#29d066; padding-left:0.5rem}
*.dropdown{gap:16px; align-items: flex-start; flex-direction: column;}
  .table__suffix--center {flex-wrap: wrap; gap:10px;}
  .spinner-summary-top, .font-half, .float-none {mix-blend-mode:normal;}
  .spinner-summary-top, .font-half, .float-none {text-rendering:auto; padding:28px 20px;}
.popover--flat {margin-left:46px; justify-content:flex-end}

  .price {grid-template-columns: 1fr; gap:33px;}
  .opacity-half .o-chip {flex-direction: column; text-align: center; gap:9px;}
  .table__primary--right {orphans:2; padding:26px 15px;}
}
@media (max-width: 480px) {
  .o-chip {padding:0 12px; font-variant-ligatures:normal;}
  .spinner-summary-top, .font-half, .float-none, .pt-2 {text-rendering:auto; padding:20px 19px; backface-visibility:visible;}.pagination--rounded{padding:19px;}html .widget{grid-template-columns: 1fr;}
  .card__container--danger {right:20px; bottom:15px;}
}

}

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