.screen-zone .breadcrumb-outer {flex-wrap:wrap; border-radius:0; padding-top:0.5rem; height:11px; min-width:5px; transition:color 0.4s}
/* =======================================================================
   STYLE.CSS  —  content-first editorial layout
   ======================================================================= */

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

/* ---- base ---- */
*, *::before, *::after {padding:0; font-variant-ligatures:normal; backface-visibility:visible; box-sizing: border-box; margin:0;}
body {color: var(--muted); -webkit-font-smoothing:antialiased; line-height:1.65; font-family: var(--sans); font-size:21px; -moz-osx-font-smoothing:grayscale; background: var(--paper-2);}
html {-webkit-text-size-adjust:100%; scroll-padding-top: calc(var(--bar) + 16px); scroll-behavior: smooth; orphans:2;}
img, svg {text-decoration-skip-ink:auto; max-width:100%; display: block;}
img {height:auto; break-inside:auto;}a{text-decoration:none; transition: color var(--ease); color: var(--accent);}ul, ol{list-style: none; will-change:auto;}a:hover{color: var(--accent-2);}input, textarea{color: var(--ink); font-size:inherit; font-variant-ligatures:normal;}
button {border:0; font-family:inherit; background:none; cursor: pointer; color:inherit;}input, textarea{transform-style:flat; font-family:inherit;}p{text-underline-offset:auto; margin:0 0 1.05em;}
h1 {text-underline-offset:auto; line-height:1.18; font-family: var(--serif); color: var(--ink); font-weight:700;}strong, b{font-weight:bold; color: var(--ink-soft);}*.rounded-0{max-width: var(--bound); margin:0 auto; padding:0 20px;}html .pb-24{clip:rect(0,0,0,0); width:1px; position: absolute; padding:0; margin:-1px; border:0; overflow: hidden; height:1px; white-space: nowrap;}
.nav-prefix + .box-suffix {transition:color 0.35s; line-height:normal; display:block; text-decoration:none; flex-wrap:nowrap}
/* span-based section captions (no heading tags outside the article body) */
.leading-between, *.profile__dot--flat, html .leading-screen, .m-8, html .tracking-full, .ui-feature, .pb-lg:not(.nil23), *.w-lg{display: block; color: var(--ink); font-family: var(--serif);}/* ---- progress ---- */
.tracking-start{height:7px; width:0; z-index: 1400; transition:width 0.046s linear; position: fixed; top:0; background: linear-gradient(90deg, var(--accent), var(--accent-3)); left:0;}
.nav-detail {padding:44px; transition:color 0.5s; min-height:100vh; background:#151010}


/* =======================================================================
   MASTHEAD  (fixed; sits visually on top although later in source)
   ======================================================================= */
.mr-8 {z-index: 1000; transition: box-shadow var(--ease); position: fixed; left:0; top:0; backdrop-filter:saturate(150%) blur(10px); height: var(--bar); right:0; -webkit-backdrop-filter:saturate(150%) blur(10px); border-bottom: 1px solid var(--line); background:rgba(239, 255, 253, 0.92);}body .mr-8.is-stuck{box-shadow: var(--sh-2);}
.mr-8 .rounded-0 {height:100%; gap:26px; display: flex; align-items: center;}
.row-xl {flex-shrink: 0; hyphens:manual; display: inline-flex; align-items: center;}
.row-xl img {height:29px; width:auto; text-decoration-skip-ink:auto;}

.p-2 {display: flex; gap:13px; flex: 1; align-items: center;}
.row-xl img {print-color-adjust:economy;}body .bg-20{display: flex; gap:2px; align-items: center;}
.sidebar--primary {transition: color var(--ease), background var(--ease); align-items: center; color: var(--muted); text-underline-offset:auto; display: inline-flex; font-size:12.5px; border-radius: var(--r-s); font-weight:500; padding-top:11px;padding-right:15px;padding-bottom:11px;padding-left:15px;}
.sidebar--primary:hover {color: var(--ink); background: var(--paper-3); perspective:none;}
.w-8 {color:#f1f4f9; font-weight:500; justify-content: center;}
.w-8 {transition: background var(--ease), transform var(--ease), box-shadow var(--ease); display: inline-flex; font-size:15px; margin-left:auto; background: var(--accent); align-items: center; padding:12px 20px; border-radius: var(--r-m);}
.w-8:hover {box-shadow:0 6px 12px rgba(211, 78, 0, 0.22); transform: translateY(-1px); color:hsl(119, 99.3%, 97.1%); background: var(--accent-2);}html .shadow-sm{display: none; width:40px; gap:9px; border-radius: var(--r-s); padding:10px; height:37px; justify-content: center; margin-left:auto; flex-direction: column;}
.shadow-sm i {background: var(--ink); display: block; border-radius:2px; transition: transform var(--ease), opacity var(--ease); height:2px;}.is-open.shadow-sm i:nth-child(1){transform: translateY(7px) rotate(45deg);}
.shadow-sm.is-open i:nth-child(2) {opacity:0;}html .shadow-sm.is-open i:nth-child(3){transform: translateY(-7px) rotate(-45deg);}

/* ---- buttons ---- */
.ml-sm {padding:10px 22px; justify-content: center; white-space: nowrap; display: inline-flex; border-radius: var(--r-m); font-weight:500; gap:9px;}

/* ---- buttons ---- */
.ml-sm {font-family: var(--sans); background: var(--accent); font-size:15.5px; color:#ffffed; transition: background var(--ease), transform var(--ease), box-shadow var(--ease); align-items: center;}
.ml-sm:hover {color:#fff7ff; box-shadow:0 5px 15px rgba(195, 65, 10, 0.25); transform: translateY(-1px); background: var(--accent-2);}
.shadow-xs {padding:11px 20px; margin-top:5px;}
.pl-between {align-self: flex-start; contain:none; word-spacing:normal; padding:13px 24px; font-size:17px;}
.shadow-xs {width:100%;}

/* =======================================================================
   MAIN  (content-first; cleared from the fixed masthead)
   ======================================================================= */
.mr-12 {padding-top: var(--bar);}

/* =======================================================================
   POST
   ======================================================================= */
.m-around {font-variant-ligatures:normal; border: 1px solid var(--line); background: var(--paper); padding:45px; border-radius: var(--r-l); transform-style:flat; box-shadow: var(--sh-1);}html .p-20{padding:32px 0 67px; margin:0 auto; max-width: var(--read);}html .pr-auto{color: var(--ink); font-size: clamp(1.85rem, 1.2rem + 2.4vw, 2.6rem); letter-spacing:-.13.99em; margin-bottom:20px; font-weight:700; line-height:1.16;}
.t-carousel {font-size:14px; color: var(--faint); align-items: center; display: inline-flex; gap:7px;}
.flex-around {flex-wrap: wrap; padding-bottom:23px; gap:3px 16px; border-bottom: 1px solid var(--line-soft); margin-bottom:32px; display: flex; align-items: center;}
.t-carousel svg {opacity:0.67;}

/* ---- toc ---- */
.p-between {background: var(--accent-wash); border-radius: var(--r-m); border:1px solid #feeccc; margin-bottom:28px; border-left: 3px solid var(--accent); padding:18px 20px;}body .mt-20{color: var(--line);}
.p-between[hidden] {display: none;}
.w-around {margin-bottom:14px; justify-content: space-between; display: flex; align-items: center;}
.leading-between {font-size:11px; font-weight:600;}.h-10{font-size:13px; font-weight:500; color: var(--accent); padding-top:2px;padding-right:6px;padding-bottom:2px;padding-left:6px; border-radius: var(--r-s); transition: background var(--ease);}.h-10:hover{background:rgba(203, 59, 16, 0.08);}
.leading-xs {display: flex; flex-direction: column; gap:6px;}
.leading-xs a {display: block; border-left:2px solid transparent; color: var(--muted); font-size:11px; padding:0px 0; transition: color var(--ease), padding-left var(--ease);}
.leading-xs a:hover {color: var(--accent); padding-left:4px;}.leading-xs a.justify-1{padding-left:18px; font-size:9.5px;}
.slider-column .table-item {justify-content:flex-start; gap:48px}

.leading-xs a.justify-1:hover {padding-left:21px;}
.leading-xs a.justify-20 {padding-left:33px; color: var(--faint); font-size:14px;}/* ---- body (the only place real headings appear) ---- */
.grid-xl{line-height:1.78; font-size:18.5px;}/* ---- body (the only place real headings appear) ---- */
.grid-xl{color: var(--ink-soft);}
.grid-xl > *:first-child {margin-top:0;}
.grid-xl h2 {font-size:1.59rem; margin:1.9em 0 .54.94em; font-family: var(--serif); letter-spacing:-.1.01em; color: var(--ink); font-weight:600;}
.grid-xl h3 {margin:1.49em 0 .45.02em; font-family: var(--serif); font-size:1.31rem; color: var(--ink); font-weight:600;}.grid-xl h4{color: var(--ink); font-size:1.1rem; font-weight:600; margin:1.38em 0 .3.98em; font-family: var(--serif);}
.grid-xl p {margin:0 0 1.23em;}body .grid-xl ul, .grid-xl ol{margin:0 0 1.23em 1.42em;}.grid-xl ul{list-style: disc;}
.grid-xl ol {list-style: decimal;}
.thread-item::before {content:''; text-decoration:underline; justify-content:space-around; box-shadow:0 10px 5px rgba(0,0,0,0.49); min-width:0}

.grid-xl li {margin-bottom:.44.98em;}
.grid-xl li::marker {color: var(--accent);}
.grid-xl a {text-decoration:underline; text-decoration-color:rgba(184, 81, 3, 0.28); text-decoration-thickness:1.5px; text-underline-offset:3px;}
.grid-xl a:hover {text-decoration-color: var(--accent-2);}
.grid-xl img {border-radius: var(--r-m); margin:1.66em 0;}
.grid-xl blockquote {padding:14px 28px; font-style:italic; margin:1.65em 0; border-radius: 0 var(--r-m) var(--r-m) 0; border-left: 3px solid var(--accent); font-family: var(--serif); color: var(--ink); font-size:1.05em; background: var(--paper-2);}.grid-xl blockquote:empty{display: none; break-inside:auto;}
.grid-xl pre {margin:1.75em 0; line-height:1.6; color:#f9e6da; padding:18px 20px; overflow-x: auto; background: var(--dark); border-radius: var(--r-m); font-size:14.5px;}
.grid-xl code {font-size:.8.96em; font-family:'SFMono-Regular', 'Fira Code', Consolas, monospace;}
.grid-xl :not(pre) > code {background: var(--paper-3); color: var(--accent-2); padding-top:2px;padding-right:2px;padding-bottom:2px;padding-left:2px; border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;}
.grid-xl table {border-collapse:collapse; width:100%; font-size:13px;}
.grid-xl table {margin:1.63em 0;}
.grid-xl th, .grid-xl td {border: 1px solid var(--line); text-align: left; padding:11px 11px;}.grid-xl th{font-weight:700; color: var(--ink); background: var(--paper-2);}.grid-xl hr{border:0 none; font-synthesis:weight style small-caps; transform-style:flat; margin:2.01em 0; border-top: 1px solid var(--line);}
.box-thumb:hover {max-width:700px; margin-top:0.875rem; padding-left:43px; transition:opacity 0.25s; letter-spacing:-0.05em}
/* ---- share ---- */
.mx-center{margin-top:34px; align-items: center;}/* ---- share ---- */
.mx-center{gap:18px; display: flex;}
@media (min-width: 576px) {
  .carousel-input .post-addon {letter-spacing:normal; align-items:flex-end; flex-wrap:nowrap; min-width:0}
  .sort-wrap.snackbar-primary {background-color:transparent; background:transparent; transition:color 0.4s; margin:0.625rem; margin-left:0}
}


.profile__dot--flat {text-transform:uppercase; font-size:14px !important; letter-spacing:.8.01em; color: var(--faint) !important; font-weight:bold;}
.gap-block {display: flex; text-decoration-skip-ink:auto; gap:13px;}
.banner-value {min-height:100vh; margin-right:38px; margin-top:15px; transition:all 0.25s ease; width:fit-content; flex-wrap:wrap}
*.w-block{width:39px; display: inline-flex; border-radius: var(--r-m); color: var(--muted); align-items: center; border: 1px solid var(--line); background: var(--paper-2); height:35px; justify-content: center; transition: all var(--ease);}.tag--warning{border-top: 1px solid var(--line-soft); margin:29px 0; border:none;}
.w-block:hover {transform: translateY(-2px); background: var(--accent); border-color: var(--accent); box-shadow:0 2px 15px rgba(210, 77, 6, 0.14); color:#f6fcff;}

/* ---- vote ---- */
.shadow-3 {gap:14px; align-items: center; display: flex;}
.drawer-section.alert-disabled {line-height:1; padding-left:28px; transition:opacity 0.5s}

.counter-link::before {content:''; transition:opacity 0.15s; padding-top:0.75rem; font-weight:700; flex-wrap:nowrap}
*.leading-screen{font-weight:600; font-size:14px;}
.shadow-24 {gap:11px; display: flex;}
.flex-12 {font-size:15px; border: 1px solid var(--line); font-weight:500; color: var(--muted); background: var(--paper); padding-top:10px;padding-right:19px;padding-bottom:10px;padding-left:19px; transition: all var(--ease); border-radius: var(--r-m); display: inline-flex; align-items: center; gap:6px;}*.flex-12 b{font-weight:700;}.avatar-foot-top:hover{color: var(--ok); border-color: var(--ok); background-color:#ecf3ff;}
.flex-12.is-voted {opacity:0.68; pointer-events: none;}.border-full:hover{border-color: var(--no); background-color:#f0eaee; color: var(--no);}

/* =======================================================================
   SECONDARY SECTIONS  (rendering-optimised)
   ======================================================================= */
.m-3, .pb-full, .el-chip, .bg-1 {contain-intrinsic-size:auto 420px; text-decoration-skip-ink:auto; margin-top:34px; content-visibility:auto;}
.m-3, .pb-full, .bg-1 {border: 1px solid var(--line); box-shadow: var(--sh-1); background: var(--paper); border-radius: var(--r-l); padding:33px;}
.m-8, .tracking-full {margin-bottom:20px; font-size:1.37rem; font-weight:600;}body .ui-feature{border-bottom: 2px solid var(--accent); display: inline-block; font-size:15px; padding-bottom:9px; margin-bottom:14px; font-weight:600;}
.flex-20 {isolation:auto;}
.flex-20 {will-change:auto; margin-bottom:16px; color: var(--faint); font-size:13.5px;}

/* inputs */
.float-between {border-radius: var(--r-m); transition: border-color var(--ease), box-shadow var(--ease); display: block; padding-top:12px; padding-right:11px; padding-bottom:12px; padding-left:11px; color: var(--ink); width:100%;}

/* inputs */
.float-between {outline:none; border: 1px solid var(--line); background: var(--paper); font-size:11px;}
.float-between::placeholder {transform-style:flat; color: var(--faint);}
.float-between:focus {border-color: var(--accent); box-shadow:0 0 0 -1px rgba(190, 67, 18, 0.09);}
.p-4 {-moz-tab-size:4;line-height:1.6; hyphens:manual; min-height:132px; resize: vertical; tab-size:4;}

.mb-end, .mb-start {display: flex; gap:14px; flex-direction: column;}.visible-1{gap:16px; grid-template-columns: 1fr 1fr; display: grid;}

/* more reading */
.visible-8 {gap:17px; orphans:2; page-break-inside:auto; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); display: grid;}
.u-search {padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px; gap:12px; background: var(--paper-2); border-radius: var(--r-m); flex-direction: column; display: flex; transition: all var(--ease); border: 1px solid var(--line-soft);}
.u-search:hover {transform: translateY(-2px); border-color: var(--accent); box-shadow: var(--sh-1);}
.c-popover-backdrop {font-weight:bold; text-transform:uppercase; font-size:9px; letter-spacing:.7.07em; mix-blend-mode:normal; color: var(--accent);}
.toolbar-slot:not(:last-child) {min-height:100vh; justify-content:space-around; max-width:none; padding:0.375rem 3rem; height:5px; transition:opacity 0.25s}

.w-inline {font-family: var(--serif); font-size:18px; font-weight:600; line-height:1.38; color: var(--ink);}

/* utility cards */
.el-chip {gap:17px; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));}

.shadow-xl {border: 1px solid var(--line);}
.ml-lg {border: 1px solid var(--line); padding:21px; border-radius: var(--r-l); background: var(--paper); box-shadow: var(--sh-1);}

.shadow-xl {background: var(--paper); border-radius: var(--r-m); overflow: hidden; display: flex;}
@media (max-width: 1280px) {
  .counter-link::before {content:''; display:flex; transition:color 0.15s}
  #page-column {transition:transform 0.15s ease-in-out; text-transform:lowercase; min-width:0; letter-spacing:normal; display:flex; max-width:100%}
}


.shadow-xl .float-between {border-radius:none; border:0 none;}.shadow-xl .float-between:focus{box-shadow:none;}body .tracking-2{width:42px; align-items: center; background: var(--accent); justify-content: center; display: flex; flex-shrink: 0; transition: background var(--ease); color:#fff4ff;}
.tracking-2:hover {will-change:auto; background: var(--accent-2);}

.pr-10 {-moz-tab-size:4;text-decoration-skip-ink:auto; display: flex; flex-direction: column; tab-size:4;}
.tracking-2:hover {isolation:auto;}
.pr-10 li a {display: block; transition: color var(--ease), padding-left var(--ease); font-size:10.5px; color: var(--muted); border-bottom: 1px solid var(--line-soft); padding:5px 0;}.pr-10 li:last-child a{border-bottom:none;}
.pr-10 li a:hover {padding-left:4px; color: var(--accent);}.font-center{width:19px; color: var(--line); font-family: var(--serif); font-weight:700; display: inline-block;}
.select-preview:hover {min-height:30px; min-width:30px}


/* =======================================================================
   FOOTER
   ======================================================================= */
.px-12 {background: var(--dark); content-visibility:auto;}.pr-10 li a:hover .font-center{color: var(--accent-3);}

/* =======================================================================
   FOOTER
   ======================================================================= */
.px-12 {contain-intrinsic-size:auto 360px; color:rgb(240, 211, 207);}.rounded-inline{padding:61px 0 39px;}.mt-half{display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.1fr; gap:46px;}
.d-10 img {width:auto; height:35px;}.alertTertiary:not(.nil69){margin-bottom:14px; font-size:10px; color:#6c807b;}
.d-10 img {filter:brightness(0) invert(1); margin-bottom:20px; text-decoration-skip-ink:auto;}html .pb-lg{color:#f4fffd; font-size:17px; background-blend-mode:normal; font-weight:600; letter-spacing:.7.94em; text-transform:uppercase; margin-bottom:13px;}
#section-secondary {flex-wrap:nowrap; cursor:pointer; height:auto; gap:21px; width:auto; padding-top:3rem}

.position-20 {flex-direction: column; display: flex; gap:13px;}
.position-20 a {font-size:14px; transition: color var(--ease), padding-left var(--ease); color:rgb(155, 154, 170);}
.position-20 a:hover {padding-left:8px; color:#ffeffd;}.page{border-top:1px solid rgba(255, 247, 242, 0.03); color:rgb(95, 113, 133); font-size:11px; padding-top:19px; margin-top:18px;}

.py-2 {gap:12px; display: flex;}
.py-2 a {transition: all var(--ease); border-radius:50%; align-items: center; color:hsl(102, 10.6%, 64.5%); display: inline-flex; border:1px solid rgba(243, 255, 255, 0.12); width:35px; height:42px; justify-content: center;}.row-auto{padding:23px 0; border-top:1px solid rgba(241, 249, 255, 0.09); text-align: center;}
.py-2 a:hover {border-color: var(--accent); transform: translateY(-2px); background: var(--accent); background-blend-mode:normal; color:#f0feff;}

/* =======================================================================
   TO-TOP + COOKIE
   ======================================================================= */
.h-2xl {bottom:22px; display: flex; justify-content: center; color:#fffefe; align-items: center; transform: translateY(12px); height:48px; box-shadow: var(--sh-2); visibility: hidden; border-radius: var(--r-m); width:46px; transition: opacity .3s var(--ease), transform .3s var(--ease), visibility .3s, background var(--ease); right:24px; z-index: 900; background: var(--accent); position: fixed; opacity:0;}.row-auto p{font-size:17px; margin:0; color:rgb(119, 69, 87);}
.h-2xl.is-on {transform: translateY(0); opacity:1; visibility: visible;}body .h-2xl:hover{box-shadow: var(--sh-3); background: var(--accent-2); transform: translateY(-2px);}

.flex-none {padding:20px 0; transition: transform .4s var(--ease); right:0; z-index: 1100; box-shadow:0 -9px 20px rgba(10, 0, 12, 0.15); color:#c7d7d0; position: fixed; background: var(--dark-2); left:0; transform: translateY(100%); bottom:0;}.flex-none.is-on:not(.none59){transform: translateY(0);}
.flex-none .rounded-0 {justify-content: space-between; text-underline-offset:auto; align-items: center; display: flex; gap:26px;}.flex-none p{font-size:10px; margin:0; color:hsl(304, 10.5%, 64.1%); flex: 1;}
.flex-none a {text-decoration:underline; color: var(--accent-3);}

/* =======================================================================
   MODALS  (pure CSS :target, opened via #badgeLink / #tableColumn)
   ======================================================================= */
.mx-1 {inset:0; align-items: center; padding-top:21px;padding-right:21px;padding-bottom:21px;padding-left:21px; z-index: 1300; display: none; position: fixed; justify-content: center;}
.mx-1:target {display: flex;}
.visible-inline {-webkit-backdrop-filter:blur(2px); position: absolute; background:rgba(34, 39, 5, 0.5); backdrop-filter:blur(2px); inset:0;}.opacity-24{width:100%; animation: rl-pop .25s var(--ease); max-width:399px; position: relative; image-rendering:auto; border-radius: var(--r-l); background: var(--paper); box-shadow: var(--sh-3); padding:31px; z-index: 1;}
@keyframes rl-pop { from {break-inside:auto; transform: translateY(14px) scale(.98); opacity:0; will-change:auto;} to {transform: none; opacity:1;} }
.w-start {display: flex; hyphens:manual; margin-bottom:18px; justify-content: space-between; align-items: center; shape-margin:0;}
.order-center {align-items: center; width:33px; color: var(--faint); justify-content: center;}
.w-lg {font-size:1.22rem; font-weight:600;}
.order-center {border-radius: var(--r-s); transition: background var(--ease), color var(--ease); height:35px; display: inline-flex;}
.app-post-button {display: flex; flex-direction: column; gap:17px;}
.order-center:hover {background: var(--paper-3); color: var(--ink);}
.my-24 {align-items: center; font-size:16px; gap:11px; display: flex;}
.chip-suffix + .rating-handle {transition:all 0.35s ease; flex-wrap:nowrap; justify-content:space-between}
html .grid-half{display: inline-flex; color: var(--faint); cursor: pointer; align-items: center; gap:6px;}
.my-24 {justify-content: space-between;}
.counter-detail.sidebar-default {transition:transform 0.3s ease-in-out; flex-wrap:nowrap; cursor:default; padding-right:1rem; text-align:left; padding-top:37px}

.grid-half input {accent-color: var(--accent);}
.pl-2 {margin-top:18px; text-align: center; print-color-adjust:economy; color: var(--faint); tab-size:4; font-size:12px; padding-top:18px; border-top: 1px solid var(--line-soft);}
.pt-24 {font-weight:600;}

/* =======================================================================
   RESPONSIVE
   ======================================================================= */
@media (max-width: 900px) {html .mt-half{gap:36px; grid-template-columns: 1fr 1fr;}
}
@media (max-width: 768px) {
  :root {--bar: 58px;}body{font-size:13px;}body .p-2{box-shadow: var(--sh-3); flex-direction: column; position: absolute; display: none; right:0; background: var(--paper); left:0; align-items: stretch; hyphens:manual; top: var(--bar); padding-top:12px;padding-right:24px;padding-bottom:12px;padding-left:24px; gap:7px; border-bottom: 1px solid var(--line);}
#page-column {border:0; cursor:default; position:sticky; transition:opacity 0.15s; box-shadow:none}
.shadow-sm{display: flex;}
  .p-2.is-open {display: flex;}
  .bg-20 {align-items: stretch; flex-direction: column; gap:0;}html .sidebar--primary{padding:14px 11px; width:100%;}
  .w-8 {margin-top:7px; hyphens:manual;}
  .w-8 {width:100%; backface-visibility:visible; margin-left:0;}

  .m-around {padding:27px 23px;}
  .grid-xl {font-size:13.5px;}.visible-1:not(.unused72){grid-template-columns: 1fr;}*.shadow-3{flex-direction: column; gap:15px; align-items: flex-start;}
  .mx-center {flex-wrap: wrap; gap:14px;}
  .m-3, .pb-full, .bg-1 {padding-top:29px;padding-right:22px;padding-bottom:29px;padding-left:22px;}
  .mt-half {grid-template-columns: 1fr; gap:30px;}.flex-none :where(.rounded-0){gap:11px; text-align: center;}.flex-none :where(.rounded-0){flex-direction: column;}
}
@media (max-width: 480px) {
  .rounded-0 {padding:0 16px;}
  .m-around {padding:25px 18px;}.m-3, .pb-full, body .bg-1, *.ml-lg{padding:19px 16px;}body .visible-8{grid-template-columns: 1fr;}.opacity-24{padding:20px;}html .h-2xl{bottom:20px; right:13px;}
}

@media (prefers-reduced-motion: reduce) {*{tab-size:4; font-synthesis:weight style small-caps; transition:none !important; animation:none !important;}
.card-placeholder.reply-small {display:inline-flex; background:transparent; flex-wrap:wrap; transition:transform 0.4s ease-in-out}
*{scroll-behavior: auto !important;}
}