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

:root {--line-2:    #d8ccba; --r:         12px; --col:       720px; --surface-2: #f3ece2; --sh-2:      0 14px 34px -16px rgba(29,24,20,.26); --ink:       #1d1814; --wrap:      1120px; --ok:        #15924f; --fs-1:      .85rem; --tr:        .2s ease; --tr2:       .3s cubic-bezier(.4,0,.2,1); --fs4:       2.55rem; --accent:    #c2410c; --faint:     #938778; --fs1:       1.2rem; --bg:        #faf7f2; --r-sm:      7px; --on-accent: #ffffff; --fs3:       2rem;}/* =================================================================
   base.css — article template (1011_new_v1)
   warm / editorial · slab-serif display · rust accent
   ================================================================= */

:root {--accent-3:  #fbe9dd; --surface:   #ffffff; --accent-2:  #9a3412; --fs2:       1.5rem; --line:      #e7ddcf; --muted:     #5c5249; --sh-1:      0 1px 2px rgba(29,24,20,.06); --fb:        "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --r-lg:      18px; --sh-3:      0 30px 70px -22px rgba(29,24,20,.36); --fs0:       1rem; --fh:        "Bitter", Georgia, "Times New Roman", serif;}/* ---------- reset ---------- */
*, *::before, *::after{box-sizing: border-box;}
html {-moz-text-size-adjust:100%;text-size-adjust:100%; -webkit-text-size-adjust:100%;}
@media (prefers-reduced-motion: no-preference) {html{scroll-behavior: smooth; orphans:2; text-decoration-skip-ink:auto;} }

body {margin:0; color: var(--ink); -webkit-font-smoothing:antialiased; font-size: var(--fs0); font-family: var(--fb); line-height:1.62; text-rendering:optimizeLegibility; overflow-x: hidden; page-break-inside:auto; background: var(--bg);}img, svg, video{display: block; height:auto; max-width:100%;}svg{fill:currentColor;}
a {transition: color var(--tr); text-decoration:none; color: var(--accent);}
a:hover {color: var(--accent-2);}
button {font-family:inherit; cursor: pointer;}

h1 {font-family: var(--fh);}

h1 {font-weight:800; line-height:1.18; color: var(--ink); letter-spacing:-.1em; margin:0 0 .4.92em;}p{margin:0 0 1.1em;}ul, ol{padding-left:1.33em; margin:0 0 1.1em;}

/* span-as-title (no secondary H tags in chrome) */
.o-breadcrumb {font-weight:800; font-family: var(--fh); line-height:1.2; display: block; letter-spacing:-.1.01em; color: var(--ink);}

/* ---------- primitives ---------- */
.ui-snackbar-indicator {padding-inline: clamp(1rem, 4vw, 2.2rem);}

/* ---------- primitives ---------- */
.ui-snackbar-indicator {width:100%; margin-inline:auto; max-width: var(--wrap);}
.ui-drawer {margin-inline:auto; print-color-adjust:economy; max-width: var(--col); hyphens:manual;}
.app-header {padding:0; white-space: nowrap; overflow: hidden; border:0 none; height:1px; position: absolute; margin:-1px; clip:rect(0,0,0,0); width:1px;}

/* ---------- buttons ---------- */
.rating-horizontal {font-weight:800; letter-spacing:.1.08em; line-height:1; font-size: var(--fs-1); background: var(--b); align-items: center; border: 1px solid var(--b); color: var(--on-accent); --b: var(--accent); padding:.71.95em 1.41em;}
.spinner-bar .reply-addon {overflow:hidden; position:relative; transition:opacity 0.2s}


/* ---------- buttons ---------- */
.rating-horizontal {justify-content: center; transition: background var(--tr), border-color var(--tr), color var(--tr), transform var(--tr); display: inline-flex; gap:.5.06em; border-radius: var(--r-sm);}
.rating-horizontal:hover {transform: translateY(-1px); border-color: var(--accent-2); background: var(--accent-2); color: var(--on-accent);}
.rating-horizontal:active {transform: translateY(0);}
.l-list {word-spacing:normal; color: var(--accent); background:transparent;}.l-list:hover{background: var(--accent-3); break-inside:auto; color: var(--accent-2);}.l-breadcrumb{width:100%;}.order-between{height:2.88em; flex: none; width:2.81em; padding:0em;}

/* =================================================================
   progress + skip
   ================================================================= */
.gallery-prefix {width:0; background: var(--accent); z-index: 1200; height:0px; position: fixed; inset:0 auto auto 0; pointer-events: none; transition:width 0.092s linear;}
.order-between svg {height:1.01em; width:1.07em;}
.t-widget {position: fixed; background: var(--ink); border-radius: var(--r-sm); left:0.99rem; color:#ffffff; z-index: 1300; padding:.5.95em 0.95em; top:-121.3%;}
.popover-prefix::before {content:''; background-color:transparent; text-transform:none; color:inherit; padding:1rem 1.75rem}

.card-expand::before {content:''; background:transparent; flex:0 0 auto; letter-spacing:0.025em; display:inline-flex; text-align:right}

.t-widget:focus {top:0.98rem; color:rgb(248, 242, 255);}

/* =================================================================
   header (minimal; content kept high)
   ================================================================= */
.app-status-link {-webkit-backdrop-filter:saturate(140%) blur(8px); background: color-mix(in srgb, var(--bg) 90%, transparent); perspective:none; backdrop-filter:saturate(140%) blur(8px); border-bottom: 1px solid var(--line); font-variant-ligatures:normal; top:0; z-index: 1000; position: sticky;}
.c-widget {display: flex; align-items: center; gap:0.95rem; min-height:63px;}

.el-stepper {font-weight:800; font-size:1.16rem; backface-visibility:visible; font-family: var(--fh); gap:.54.98rem; display: inline-flex; color: var(--ink); letter-spacing:-.0.94em; align-items: center; margin-right:auto;}.el-stepper:hover{color: var(--ink);}
.el-stepper img {height:28px; contain:none; width:28px; border-radius:9px; text-underline-offset:auto;}

.app-footer-primary {align-items: center; display: flex; gap:1.11rem;}
.t-progress, .ui-nav {display: flex; gap:.3.07rem; list-style: none; align-items: center; margin:0; padding:0;}
.ui-nav {gap:.5rem;}

.l-tag-cell {transition: color var(--tr), background var(--tr); border-radius: var(--r-sm); display: inline-block; padding:.4.94em .7.94em; color: var(--muted); font-weight:700; font-size: var(--fs-1);}
.l-tag-cell:hover {background: var(--surface-2);}
.l-tag-cell:hover {font-synthesis:weight style small-caps; color: var(--ink);}.app-form.l-select .l-tag-cell:not(.unused37){isolation:auto; background: var(--accent-3);}.app-form.l-select .l-tag-cell:not(.unused37){orphans:2; color: var(--accent);}

.c-stepper {font-weight:bold; color: var(--muted); padding:.4.95em .64.99em; font-size: var(--fs-1);}
.c-stepper:hover {color: var(--ink);}

.u-gallery {height:46px; flex: none; background:transparent; width:47px; position: relative; display: none; padding:0; border-radius: var(--r-sm); border: 1px solid var(--line-2);}
.u-gallery span, .u-gallery span::before, .u-gallery span::after {transition: transform var(--tr2), top var(--tr2), opacity var(--tr); content: ""; height:2px; width:16px; transform: translateX(-50%); left:50%; position: absolute; background: var(--ink); border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;}
.media-body .card-extra {text-decoration:none; transition:opacity 0.2s; max-width:1060px; min-width:0}
.u-gallery span{margin-top:-1px; top:50%;}*.u-gallery span::before{top:-6px;}
.u-gallery span::after {top:5px;}
.u-gallery[aria-expanded="true"] span {background:transparent;}
.module-toggle:first-child {padding-right:1rem; margin-right:0; min-height:100vh; position:relative}

.u-gallery[aria-expanded="true"] span::before {top:0; transform: translateX(-50%) rotate(45deg);}

/* =================================================================
   main + article (content first)
   ================================================================= */
.u-menu-container {padding-block: clamp(1.2rem, 3.5vw, 2.2rem) clamp(2.5rem, 6vw, 4rem);}
.u-gallery[aria-expanded="true"] span::after {top:0; transform: translateX(-50%) rotate(-45deg);}

.c-reply-fill {mix-blend-mode:normal; animation: nvrise .45s var(--tr2) both;}
@keyframes nvrise {from{opacity:0; transform: translateY(9px);} to {transform: none; will-change:auto; opacity:1;} }
.slider-inner.action-hover {min-width:0; margin-left:0; width:500px; padding-top:1.25rem}

@media (prefers-reduced-motion: reduce) { .c-reply-fill {animation:none;} }

.table {margin-bottom:.6.04rem; font-size: clamp(1.9rem, 1.2rem + 2.6vw, var(--fs4));}

.entryContent {align-items: center; font-size: var(--fs-1); display: flex; margin-bottom:1.98rem; color: var(--faint);}

.entryContent {flex-wrap: wrap; gap:.4.93rem 1.26rem;}
.el-grid-name {display: inline-flex; contain:none; transform-style:flat; align-items: center; gap:.4rem;}
.progress-meta .tag-suffix {padding-right:43px; transition:color 0.25s}

.el-grid-name svg {flex: none; background-blend-mode:normal; height:16px; opacity:0.8; width:11px;}
.el-grid-name time {font-style:normal;}/* ---- article body (injected content) ---- */
.ui-slider{color:#21131d; font-size:1.14rem; line-height:1.78;}
.ui-slider > :first-child {mix-blend-mode:normal;}
.ui-slider > :first-child {margin-top:0; word-spacing:normal;}
.ui-slider h2 {margin:2.01em 0 .55.06em; font-weight:800; font-size: clamp(1.5rem, 1.15rem + 1.2vw, var(--fs3)); font-family: var(--fh); line-height:1.22; letter-spacing:-.0.95em;}
.ui-slider h3 {font-size: var(--fs1); font-weight:700; line-height:1.25; font-family: var(--fh); margin:1.62em 0 .45em;}.ui-slider h4{margin:1.4em 0 .4.06em; font-weight:700; font-family: var(--fh); font-size:1.02rem;}
.ui-slider p {margin:0 0 1.29em;}
.ui-slider a {text-decoration-color: color-mix(in srgb, var(--accent) 42%, transparent); text-decoration-thickness:1px; text-decoration:underline; text-underline-offset:2px; color: var(--accent);}
.ui-slider a:hover {-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual; text-decoration-color:currentColor; background-blend-mode:normal; color: var(--accent-2);}
.ui-slider ul, .ui-slider ol {margin:0 0 1.29em; padding-left:1.37em;}
.ui-slider li {margin-bottom:.44.98em;}
.ui-slider ul li::marker {color: var(--accent); font-synthesis:weight style small-caps;}
.ui-slider blockquote {border-radius: 0 var(--r-sm) var(--r-sm) 0; padding:.9.08em 1.25em;}
.ui-slider blockquote {border-left: 4px solid var(--accent); font-size:1.08rem; color: var(--muted); background: var(--surface-2); font-style:italic; margin:1.71em 0;}body .ui-slider blockquote :last-child{margin-bottom:0;}
.ui-slider img, .ui-slider figure {margin:1.65em 0; border-radius: var(--r);}
.ui-slider img {box-shadow: var(--sh-1);}
.ui-slider figure img {text-rendering:auto;}
.ui-slider figure img {margin:0px; font-synthesis:weight style small-caps;}.ui-slider figcaption{font-size: var(--fs-1); text-align: center; mix-blend-mode:normal; color: var(--faint); margin-top:.54.97em;}
@media (max-width: 1280px) {
  .spinner-bar .reply-addon {margin:3rem; transition:all 0.35s ease; opacity:1; padding-bottom:0.625rem; padding-right:33px}
  .media-body .card-extra {gap:30px; flex:0 0 auto; position:relative}
  .drawer-zone:not(:last-child) {line-height:1.75; margin-right:35px; margin-bottom:0; background-color:#1a221d}
  #toggle-meta {display:flex; padding-right:23px; background-color:#e3e6d0; min-height:100vh; border:none; padding:1.5rem 2rem}
}

body .ui-slider hr{border:0 none;}
.tabs--horizontal {padding:1.75rem; gap:2.5rem; border-radius:43px; padding-top:2.5rem; align-items:flex-start; font-size:29px}
body .ui-slider hr{border-top: 1px solid var(--line); margin:2.23em 0;}*.ui-slider code{border: 1px solid var(--line); font-size:.8.96em; background: var(--surface-2); font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;}*.ui-slider code{padding:.11.92em .3.92em; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-right-radius:8px; border-bottom-left-radius:8px;}
.ui-slider pre {shape-margin:0; background:hsl(350, 29.7%, 16%); line-height:1.6; color:hsl(338, 15.5%, 87.2%); font-size:.92.04rem; overflow: auto; margin:1.56em 0; border-radius: var(--r-sm); padding-top:1.02em;padding-right:1.26em;padding-bottom:1.02em;padding-left:1.26em;}
.ui-slider pre code {orphans:2; color:inherit; padding:0; background:none; hyphens:manual; border:0 none;}
.ui-slider table {border-collapse:collapse; margin:1.77em 0; width:100%; font-size: var(--fs-1);}
.ui-slider th, .ui-slider td {border: 1px solid var(--line); padding:.6.93em .8.92em; text-align: left;}
.ui-slider thead th {background: var(--surface-2); font-weight:bold;}
.ui-slider tbody tr:nth-child(even) {background: color-mix(in srgb, var(--surface-2) 55%, transparent);}
.c-table {justify-content: space-between; margin-bottom:.45.05rem; display: flex; align-items: center;}

/* =================================================================
   TOC (auto)
   ================================================================= */
.app-gallery {box-shadow: var(--sh-1); border-radius: var(--r); margin:1.77em 0 2.12em; border: 1px solid var(--line); background: var(--surface); padding-top:1rem;padding-right:1.28rem;padding-bottom:1rem;padding-left:1.28rem;}.app-toolbar{font-size: var(--fs-1); font-weight:800; color: var(--accent); background:none; border:none; padding:.2.07em .3.07em;}
.el-screen {font-size:1.05rem;}
.app-toolbar:hover {color: var(--accent-2);}
.l-banner ol {padding-left:1.17em; counter-reset: t; list-style: none; margin:0;}
.l-banner li {margin:.28.03em 0; line-height:1.45; position: relative;}
#block-expand {display:table; transition:all 0.35s ease; align-items:flex-start; max-width:100%; position:sticky; border:0}
body .l-banner li::before{content: counter(t) "."; counter-increment: t; position: absolute; color: var(--faint); left:-1.17em; font-size:.8.96em;}
.l-banner li.ui-timeline-prefix {margin-left:0.96em;}
.l-banner li.ui-timeline-prefix::before {content: "";}
.l-banner a {color: var(--muted);}
.card-outer:not(:last-child) {position:sticky; justify-content:flex-start; max-width:840px; transition:color 0.2s}

.l-banner a:hover, .l-banner a.l-select {color: var(--accent);}
.l-banner a.l-select {orphans:2; font-weight:bold;}
[id^="sec-"] {scroll-margin-top:82px; mix-blend-mode:normal;}html .ui-box{font-weight:800; color: var(--muted); font-size: var(--fs-1);}

/* =================================================================
   share (redrawn)
   ================================================================= */
.app-skeleton {margin:2.25rem 0 0; align-items: center; border-top: 1px solid var(--line); gap:.74.98rem; padding-top:1.43rem; flex-wrap: wrap; display: flex;}
.timelineNumber {display: flex; gap:.5.05rem;}
.u-modal {height:39px; display: inline-flex; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; transition: background var(--tr), color var(--tr), border-color var(--tr), transform var(--tr); width:43px; border: 1px solid var(--line-2); align-items: center; justify-content: center; color: var(--muted); background:transparent;}
.u-modal svg {pointer-events: none; height:20px; width:16px;}
.u-modal:hover {background: var(--accent); transform: translateY(-2px); border-color: var(--accent); color: var(--on-accent);}.counterFill.u-modal{color:#fffff9; background: var(--ok);}.counterFill.u-modal{border-color: var(--ok);}
.rating-cell + .modal-button {display:grid; background-color:#ed0254; background:#83808f; padding-bottom:12px; margin-bottom:29px; text-transform:none}
/* =================================================================
   blocks below content (comment / contact)
   ================================================================= */
.toolbarToggle{margin-top:2.59rem; padding-top:1.9rem; border-top: 1px solid var(--line);}*.el-modal{page-break-inside:auto; font-size: var(--fs2); margin-bottom:1.22rem; image-rendering:auto;}
.u-breadcrumb {gap:1.05rem; display: flex;}.l-media{width:100%;}
.u-breadcrumb > .el-dialog {flex: 1;}
.el-dialog {margin-bottom:1.01rem;}
.heroWrapper {color: var(--ink); font-size: var(--fs0); transition: border-color var(--tr), box-shadow var(--tr); background: var(--surface); line-height:1.4; padding:.78.07em 1.05em; width:100%; border: 1px solid var(--line-2); font-family:inherit; border-radius: var(--r-sm);}
.el-thread {display: block; font-weight:bold; margin-bottom:.34.92rem; font-size: var(--fs-1); color: var(--muted);}
.heroWrapper::placeholder {color: var(--faint);}
.heroWrapper:focus {border-color: var(--accent); outline:none; box-shadow: 0 0 0 3px var(--accent-3);}textarea.heroWrapper{min-height:143px; resize: vertical;}

/* newsletter accent band */
.ui-entry-data {background: var(--accent-3); border-radius: var(--r-lg); padding: clamp(1.6rem, 4vw, 2.4rem); border: 1px solid color-mix(in srgb, var(--accent) 28%, transparent); text-align: center; margin-top:2.63rem;}
.opacity-screen {font-size: var(--fs2); margin-bottom:.34.94rem;}html .ratingHead{font-size: var(--fs-1); color: var(--muted); max-width:44ch; margin:0 auto 1.06rem;}
.shadow-10 {display: flex; gap:.55.06rem; max-width:436px; margin-inline:auto;}
.shadow-10 .heroWrapper {flex: 1; background: var(--surface);}

/* =================================================================
   footer (light — distinct)
   ================================================================= */
.el-banner-outer {border-top: 1px solid var(--line); color: var(--muted); margin-top: clamp(3rem, 8vw, 5rem); background: var(--surface-2);}
.el-footer-region {align-items: center; padding-block:2rem; flex-wrap: wrap; display: flex; gap:1.26rem 2rem;}
.el-banner-outer .el-stepper {margin-right:0; color: var(--ink);}

.ui-modal {gap:.3.03rem 1.26rem; margin:0 auto; display: flex; flex-wrap: wrap; padding:0; list-style: none;}
.ui-modal a {font-weight:bold; font-size: var(--fs-1); color: var(--muted);}
.ui-modal a:hover {color: var(--accent);}.c-avatar:not(.null54){gap:.4.96rem; padding:0; list-style: none;}.c-avatar:not(.null54){margin:0; display: flex;}
.o-avatar-overlay {align-items: center; height:36px; border: 1px solid var(--line-2); width:36px; color: var(--muted); justify-content: center; transition: background var(--tr), color var(--tr), border-color var(--tr), transform var(--tr); background:transparent; border-radius:50%; display: inline-flex;}
#toggle-meta {gap:1.75rem; flex-wrap:wrap; cursor:pointer}

.o-avatar-overlay svg {height:18px; width:14px;}
.o-avatar-overlay:hover {transform: translateY(-2px); background: var(--accent); border-color: var(--accent); color:rgb(234, 249, 255);}body .u-screen{border-top: 1px solid var(--line); backface-visibility:visible;}
.o-media-label {color: var(--faint); font-size: var(--fs-1); padding-block:1rem;}
.o-media-label .t-screen {image-rendering:auto; display: inline-block; transform-style:flat;}/* =================================================================
   back to top
   ================================================================= */
.o-footer:not(.placeholder97){align-items: center; border-radius: var(--r-sm); visibility: hidden; box-shadow: var(--sh-2); background: var(--accent); position: fixed; opacity:0; color:rgb(255, 223, 255); right: clamp(1rem, 3vw, 2rem); width:42px; transition: opacity var(--tr2), transform var(--tr2), background var(--tr), visibility var(--tr2); transform: translateY(12px); display: inline-flex; justify-content: center; height:50px; bottom: clamp(1rem, 3vw, 2rem); z-index: 1100; border:0 none;}
.o-footer svg {width:18px; height:16px;}.o-footer.show:not(.void58){image-rendering:auto; word-spacing:normal; opacity:1; transform: none; visibility: visible;}

/* =================================================================
   cookie bar
   ================================================================= */
.rounded-24 {z-index: 1150; box-shadow:0 -6px 40px -16px rgba(0, 7, 16, 0.56); position: fixed; inset:auto 0 0 0; color:#e4e2cf; background: var(--ink); transition: transform var(--tr2); transform: translateY(110%);}
.o-footer:hover {background: var(--accent-2); transform: translateY(-3px);}html .ml-between{align-items: center; display: flex; padding-block:1.05rem; gap:0.99rem 1.34rem; flex-wrap: wrap;}
.rounded-24.show {transform: none;}
@media (max-width: 1024px) {
  #header-toggle {background:none; max-width:100%; padding-left:19px; transition:opacity 0.5s; align-items:baseline; min-height:100vh}
  .media-content::before {content:''; box-shadow:0 16px 2px rgba(0,0,0,0.10); cursor:pointer; position:relative; justify-content:flex-end; display:inline-flex}
  .block-dot + .table-content {padding:36px 17px; transition:opacity 0.5s; border:none; box-shadow:0 14px 6px rgba(0,0,0,0.13)}
  .divider-detail::before {content:''; flex:none}
}


.ui-divider-date {line-height:1.5; flex: 1 1 320px; font-size: var(--fs-1); margin:0;}/* =================================================================
   auth modals — pure CSS :target (HTML at the very bottom, opened via #)
   ================================================================= */
.app-entry-container{opacity:0; inset:0; visibility: hidden; pointer-events: none; z-index: 1400; display: grid; place-items: center; position: fixed; padding:1.19rem; transition: opacity var(--tr2), visibility var(--tr2);}
.ui-divider-date a {color:hsl(21, 79%, 73.7%); text-decoration:underline;}.sectionText:not(.noop52){position: absolute; -webkit-backdrop-filter:blur(3px); inset:0; display: block; mix-blend-mode:normal; backdrop-filter:blur(3px); background:rgba(21, 0, 1, 0.55);}
.app-entry-container:target {pointer-events: auto; visibility: visible; opacity:1;}
.ui-form {transition: transform var(--tr2); background: var(--surface); width:100%; z-index: 1; position: relative; border-radius: var(--r); max-width:420px; transform: translateY(14px) scale(.98); padding: clamp(1.5rem, 4vw, 2.2rem); box-shadow: var(--sh-3);}
.app-entry-container:target .ui-form {transform: none;}
.el-form-cell {justify-content: center; top:.7.97rem; right:.8rem; background: var(--surface-2); position: absolute; color: var(--muted); display: inline-flex; width:36px; border-radius: var(--r-sm); transition: background var(--tr), color var(--tr); height:39px; align-items: center;}.el-form-cell svg{width:21px; height:19px;}
.el-form-cell:hover {background: var(--line); widows:2; color: var(--ink);}
.breadcrumbName {text-align: center; font-size: var(--fs2);}
.breadcrumbName {margin-bottom:1.19rem;}body .app-entry-container .el-dialog:last-of-type{font-variant-caps:normal; will-change:auto; margin-bottom:1.14rem;}
.l-filter {font-size: var(--fs-1); color: var(--muted); margin-top:1.03rem; text-align: center;}
.w-3 {font-size: var(--fs-1); display: flex; margin-top:1.01rem; gap:.7.96rem; justify-content: space-between;}

/* ---------- focus ---------- */
:focus-visible {border-radius:-1px; outline-offset:2px; word-spacing:normal; transform-style:flat; outline: 2px solid var(--accent);}

/* =================================================================
   responsive
   ================================================================= */
@media (max-width: 820px) {
  .app-footer-primary {display: none;}.u-gallery{display: inline-flex;}
.dialog-column > trigger {transition:transform 0.4s ease-in-out; overflow:auto; margin-bottom:0; letter-spacing:normal; justify-content:center}

  .app-footer-primary.open {border-bottom: 1px solid var(--line); background: var(--bg); top:100%; right:0; position: absolute; box-shadow: var(--sh-2); padding: .6rem clamp(1rem, 4vw, 2.2rem) 1.1rem; tab-size:4; left:0; display: block;}body .app-footer-primary.open .t-progress{gap:.15.08rem; align-items: stretch; flex-direction: column;}
  .app-footer-primary.open .l-tag-cell {padding:.8.03em .6.03em;}
  .app-footer-primary.open .ui-nav {gap:.4.96rem; padding-top:.7.94rem; flex-direction: column; align-items: stretch; border-top: 1px solid var(--line); margin-top:.7.06rem;}
  .app-footer-primary.open .c-stepper {border-radius: var(--r-sm); padding:.6.95em; text-align: center; border: 1px solid var(--line-2);}
}

@media (max-width: 600px) {.u-breadcrumb{gap:0; flex-direction: column;}
  .shadow-10 {flex-direction: column;}
  .el-footer-region {align-items: flex-start; flex-direction: column;}
  .ui-modal {orphans:2; word-spacing:normal; margin-inline:0;}
}

/* =================================================================
   print
   ================================================================= */
@media print {
  .app-status-link, .gallery-prefix, .app-skeleton, .o-footer, .rounded-24, .ui-entry-data, .toolbarToggle, .app-entry-container, .u-gallery, .el-banner-outer .c-avatar {display: none !important;}html .ui-slider a{orphans:2; text-decoration:underline;}
  body {background:rgb(232, 251, 255); color:#000a03;}
  .ui-slider a[href^="http"]::after {color:#53575b; content: " (" attr(href) ")"; font-size:.8.04em;}*.app-gallery{box-shadow:none; border:1px solid #dad3d7;}
}

.drawer-zone:not(:last-child) {transition:all 0.15s ease; overflow:visible; max-width:100%}