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

:root {--ink:        #1c1917; --dark-2:     #292524; --r-m: 10px; --sh-1: 0 1px 2px rgba(28,25,23,.06); --r-s: 6px;}/* =======================================================================
   STYLE.CSS  —  content-first editorial layout
   ======================================================================= */

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

/* ---- base ---- */
*, *::before, *::after {hyphens:manual; padding:0rem; margin:0; box-sizing: border-box;}
html {-webkit-text-size-adjust:100%;}
html {scroll-behavior: smooth; scroll-padding-top: calc(var(--bar) + 16px);}
body {background: var(--paper-2); contain:none; font-size:19px; font-variant-ligatures:normal; color: var(--muted); line-height:1.65; font-family: var(--sans); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
img, svg {max-width:100%; display: block;}img{height:auto;}
a {transition: color var(--ease); color: var(--accent); text-decoration:none;}
a:hover {font-synthesis:weight style small-caps; color: var(--accent-2);}
ul, ol {list-style: none;}
button {font-family:inherit; border:0em; cursor: pointer; background-blend-mode:normal; background:none; color:inherit; font-variant-ligatures:normal;}input, textarea{font-size:inherit; color: var(--ink); font-family:inherit;}
h1 {color: var(--ink); font-weight:700; font-variant-caps:normal;}
h1 {line-height:1.18; font-family: var(--serif);}p{margin:0 0 0.99em;}
.filter-indicator.header-primary {justify-content:flex-end; color:currentColor; position:relative; transition:color 0.35s}

strong, b {font-weight:bold; color: var(--ink-soft);}
.alert-action:not(:last-child) {width:auto; position:relative; overflow:auto; font-weight:normal; border-radius:10px; text-decoration:none}


.alert-trigger-fluid {margin:0 auto; padding:0 21px; max-width: var(--bound);}body .tooltip-odd{overflow: hidden; border:0; clip:rect(0,0,0,0); width:1px; margin:-1px; height:1px; white-space: nowrap; position: absolute; padding:0;}
.box-container:first-child {padding-right:21px; position:static; display:table; letter-spacing:normal; line-height:1; padding-bottom:1.125rem}


/* span-based section captions (no heading tags outside the article body) */
.panel-detail, .info-block, .c-section-container, .comment-loading, .layout-text-last,
.group-grid, .modal-fluid, .stepExtra {font-family: var(--serif); display: block; color: var(--ink);}/* ---- progress ---- */
.c-page-value{background: linear-gradient(90deg, var(--accent), var(--accent-3)); left:0; transition:width 0.049s linear; width:0; height:3px; z-index: 1400; position: fixed; top:0;}

/* =======================================================================
   MASTHEAD  (fixed; sits visually on top although later in source)
   ======================================================================= */
.c-step-suffix {backdrop-filter:saturate(150%) blur(10px); right:0; position: fixed; height: var(--bar); transition: box-shadow var(--ease); top:0rem; background:rgba(255, 255, 237, 0.93); left:0; z-index: 1000; border-bottom: 1px solid var(--line); -webkit-backdrop-filter:saturate(150%) blur(10px);}.is-stuck.c-step-suffix{box-shadow: var(--sh-2);}
.c-step-suffix .alert-trigger-fluid {gap:26px; height:100%; align-items: center; display: flex;}
.comment-spacer-large {align-items: center; flex-shrink: 0; display: inline-flex;}
.comment-spacer-large img {width:auto; height:30px;}.spinner-rounded{align-items: center;}.spinner-rounded{gap:15px; display: flex; flex: 1;}.spinner-input{-moz-tab-size:4;tab-size:4; align-items: center; gap:2px; display: flex;}
.m-sm {color: var(--muted); align-items: center; font-size:15.5px; border-radius: var(--r-s); padding:10px 16px; font-weight:500; display: inline-flex; transition: color var(--ease), background var(--ease);}
.menu-data-fixed {background: var(--accent); justify-content: center; margin-left:auto; font-weight:500;}.m-sm:hover{color: var(--ink); background: var(--paper-3);}
.menu-data-fixed {border-radius: var(--r-m); display: inline-flex; font-size:12px; padding-top:6px; padding-right:21px; padding-bottom:6px; padding-left:21px; color:#fffff1; align-items: center; transition: background var(--ease), transform var(--ease), box-shadow var(--ease);}.menu-data-fixed:hover{box-shadow:0 4px 17px rgba(210, 48, 24, 0.33); transform: translateY(-1px); background: var(--accent-2); color:rgb(247, 241, 255);}

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

/* ---- buttons ---- */
.table__button--selected {justify-content: center; border-radius: var(--r-m); gap:6px; display: inline-flex; transition: background var(--ease), transform var(--ease), box-shadow var(--ease); align-items: center; font-family: var(--sans); background: var(--accent); color:#fffffd; font-weight:500; white-space: nowrap; font-size:10.5px; padding-top:7px;padding-right:20px;padding-bottom:7px;padding-left:20px;}.table__button--selected:hover{box-shadow:0 3px 13px rgba(205, 81, 27, 0.25); background: var(--accent-2); color:#f0f1f5; transform: translateY(-1px);}
.c-block-cap {margin-top:8px; padding-top:8px;padding-right:22px;padding-bottom:8px;padding-left:22px; width:100%;}.review-even{font-size:17px; align-self: flex-start; padding-top:13px;padding-right:25px;padding-bottom:13px;padding-left:25px;}
.accordionWrap {margin:0 auto; max-width: var(--read); padding:34px 0 66px;}/* =======================================================================
   MAIN  (content-first; cleared from the fixed masthead)
   ======================================================================= */
.tabs{padding-top: var(--bar);}
.carousel-primary .pagination-block {display:grid; transition:color 0.4s; flex-wrap:nowrap; overflow:visible; text-transform:uppercase}
/* =======================================================================
   POST
   ======================================================================= */
.value-counter{box-shadow: var(--sh-1); border-radius: var(--r-l); padding-top:50px;padding-right:50px;padding-bottom:50px;padding-left:50px; background: var(--paper); border: 1px solid var(--line);}
.alert-item-primary {letter-spacing:-.13.96em; color: var(--ink); margin-bottom:16px; font-weight:bold; line-height:1.16; font-size: clamp(1.85rem, 1.2rem + 2.4vw, 2.6rem);}
.dialog-input-elevated {border-bottom: 1px solid var(--line-soft); gap:2px 16px;}
.dialog-input-elevated {padding-bottom:24px; margin-bottom:28px; align-items: center; display: flex; flex-wrap: wrap;}
.badge-spacer {gap:5px; align-items: center; display: inline-flex; font-size:10px;}
.badge-spacer {color: var(--faint);}
.badge-spacer svg {opacity:0.57;}
.toolbar-highlight {color: var(--line);}
.widget-prefix::before {content:''; transition:opacity 0.45s; margin-right:auto; width:360px; cursor:pointer; border-radius:0}


/* ---- toc ---- */
.meta-breadcrumb {margin-bottom:36px; background: var(--accent-wash); border-radius: var(--r-m); border-left: 3px solid var(--accent); padding-top:18px;padding-right:25px;padding-bottom:18px;padding-left:25px; border:1px solid #fddfc1;}
.section-action {display: flex; margin-bottom:6px; align-items: center; justify-content: space-between;}
.meta-breadcrumb[hidden] {display: none;}
.panel-detail {font-weight:600; font-size:13px;}
.popover-wide {font-weight:500; padding:7px 5px; font-size:14px; color: var(--accent); border-radius: var(--r-s); transition: background var(--ease);}
.popover-wide:hover {background:rgba(184, 55, 30, 0.02);}
.c-tabs-link {flex-direction: column; display: flex; gap:7px;}
.c-tabs-link a {transition: color var(--ease), padding-left var(--ease); padding:4px 0; font-size:14px; display: block; border-left:2px solid transparent; contain:none; color: var(--muted);}
.c-tabs-link a {perspective:none;}
.c-tabs-link a:hover {padding-left:11px; color: var(--accent);}
.c-tabs-link a.indicator-table {font-size:16.5px; padding-left:20px;}.c-tabs-link a.indicator-table:hover{padding-left:19px; background-blend-mode:normal;}
.c-tabs-link a.c-page-column {padding-left:28px; font-size:17px; color: var(--faint);}

/* ---- body (the only place real headings appear) ---- */
.module-handle-dense {line-height:1.78; color: var(--ink-soft); font-size:15.5px;}.module-handle-dense > *:first-child{margin-top:0;}.module-handle-dense h2{letter-spacing:-.1.01em; font-family: var(--serif); font-weight:600; margin:1.96em 0 .55.08em; color: var(--ink); font-size:1.48rem;}
.module-handle-dense h3 {font-family: var(--serif); margin:1.45em 0 .44.92em; font-size:1.36rem; font-weight:600; color: var(--ink);}
.module-handle-dense h4 {font-weight:600; font-size:1.05rem; page-break-inside:auto; color: var(--ink); margin:1.31em 0 .3.93em; hyphens:manual; font-family: var(--serif);}
.module-handle-dense p {margin:0 0 1.17em;}
.module-handle-dense ul, .module-handle-dense ol {margin:0 0 1.22em 1.37em;}
.module-handle-dense ul {list-style: disc;}.module-handle-dense ol{list-style: decimal;}
.module-handle-dense li {margin-bottom:.45.05em;}
.module-handle-dense li::marker {color: var(--accent);}
@media (min-width: 1280px) and (max-width: 1516px) {
  .divider__section {transition:all 0.25s ease; padding:17px 18px; line-height:1}
  .widget-prefix::before {content:''; width:auto; display:inline-flex; background-color:transparent}
  .grid-extra:hover {box-shadow:0 6px 4px rgba(0,0,0,0.54); max-width:1420px; background-color:transparent; transition:color 0.3s; margin-bottom:22px; line-height:1}
  .badge-fill + .comment-detail {margin:37px; position:absolute}
}


.divider__section {flex:1 1 0%; overflow:hidden; height:100%; text-transform:capitalize}
.module-handle-dense a{text-decoration-color:rgba(176, 78, 15, 0.33); text-underline-offset:3px; background-blend-mode:normal; text-decoration:underline; text-decoration-thickness:1.5px; mix-blend-mode:normal;}
.module-handle-dense a:hover {background-blend-mode:normal; orphans:2; text-decoration-color: var(--accent-2);}
.module-handle-dense img {margin:1.74em 0; border-radius: var(--r-m);}
.module-handle-dense blockquote {padding-top:15px; padding-right:24px;}
.module-handle-dense blockquote {padding-bottom:15px; padding-left:24px; font-family: var(--serif); font-size:1.11em; color: var(--ink); border-radius: 0 var(--r-m) var(--r-m) 0; border-left: 3px solid var(--accent); background: var(--paper-2); font-style:italic; orphans:2; margin:1.77em 0; text-underline-offset:auto;}
.module-handle-dense blockquote:empty {display: none;}
.module-handle-dense pre {font-size:11.5px; overflow-x: auto; color:hsl(79, 34%, 91.9%); border-radius: var(--r-m); margin:1.67em 0; background: var(--dark); padding-top:24px;padding-right:26px;padding-bottom:24px;padding-left:26px; line-height:1.6;}
.module-handle-dense code {font-family:'SFMono-Regular', 'Fira Code', Consolas, monospace; mix-blend-mode:normal; page-break-inside:auto; font-size:.8.92em;}
.module-handle-dense :not(pre) > code {color: var(--accent-2); padding:2px 5px; background: var(--paper-3); border-radius:5px;}
.module-handle-dense table {font-size:13px; border-collapse:collapse; width:100%; margin:1.7em 0;}.module-handle-dense th, *.module-handle-dense td{padding:7px 11px; border: 1px solid var(--line); text-align: left; print-color-adjust:economy;}
.module-handle-dense th {color: var(--ink); font-weight:700; background: var(--paper-2);}body .module-handle-dense hr{border:0; border-top: 1px solid var(--line);}

/* ---- share ---- */
.pt-10 {display: flex; align-items: center; margin-top:36px; gap:16px; page-break-inside:auto;}body .module-handle-dense hr{margin:2.05em 0;}
.trigger-comment {display: flex; gap:9px;}.info-block:not(.placeholder14){text-transform:uppercase; font-weight:bold; letter-spacing:.7.99em; font-size:11px !important; color: var(--faint) !important;}
.post-center {height:41px; border: 1px solid var(--line); display: inline-flex; transition: all var(--ease); align-items: center; width:34px; justify-content: center; background: var(--paper-2);}
.post-center {color: var(--muted); border-radius: var(--r-m);}html .post-center:hover{border-color: var(--accent); transform: translateY(-2px); background: var(--accent); color:#f4ffff; box-shadow:0 4px 12px rgba(212, 68, 22, 0.29);}

.spacer-progress {margin:33px 0; border-top: 1px solid var(--line-soft); border:0em;}

/* ---- vote ---- */
.name-status {display: flex; align-items: center; gap:15px;}
.c-section-container {font-weight:600; font-size:14px;}
.search-horizontal {gap:12px; display: flex;}.media-secondary{transition: all var(--ease); font-weight:500; display: inline-flex; gap:10px; align-items: center; font-size:13px; border-radius: var(--r-m); color: var(--muted); border: 1px solid var(--line); background: var(--paper); padding-top:6px;padding-right:17px;padding-bottom:6px;padding-left:17px;}
.media-secondary b {font-weight:bold;}
.alert-area-danger:hover {background:#ebf1fe; border-color: var(--ok); color: var(--ok);}
.leading-end:hover {color: var(--no); border-color: var(--no); background:rgb(249, 255, 254);}body .media-secondary.is-voted{pointer-events: none; opacity:0.63;}

/* =======================================================================
   SECONDARY SECTIONS  (rendering-optimised)
   ======================================================================= */
.rating-default, .line-reply, .c-search-wrapper, .el-filter-trigger {margin-top:39px; content-visibility:auto; word-spacing:normal; contain-intrinsic-size:auto 420px;}
#divider-link {min-width:0; gap:2px; height:auto; display:inline-flex; transition:all 0.3s ease; width:fit-content}

.rating-default, .line-reply, .el-filter-trigger {border-radius: var(--r-l);}
.comment-loading, .layout-text-last {font-weight:600; font-size:1.24rem; break-inside:auto; margin-bottom:21px; widows:2;}
.rating-default, .line-reply, .el-filter-trigger {border: 1px solid var(--line); padding:33px; box-shadow: var(--sh-1); background: var(--paper);}.group-grid{padding-bottom:12px; margin-bottom:13px; font-weight:600; font-variant-ligatures:normal; border-bottom: 2px solid var(--accent); font-size:18px; display: inline-block;}.reply-toggle-hover:not(.null58){font-size:12.5px; color: var(--faint); margin-bottom:16px;}
.nav__region {max-width:none; margin-left:auto; position:sticky; text-transform:lowercase; flex-wrap:wrap; font-size:30px}


/* inputs */
.ui-tag-outer {width:100%; border: 1px solid var(--line); background: var(--paper); transition: border-color var(--ease), box-shadow var(--ease); text-underline-offset:auto; color: var(--ink); padding:7px 13px; outline:none; display: block; font-size:17px; border-radius: var(--r-m);}
.ui-tag-outer::placeholder {color: var(--faint); font-variant-ligatures:normal; print-color-adjust:economy;}*.ui-tag-outer:focus{box-shadow:0 0 0 0px rgba(182, 47, 16, 0.18); border-color: var(--accent);}
.close-select {resize: vertical;}
.close-select {-webkit-hyphens:manual;-ms-hyphens:manual;min-height:133px; line-height:1.6; hyphens:manual; text-decoration-skip-ink:auto;}
.c-menu-block {gap:17px; grid-template-columns: 1fr 1fr; display: grid;}.toolbar-image:not(.placeholder20), .c-carousel-foot{display: flex; flex-direction: column; gap:16px;}

/* more reading */
.c-rating-backdrop {display: grid; gap:17px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}
.footer-detail {border: 1px solid var(--line-soft); transition: all var(--ease); background: var(--paper-2); gap:8px; padding:16px; flex-direction: column; display: flex; border-radius: var(--r-m);}
.footer-detail:hover {border-color: var(--accent); box-shadow: var(--sh-1); transform: translateY(-2px);}html .modal-inverse{font-weight:bold; font-size:15px; text-transform:uppercase; letter-spacing:.7em; color: var(--accent);}
.grid-overlay:first-child {min-width:31px; height:auto; max-width:100%}
/* utility cards */
.c-search-wrapper{display: grid; gap:18px; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));}
.step__count--right {font-weight:600; line-height:1.38; font-size:16px; font-family: var(--serif); color: var(--ink);}
.feature {background: var(--paper); padding:27px; border: 1px solid var(--line); box-shadow: var(--sh-1); border-radius: var(--r-l);}.c-accordion-overlay{overflow: hidden; border: 1px solid var(--line); display: flex; border-radius: var(--r-m); background: var(--paper);}
.c-accordion-overlay .ui-tag-outer {border:0 none; border-radius:0 none;}
.c-accordion-overlay .ui-tag-outer:focus {box-shadow:none; shape-margin:0;}
.grid-extra:hover {max-width:none; flex:1 1 0%; transition:color 0.45s; flex-wrap:nowrap; font-weight:600}

.name-thread {flex-shrink: 0; background: var(--accent); transition: background var(--ease); align-items: center; color:#ffeeef; width:43px; display: flex; justify-content: center;}.c-view-section{flex-direction: column; display: flex;}.name-thread:hover{background: var(--accent-2);}body .c-view-section li a{font-size:10.5px; display: block; border-bottom: 1px solid var(--line-soft); padding:5px 0; color: var(--muted); transition: color var(--ease), padding-left var(--ease);}.c-view-section li:last-child a{border-bottom:0em;}
.c-view-section li a:hover {color: var(--accent); padding-left:1px;}
.badge-fill + .comment-detail {position:static; transition:color 0.4s; display:block; padding-right:33px; align-items:baseline; min-width:34px}
html .avatar-group{width:25px; display: inline-block; font-weight:bold; font-family: var(--serif); color: var(--line);}/* =======================================================================
   FOOTER
   ======================================================================= */
.block-spacer-large{background: var(--dark); color:#d7e2d4; content-visibility:auto; contain-intrinsic-size:auto 360px;}
.c-view-section li a:hover .avatar-group {color: var(--accent-3);}.sort-separator{padding:58px 0 44px;}
.block-dense {grid-template-columns: 1.6fr 1fr 1fr 1.1fr; display: grid; gap:41px;}
.search__trigger--loading img {filter:brightness(0) invert(1); background-blend-mode:normal; width:auto; margin-bottom:22px; height:29px; hyphens:manual;}
.section-handle {color:rgb(125, 99, 98); margin-bottom:19px; font-size:9px;}html .modal-fluid{will-change:auto; color:#fffdff; margin-bottom:19px; font-size:13px; letter-spacing:.7.97em; font-weight:600; text-transform:uppercase;}*.alert-pressed{display: flex; flex-direction: column; gap:13px;}
.alert-pressed a {font-size:17px;}
.alert-pressed a {color:rgb(173, 175, 155); transition: color var(--ease), padding-left var(--ease); text-rendering:auto;}
.tag-button .layout-info {opacity:0.76; min-width:6px}

.alert-pressed a:hover {color:#eefbfd; image-rendering:auto; padding-left:9px;}*.thread-fill-inverse{shape-margin:0; gap:9px; display: flex;}html .tooltip-area{color:#716d5d; font-size:15px; margin-top:18px; padding-top:14px; border-top:1px solid rgba(255, 255, 255, 0.12);}
.hero-detail:first-child {transition:opacity 0.5s; flex-wrap:wrap}

.thread-fill-inverse a {color:#9f9491; width:36px; border-radius:50%; align-items: center; justify-content: center; display: inline-flex; border:1px solid rgba(240, 255, 255, 0.2); transition: all var(--ease); height:39px;}
.thread-fill-inverse a:hover {background: var(--accent);}
.form-holder + .dialog-summary {padding-right:9px; line-height:normal; min-width:39px; cursor:pointer; display:none; justify-content:space-between}

.thread-fill-inverse a:hover {color:#fffffc; border-color: var(--accent); transform: translateY(-2px);}

.pagination-secondary {break-inside:auto; padding:20px 0; border-top:1px solid rgba(237, 245, 255, 0); text-align: center; shape-margin:0;}
.pagination-secondary p {color:#625449; margin:0; font-size:13px;}

/* =======================================================================
   TO-TOP + COOKIE
   ======================================================================= */
.headerMeta {align-items: center; display: flex; transition: opacity .3s var(--ease), transform .3s var(--ease), visibility .3s, background var(--ease); transform: translateY(12px); position: fixed; z-index: 900; box-shadow: var(--sh-2); visibility: hidden; color:#fff6f3; opacity:0; border-radius: var(--r-m); right:27px; justify-content: center; bottom:27px; background: var(--accent); width:50px; height:43px;}
.headerMeta.is-on {opacity:1; mix-blend-mode:normal; visibility: visible; perspective:none; transform: translateY(0);}.headerMeta:hover{transform: translateY(-2px); background: var(--accent-2); box-shadow: var(--sh-3);}

.screen-wrap {color:rgb(227, 210, 218); transform: translateY(100%); padding:20px 0; position: fixed; background: var(--dark-2); bottom:0; transition: transform .4s var(--ease); right:0; z-index: 1100; left:0; box-shadow:0 -8px 26px rgba(12, 12, 0, 0.23);}
.screen-wrap.is-on {transform: translateY(0);}
.screen-wrap .alert-trigger-fluid {justify-content: space-between; gap:23px; display: flex; align-items: center;}
.screen-wrap p {flex: 1; font-size:14px; color:#a092ad; margin:0;}
.screen-wrap a {text-decoration:underline; color: var(--accent-3);}

/* =======================================================================
   MODALS  (pure CSS :target, opened via #site-filter / #galleryBackdrop)
   ======================================================================= */
.button-profile {inset:0; position: fixed; display: none; align-items: center; justify-content: center; padding-top:19px;padding-right:19px;padding-bottom:19px;padding-left:19px; z-index: 1300;}html .button-profile:target{display: flex;}
.order-4 {inset:0; -webkit-backdrop-filter:blur(2px); position: absolute; backdrop-filter:blur(2px); background:rgba(10, 36, 34, 0.47);}
.action-data-highlight {background: var(--paper); position: relative; font-variant-ligatures:normal; max-width:399px; animation: rl-pop .25s var(--ease); width:100%; box-shadow: var(--sh-3); z-index: 1; padding-top:25px;padding-right:25px;padding-bottom:25px;padding-left:25px; border-radius: var(--r-l);}
@keyframes rl-pop { from {orphans:2; opacity:0; transform: translateY(14px) scale(.98); page-break-inside:auto;} to {opacity:1; transform: none;} }
.px-end {display: flex; background-blend-mode:normal; margin-bottom:19px; justify-content: space-between; align-items: center; font-synthesis:weight style small-caps;}
.stepExtra {font-size:1.3rem; font-weight:600;}
.tag-action {display: inline-flex; color: var(--faint); transition: background var(--ease), color var(--ease); border-radius: var(--r-s); align-items: center; height:35px; justify-content: center; width:28px;}
.step__input {display: flex; gap:10px; flex-direction: column;}
.tag-action:hover {background: var(--paper-3); color: var(--ink);}
.profile-success {font-size:12px; display: flex; gap:10px; justify-content: space-between; align-items: center;}
.divider-even {gap:7px; display: inline-flex; color: var(--faint); cursor: pointer;}
.divider-even {align-items: center;}
.c-reply-close {border-top: 1px solid var(--line-soft); padding-top:18px; font-size:12px; text-align: center; margin-top:17px; color: var(--faint);}
.divider-even input {accent-color: var(--accent);}

/* =======================================================================
   RESPONSIVE
   ======================================================================= */
@media (max-width: 900px) {.block-dense{gap:36px; grid-template-columns: 1fr 1fr;}html .t-screen{font-weight:600;}
}
@media (max-width: 768px) {:root{--bar: 58px;}
  body {font-size:18px;}
#banner-info {gap:0.625rem; height:28px; transition:color 0.2s; border:0; position:relative}
*.table__toggle{display: flex;}
  .spinner-rounded {background: var(--paper); gap:6px; padding:16px 25px; left:0; flex-direction: column; display: none; top: var(--bar); align-items: stretch; position: absolute; right:0; box-shadow: var(--sh-3); border-bottom: 1px solid var(--line);}
  .spinner-input {gap:0; flex-direction: column; align-items: stretch;}
  .spinner-rounded.is-open {display: flex;}
  .m-sm {width:100%; padding:15px 12px;}.menu-data-fixed{width:100%; margin-left:0; margin-top:5px;}.value-counter{padding:28px 18px; widows:2; perspective:none;}html .module-handle-dense{font-size:18.5px; will-change:auto;}html .c-menu-block{grid-template-columns: 1fr;}
  .pt-10 {tab-size:4;}
  .pt-10 {gap:8px; flex-wrap: wrap; transform-style:flat;}*.name-status{align-items: flex-start; gap:14px; flex-direction: column;}
  .block-dense {gap:33px; grid-template-columns: 1fr;}body .rating-default, *.line-reply, .el-filter-trigger{padding:29px 23px;}
}
@media (max-width: 480px) {
  .alert-trigger-fluid {padding:0 14px;}.screen-wrap .alert-trigger-fluid{flex-direction: column; font-variant-caps:normal; gap:10px; text-align: center;}
  .value-counter {padding-top:26px;padding-right:13px;padding-bottom:26px;padding-left:13px;}.rating-default, .line-reply:not(.noop14), .el-filter-trigger:not(.dummy54), .feature:not(.null51){padding:22px 13px;}
  .c-rating-backdrop {grid-template-columns: 1fr;}
  .headerMeta {right:17px; bottom:19px;}
  .action-data-highlight {padding:24px;}
}

@media (prefers-reduced-motion: reduce) {*{animation:none !important; transition:none !important; scroll-behavior: auto !important;}
.progress__placeholder {margin-top:13px; min-height:44px; justify-content:center; position:sticky}

}