/* =================================================================
   base.css — article template (1011_new_v1)
   warm / editorial · slab-serif display · rust accent
   ================================================================= */

:root {--sh-2:      0 14px 34px -16px rgba(29,24,20,.26); --sh-1:      0 1px 2px rgba(29,24,20,.06); --surface-2: #f3ece2; --tr2:       .3s cubic-bezier(.4,0,.2,1); --surface:   #ffffff; --accent:    #c2410c; --fs-1:      .85rem; --on-accent: #ffffff; --line-2:    #d8ccba; --muted:     #5c5249; --faint:     #938778; --fb:        "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --ink:       #1d1814; --bg:        #faf7f2; --tr:        .2s ease; --line:      #e7ddcf; --accent-2:  #9a3412; --ok:        #15924f; --fs1:       1.2rem; --fs0:       1rem; --fs3:       2rem; --col:       720px; --accent-3:  #fbe9dd; --fh:        "Bitter", Georgia, "Times New Roman", serif; --wrap:      1120px; --r-sm:      7px; --fs2:       1.5rem; --sh-3:      0 30px 70px -22px rgba(29,24,20,.36); --r:         12px; --r-lg:      18px; --fs4:       2.55rem;}

/* ---------- reset ---------- */
*, *::before, *::after {page-break-inside:auto; box-sizing: border-box;}
html {-moz-text-size-adjust:100%;word-spacing:normal; text-size-adjust:100%; -webkit-text-size-adjust:100%;}
@media (prefers-reduced-motion: no-preference) { html {scroll-behavior: smooth;} }

body {overflow-x: hidden; font-size: var(--fs0); background: var(--bg); line-height:1.62; text-rendering:optimizeLegibility; font-family: var(--fb); color: var(--ink); print-color-adjust:economy; margin:0; -webkit-font-smoothing:antialiased;}

img, svg, video {display: block; max-width:100%;}

img, svg, video {backface-visibility:visible; height:auto;}
svg {fill:currentColor;}a{text-decoration:none; hyphens:manual; transition: color var(--tr); color: var(--accent); contain:none;}
button {font-family:inherit; cursor: pointer;}
a:hover {color: var(--accent-2);}h1{margin:0 0 .4.98em; letter-spacing:-.1.08em; line-height:1.18; font-weight:800; color: var(--ink); font-family: var(--fh);}
ul, ol {padding-left:1.42em; margin:0 0 1.08em;}
p {margin:0 0 1.07em;}/* span-as-title (no secondary H tags in chrome) */
.t-menu-image{font-family: var(--fh); display: block; line-height:1.2; will-change:auto; letter-spacing:-.0.93em; font-weight:800; break-inside:auto; color: var(--ink);}

/* ---------- primitives ---------- */
.c-status-suffix {padding-inline: clamp(1rem, 4vw, 2.2rem); width:100%; margin-inline:auto; max-width: var(--wrap);}
.o-sidebar-line {overflow: hidden; height:1px; border:none; padding:0; margin:-1px; position: absolute; width:1px; white-space: nowrap; clip:rect(0,0,0,0);}
@media (min-width: 768px) and (max-width: 1159px) {
  .sidebar__value {display:none; justify-content:center; padding-right:2rem; margin-bottom:35px}
  .banner-action:first-child {text-decoration:none; text-align:justify; flex-wrap:nowrap}
  .banner--success {height:100%; border:1px solid #f2f0ed; max-width:none; transition:all 0.4s ease; overflow:hidden}
}


.l-step {margin-inline:auto; max-width: var(--col);}

/* ---------- buttons ---------- */
.u-select {font-size: var(--fs-1); letter-spacing:.1.05em; border: 1px solid var(--b); transition: background var(--tr), border-color var(--tr), color var(--tr), transform var(--tr); gap:.5em; font-weight:800; align-items: center; display: inline-flex; justify-content: center; padding:.71.97em 1.46em; background: var(--b); --b: var(--accent); color: var(--on-accent); border-radius: var(--r-sm); line-height:1;}.u-select:hover{border-color: var(--accent-2); background: var(--accent-2);}.u-select:hover{transform: translateY(-1px); color: var(--on-accent);}.u-select:active{transform: translateY(0);}html .t-page{color: var(--accent); background:transparent;}
.t-page:hover {background: var(--accent-3); color: var(--accent-2);}
.o-rating {page-break-inside:auto; width:100%;}.ui-action-extra:not(.noop52){width:2.86em; flex: none; padding:0;}.ui-action-extra:not(.noop52){height:2.78em;}
.ui-action-extra svg {width:1.01em; height:1.03em;}/* =================================================================
   progress + skip
   ================================================================= */
.t-breadcrumb{height:5px; inset:0 auto auto 0; background: var(--accent); transition:width 0.079s linear; position: fixed; pointer-events: none; z-index: 1200; width:0;}
.ui-filter-summary {image-rendering:auto; z-index: 1300; color:rgb(255, 255, 255);}
.ui-filter-summary {orphans:2; border-radius: var(--r-sm); position: fixed; left:0.92rem; background: var(--ink); top:-118.8%; padding:.5.99em 1.08em;}
.ui-filter-summary:focus {color:#f5ffff; top:1.06rem;}

/* =================================================================
   header (minimal; content kept high)
   ================================================================= */
.comment {backdrop-filter:saturate(140%) blur(8px); z-index: 1000; top:0; background: color-mix(in srgb, var(--bg) 90%, transparent); -webkit-backdrop-filter:saturate(140%) blur(8px); border-bottom: 1px solid var(--line); position: sticky;}
.l-toggle {gap:0.93rem; display: flex; min-height:59px; align-items: center;}
.skeleton-placeholder:first-child {background:transparent; display:none; gap:5px}


.l-rating {align-items: center; color: var(--ink); font-weight:800; font-family: var(--fh); letter-spacing:-.0.93em; margin-right:auto; font-size:1.13rem; display: inline-flex; gap:.55.07rem;}body .l-rating:hover{color: var(--ink);}
.l-rating img {hyphens:manual; width:27px; border-top-left-radius:9px;}

.hero-cell-half {display: flex; align-items: center; gap:1.08rem;}
.l-rating img {border-top-right-radius:9px; border-bottom-right-radius:9px; border-bottom-left-radius:9px; height:34px;}*.t-status, html .l-hero{display: flex; align-items: center; margin:0; list-style: none; gap:.2.96rem; padding:0;}
.reply-preview + .menu-subtitle {text-align:center; transition:transform 0.35s ease-in-out; color:#0da992}

.l-hero {gap:.4.98rem;}

.status-trigger {font-size: var(--fs-1); color: var(--muted); font-weight:bold; display: inline-block; border-radius: var(--r-sm); padding:.5.05em .8.08em; transition: color var(--tr), background var(--tr);}
.status-trigger:hover {color: var(--ink); background: var(--surface-2);}
.c-toggle.t-reply .status-trigger {color: var(--accent); background: var(--accent-3);}
#step-close {flex-wrap:wrap; padding-left:0.375rem; text-align:right; transition:all 0.5s ease; flex:1 1 0%}


.snackbarArea {padding:.5.05em .65.07em; font-size: var(--fs-1); font-weight:bold; color: var(--muted);}
.snackbarArea:hover {color: var(--ink);}

.snackbar-head {height:47px; position: relative; display: none; flex: none; border: 1px solid var(--line-2); padding-top:0em;padding-right:0em;padding-bottom:0em;padding-left:0em; width:40px; background:transparent; border-radius: var(--r-sm);}
.snackbar-head span, .snackbar-head span::before, .snackbar-head span::after {background: var(--ink); transform: translateX(-50%); position: absolute; width:22px; transition: transform var(--tr2), top var(--tr2), opacity var(--tr); height:2px; content: ""; left:50%; border-radius:2px;}
.snackbar-head span {top:50%; margin-top:-1px;}
.snackbar-head span::before {top:-3px;}
.snackbar-head span::after {top:8px; backface-visibility:visible;}html .snackbar-head[aria-expanded="true"] span{background:transparent;}
.snackbar-head[aria-expanded="true"] span::before {transform: translateX(-50%) rotate(45deg); top:0;}
.snackbar-head[aria-expanded="true"] span::after {top:0; text-underline-offset:auto; transform: translateX(-50%) rotate(-45deg); word-spacing:normal;}/* =================================================================
   main + article (content first)
   ================================================================= */
.l-counter:not(.skip64){padding-block: clamp(1.2rem, 3.5vw, 2.2rem) clamp(2.5rem, 6vw, 4rem);}

.l-tooltip {animation: nvrise .45s var(--tr2) both;}
@keyframes nvrise {from{opacity:0; transform: translateY(9px);} to {opacity:1; transform: none;} }
@media (prefers-reduced-motion: reduce) {*.l-tooltip{animation:none;} }

.u-review-region {font-size: clamp(1.9rem, 1.2rem + 2.6vw, var(--fs4)); margin-bottom:.6.01rem;}

.c-dropdown-name {font-size: var(--fs-1); color: var(--faint); gap:.4.98rem 1.27rem; flex-wrap: wrap; display: flex; align-items: center; margin-bottom:1.95rem;}
.section {align-items: center; gap:.3.92rem; transform-style:flat; display: inline-flex;}
.section svg {flex: none; height:15px; width:14px; opacity:0.69;}

/* ---- article body (injected content) ---- */
.u-dropdown {font-size:1.05rem; font-variant-caps:normal; isolation:auto; line-height:1.78; color:#232713;}
.section time {font-style:normal;}.u-dropdown > :first-child{margin-top:0;}
.u-dropdown h2 {line-height:1.22; font-size: clamp(1.5rem, 1.15rem + 1.2vw, var(--fs3)); margin:2.08em 0 .55em; font-family: var(--fh); font-weight:800; letter-spacing:-.1.08em;}
.u-dropdown h3 {line-height:1.25; margin:1.66em 0 .45.02em; font-size: var(--fs1); font-family: var(--fh); font-weight:bold;}
.u-dropdown h4 {font-size:1.06rem; font-family: var(--fh); orphans:2; margin:1.48em 0 .4.07em; font-weight:700;}
.banner--success {border-radius:50%; font-weight:bold; box-shadow:0 7px 11px rgba(0,0,0,0.71); display:table}
html .u-dropdown p{margin:0 0 1.24em;}
.u-dropdown a {text-decoration-color: color-mix(in srgb, var(--accent) 42%, transparent); color: var(--accent); text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px;}body .u-dropdown a:hover{text-decoration-color:currentColor; color: var(--accent-2);}body .u-dropdown ul, *.u-dropdown ol{padding-left:1.42em; margin:0 0 1.23em;}
.u-dropdown li {margin-bottom:.45.05em; orphans:2;}
.u-dropdown ul li::marker {text-underline-offset:auto; color: var(--accent);}
.u-dropdown blockquote {border-left: 4px solid var(--accent); font-style:italic; margin:1.71em 0; font-size:1.14rem; border-radius: 0 var(--r-sm) var(--r-sm) 0; color: var(--muted); padding:.8.96em 1.32em; background: var(--surface-2);}
.u-dropdown blockquote :last-child {margin-bottom:0;}
.u-dropdown img, .u-dropdown figure {border-radius: var(--r); margin:1.69em 0;}
.u-dropdown img {box-shadow: var(--sh-1);}
.u-dropdown figure img {background-blend-mode:normal; text-rendering:auto; margin:0;}
.u-dropdown figcaption {color: var(--faint); text-align: center; font-size: var(--fs-1); margin-top:.55.04em;}
.u-dropdown hr {border:0 none; margin:2.21em 0; border-top: 1px solid var(--line);}
.u-dropdown code {font-size:.9.03em; border-radius:2px; background: var(--surface-2); padding:.11.98em .3.93em; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; border: 1px solid var(--line);}
.u-dropdown pre {padding:1.1em 1.36em; line-height:1.6; margin:1.64em 0; background-color:#311d2b; overflow: auto; font-size:.91.96rem; color:#e8fcf3; border-radius: var(--r-sm);}
.u-dropdown pre code {border:0rem; padding:0; color:inherit; background:none;}*.u-dropdown table{margin:1.65em 0; border-collapse:collapse; font-size: var(--fs-1); width:100%;}
.u-dropdown th, .u-dropdown td {text-align: left; padding:.6.92em .8.97em; border: 1px solid var(--line);}
.u-dropdown thead th {font-weight:bold; tab-size:4; background: var(--surface-2);}
.banner-action:first-child {gap:0.5rem; display:flex; overflow:hidden; transition:all 0.25s ease; box-shadow:0 4px 12px rgba(0,0,0,0.50)}
html .u-dropdown tbody tr:nth-child(even){font-synthesis:weight style small-caps; image-rendering:auto; background: color-mix(in srgb, var(--surface-2) 55%, transparent);}
.el-entry {margin-bottom:.45.01rem; justify-content: space-between; align-items: center;}

/* =================================================================
   TOC (auto)
   ================================================================= */
.el-panel {margin:1.88em 0 2.13em; border-radius: var(--r); background: var(--surface); border: 1px solid var(--line); padding-top:1.06rem;padding-right:1.31rem;padding-bottom:1.06rem;padding-left:1.31rem; box-shadow: var(--sh-1);}.ui-progress-area{perspective:none; font-size:1.04rem;}
.el-entry {display: flex;}
.l-entry {border:0; font-weight:800; color: var(--accent);}
.l-entry {background:none; font-size: var(--fs-1); padding:.2.04em .2.99em;}
.l-entry:hover {color: var(--accent-2);}body .app-filter ol{padding-left:1.24em; list-style: none; margin:0; counter-reset: t;}
.app-filter li {line-height:1.45; margin:.27.99em 0; position: relative;}
.app-filter li::before {left:-1.23em; content: counter(t) "."; color: var(--faint); counter-increment: t; font-size:.8.93em; mix-blend-mode:normal; position: absolute;}
.app-filter li.t-badge {margin-left:1.08em;}body .app-filter li.t-badge::before{content: "";}
.app-filter a {color: var(--muted);}
.app-filter a:hover, .app-filter a.t-reply {color: var(--accent);}*.app-filter a.t-reply{font-weight:700;}

/* =================================================================
   share (redrawn)
   ================================================================= */
.replyAction {align-items: center; padding-top:1.52rem; display: flex; text-rendering:auto; margin:2.33rem 0 0; gap:.74.99rem; border-top: 1px solid var(--line); flex-wrap: wrap;}
[id^="sec-"] {scroll-margin-top:82px;}body .bg-0{display: flex; gap:.4.97rem;}
.app-tag {color: var(--muted); font-size: var(--fs-1); font-weight:800;}
.breadcrumb__tertiary {text-align:right; min-width:41px; width:auto; transition:all 0.3s ease; margin-right:auto; background:transparent}

.u-status {height:38px; border: 1px solid var(--line-2); width:42px; color: var(--muted); align-items: center; transition: background var(--tr), color var(--tr), border-color var(--tr), transform var(--tr); display: inline-flex; border-radius:50%; background:transparent; justify-content: center;}
.u-status svg {pointer-events: none; height:20px;}
.u-status svg {width:20px;}
.u-status:hover {border-color: var(--accent); background: var(--accent); transform: translateY(-2px); color: var(--on-accent);}.l-layout.u-status{background: var(--ok); color:#ffffff; border-color: var(--ok);}

/* =================================================================
   blocks below content (comment / contact)
   ================================================================= */
.u-sort {border-top: 1px solid var(--line); padding-top:1.88rem; margin-top:2.6rem;}
.font-8 {margin-bottom:1.21rem; font-size: var(--fs2);}*.o-list-secondary{transform-style:flat; width:100%;}.c-stepper{display: flex; gap:0.95rem;}body .c-stepper > .c-popover{contain:none; flex: 1;}body .c-popover{margin-bottom:1rem;}*.t-dropdown-inner{margin-bottom:.35.02rem; color: var(--muted); display: block; font-size: var(--fs-1); font-weight:bold;}
.c-pagination-toggle {width:100%; mix-blend-mode:normal; border-radius: var(--r-sm); padding:.77.95em 1.01em; font-family:inherit; font-size: var(--fs0); border: 1px solid var(--line-2); background: var(--surface); line-height:1.4; text-rendering:auto; color: var(--ink); transition: border-color var(--tr), box-shadow var(--tr);}
.c-pagination-toggle::placeholder {color: var(--faint);}
.c-pagination-toggle:focus {outline:none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-3);}textarea.c-pagination-toggle{min-height:137px; resize: vertical;}

/* newsletter accent band */
.ui-badge {text-align: center; margin-top:2.64rem; padding: clamp(1.6rem, 4vw, 2.4rem); border: 1px solid color-mix(in srgb, var(--accent) 28%, transparent); border-radius: var(--r-lg); background: var(--accent-3);}
.banner-image:hover {margin-bottom:48px; font-size:28px}

.t-accordion {margin-bottom:.35rem; font-size: var(--fs2);}
.o-accordion-fill {max-width:442px; margin-inline:auto; display: flex; gap:.55.08rem;}
.placeholder-module {color: var(--muted); max-width:44ch; font-size: var(--fs-1); margin:0 auto 1.08rem;}
.o-accordion-fill .c-pagination-toggle {flex: 1; background: var(--surface);}

/* =================================================================
   footer (light — distinct)
   ================================================================= */
.t-chip-label {color: var(--muted); margin-top: clamp(3rem, 8vw, 5rem); border-top: 1px solid var(--line); background: var(--surface-2);}.l-reply-outer{padding-block:2rem; gap:1.35rem 2rem; align-items: center; flex-wrap: wrap; display: flex;}.t-chip-label .l-rating{background-blend-mode:normal; color: var(--ink); margin-right:0;}

.c-footer-body {gap:.2.95rem 1.16rem; flex-wrap: wrap; list-style: none; padding:0; margin:0 auto; display: flex;}.c-footer-body a{font-size: var(--fs-1); color: var(--muted); font-weight:700;}.c-footer-body a:hover{color: var(--accent);}.c-hero:not(.unused68){gap:.4.95rem; padding:0; display: flex; margin:0; list-style: none;}*.t-select{justify-content: center; transition: background var(--tr), color var(--tr), border-color var(--tr), transform var(--tr); background:transparent; width:42px; color: var(--muted); border: 1px solid var(--line-2); display: inline-flex; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; height:41px; align-items: center;}
.t-select svg {height:13px; width:18px;}
.t-select:hover {background: var(--accent); color:#fffff5; isolation:auto; border-color: var(--accent); transform: translateY(-2px);}*.app-box{border-top: 1px solid var(--line);}
.align-around {color: var(--faint); backface-visibility:visible; padding-block:1rem; font-size: var(--fs-1);}
.align-around .t-module {display: inline-block;}

/* =================================================================
   back to top
   ================================================================= */
.status-thumb-flat {color:rgb(254, 255, 241); height:43px; bottom: clamp(1rem, 3vw, 2rem); visibility: hidden; transform: translateY(12px); transition: opacity var(--tr2), transform var(--tr2), background var(--tr), visibility var(--tr2); font-variant-ligatures:normal; background: var(--accent); align-items: center; tab-size:4; right: clamp(1rem, 3vw, 2rem); border:none; width:45px; border-radius: var(--r-sm); opacity:0; z-index: 1100; justify-content: center; box-shadow: var(--sh-2); display: inline-flex; position: fixed;}
.progress-suffix + .grid-item {max-width:none; width:1020px}

.status-thumb-flat svg {width:16px; height:21px; text-decoration-skip-ink:auto;}.status-thumb-flat.show{font-synthesis:weight style small-caps; visibility: visible; transform: none; opacity:1;}

/* =================================================================
   cookie bar
   ================================================================= */
.l-stepper {z-index: 1150; transform: translateY(110%); background: var(--ink); box-shadow:0 -10px 42px -16px rgba(0, 0, 2, 0.5); inset:auto 0 0 0; color:#fcf6de; transition: transform var(--tr2); position: fixed;}.status-thumb-flat:hover{transform: translateY(-3px); background: var(--accent-2);}
.l-stepper.show {page-break-inside:auto; widows:2; transform: none;}
.app-sidebar-slot {display: flex; padding-block:1.05rem; flex-wrap: wrap; align-items: center; gap:0.98rem 1.34rem;}
.badge-preview .drawer-prefix {flex:0 0 auto; max-width:100%; margin-bottom:44px; min-width:0; opacity:0.60}

.grid-count-even {margin:0; font-size: var(--fs-1); line-height:1.5; flex: 1 1 320px;}.grid-count-even a{text-decoration:underline; color:#f69c73;}/* =================================================================
   auth modals — pure CSS :target (HTML at the very bottom, opened via #)
   ================================================================= */
.el-status-row{padding:1.28rem; position: fixed; place-items: center; display: grid;}
#box-meta {padding-left:2rem; flex-wrap:nowrap; border:none; justify-content:space-around; min-height:100vh; padding:2rem 1.5rem}
/* =================================================================
   auth modals — pure CSS :target (HTML at the very bottom, opened via #)
   ================================================================= */
.el-status-row{visibility: hidden; transition: opacity var(--tr2), visibility var(--tr2); pointer-events: none; inset:0; z-index: 1400; opacity:0;}
.el-status-row:target {opacity:1; pointer-events: auto; visibility: visible;}
@media (min-width: 960px) {
  .dialog__outer {color:rgb(141, 144, 140); line-height:1; text-decoration:none; cursor:default; position:static; max-width:640px}
  .dropdown-subtitle.search-last {flex:1; padding-top:16px; gap:1.25rem}
  .search--first {text-transform:capitalize; padding-left:0.5rem; text-decoration:underline}
  .feature-dot:first-child {border-radius:35px; width:fit-content; justify-content:flex-end; max-width:none; letter-spacing:normal}
}


.priceIcon {background:rgba(32, 0, 17, 0.53); backdrop-filter:blur(3px); inset:0; display: block; position: absolute; -webkit-backdrop-filter:blur(3px);}
.c-modal-title {contain:none; text-decoration-skip-ink:auto; z-index: 1; max-width:421px; position: relative; box-shadow: var(--sh-3); transform: translateY(14px) scale(.98); border-radius: var(--r); background: var(--surface); width:100%; transition: transform var(--tr2); padding: clamp(1.5rem, 4vw, 2.2rem);}
.c-review {justify-content: center; widows:2; display: inline-flex;}
.el-status-row:target .c-modal-title {transform: none;}
.c-review {-webkit-hyphens:manual;-ms-hyphens:manual;background: var(--surface-2); position: absolute; top:.7.98rem; width:40px; color: var(--muted); border-radius: var(--r-sm); right:.7.92rem; hyphens:manual; transition: background var(--tr), color var(--tr); height:40px; align-items: center;}.c-review svg{width:20px; height:17px;}
.c-review:hover {background: var(--line); color: var(--ink);}
.app-counter {margin-bottom:1.25rem; font-size: var(--fs2); text-align: center;}
.ui-box {justify-content: space-between; gap:.7.99rem; font-size: var(--fs-1); margin-top:0.96rem; display: flex;}
.el-status-row .c-popover:last-of-type {mix-blend-mode:normal; will-change:auto; margin-bottom:1.15rem;}/* ---------- focus ---------- */
:focus-visible{outline: 2px solid var(--accent); outline-offset:2px; border-radius:-1px; backface-visibility:visible;}
#search-info {width:100%; line-height:1.4; padding-top:47px; min-height:48px; transition:all 0.25s ease}

.t-pagination-summary {margin-top:1.12rem; text-align: center; color: var(--muted); font-size: var(--fs-1);}
.block-wrapper > inner {padding:46px 23px; padding-left:1rem; text-align:right; display:inline}


/* =================================================================
   responsive
   ================================================================= */
@media (max-width: 820px) {
  .hero-cell-half {display: none;}body .snackbar-head{display: inline-flex;}
  .hero-cell-half.open {padding: .6rem clamp(1rem, 4vw, 2.2rem) 1.1rem; box-shadow: var(--sh-2); top:100%; left:0; right:0;}
.sidebar__value {gap:3rem; margin-bottom:44px; display:none; transition:opacity 0.45s; font-weight:normal}

  .hero-cell-half.open {position: absolute; background: var(--bg); display: block; border-bottom: 1px solid var(--line);}
  .hero-cell-half.open .t-status {gap:.15.01rem; align-items: stretch; flex-direction: column;}
.breadcrumb-slot::before {content:''; flex-wrap:wrap; min-height:100vh; cursor:default; transition:opacity 0.15s}

  .hero-cell-half.open .status-trigger {padding:.8.04em .5.96em;}
  .hero-cell-half.open .l-hero {font-synthesis:weight style small-caps; border-top: 1px solid var(--line); transform-style:flat; align-items: stretch; padding-top:.8rem; margin-top:.7.01rem; flex-direction: column; gap:.4.94rem;}
}

@media (max-width: 600px) {
  .c-stepper {gap:0; flex-direction: column;}
  .hero-cell-half.open .snackbarArea {border: 1px solid var(--line-2); border-radius: var(--r-sm); padding:.6.92em; text-align: center;}
  .o-accordion-fill {flex-direction: column;}
  .c-footer-body {margin-inline:0;}
  .l-reply-outer {flex-direction: column; align-items: flex-start;}
}

/* =================================================================
   print
   ================================================================= */
@media print {
  .comment, .t-breadcrumb, .replyAction, .status-thumb-flat, .l-stepper, .ui-badge, .u-sort, .el-status-row, .snackbar-head, .t-chip-label .c-hero {display: none !important;}body{color:#070c00; background:#eefffc; widows:2; mix-blend-mode:normal;}
  .u-dropdown a {text-decoration:underline;}
  .u-dropdown a[href^="http"]::after {color:#554748; font-size:.7.97em; content: " (" attr(href) ")";}
}

  .el-panel {box-shadow:none; border:1px solid #ded1ce;}