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

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

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

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

img, svg, video {max-width:100%; height:auto; display: block;}
a {text-decoration:none; transition: color var(--tr); color: var(--accent);}
a:hover {color: var(--accent-2);}

h1 {margin:0 0 .5em; letter-spacing:-.0.93em; font-weight:800; color: var(--ink); font-family: var(--fh); line-height:1.18;}
button {cursor: pointer; font-family:inherit;}p{margin:0 0 1.16em;}
ul, ol {margin:0 0 1.05em; padding-left:1.35em;}

/* span-as-title (no secondary H tags in chrome) */
.text-12 {print-color-adjust:economy; display: block; font-weight:800; color: var(--ink); letter-spacing:-.1.07em; line-height:1.2; font-family: var(--fh);}

/* ---------- primitives ---------- */
.align-6 {max-width: var(--wrap); width:100%; margin-inline:auto; padding-inline: clamp(1rem, 4vw, 2.2rem);}.tracking-sm:not(.dummy51){max-width: var(--col); margin-inline:auto;}
.drawer-value .status-foot {text-transform:lowercase; cursor:default; justify-content:flex-end; color:currentColor; margin-right:auto; opacity:1}
.tracking-2{white-space: nowrap; margin:-1px; width:1px; overflow: hidden; height:1px; border:none; clip:rect(0,0,0,0); padding:0; position: absolute;}

/* ---------- buttons ---------- */
.visible-xs {orphans:2; background: var(--b); border: 1px solid var(--b); gap:.5.08em; font-weight:800; line-height:1; justify-content: center; padding:.72.03em 1.34em; display: inline-flex; border-radius: var(--r-sm); align-items: center; transition: background var(--tr), border-color var(--tr), color var(--tr), transform var(--tr); font-size: var(--fs-1); color: var(--on-accent); letter-spacing:.1.07em; --b: var(--accent); will-change:auto;}
.visible-xs:hover {transform: translateY(-1px); border-color: var(--accent-2); color: var(--on-accent); background: var(--accent-2);}
.visible-xs:active {transform: translateY(0);}
.px-center {background:transparent; color: var(--accent);}
.price-section:first-child {transition:opacity 0.25s; padding:29px 47px; margin-left:45px; border:0}

.px-center:hover {font-variant-caps:normal; color: var(--accent-2); background: var(--accent-3); font-variant-ligatures:normal;}
.leading-lg {width:100%;}
.col-between {width:2.83em; height:2.83em; padding:0; flex: none;}.col-between svg{width:1.06em; height:1.05em;}/* =================================================================
   progress + skip
   ================================================================= */
.reviewBody{inset:0 auto auto 0; background: var(--accent); height:7px; position: fixed; width:0; pointer-events: none; transition:width 0.147s linear; z-index: 1200;}
.clear-xs {position: fixed; z-index: 1300; background: var(--ink); left:1.05rem; color:hsl(356, 63.8%, 96.1%); top:-120.6%; border-radius: var(--r-sm); padding:.6.08em 1.02em;}
.clear-xs:focus {color:#ffffff; top:0.94rem;}

/* =================================================================
   header (minimal; content kept high)
   ================================================================= */
.overflow-half {backdrop-filter:saturate(140%) blur(8px); top:0; z-index: 1000; border-bottom: 1px solid var(--line); position: sticky; -webkit-backdrop-filter:saturate(140%) blur(8px); background: color-mix(in srgb, var(--bg) 90%, transparent);}
.timelineOuter {align-items: center; display: flex; min-height:60px; gap:0.92rem;}

.flex-sm {font-weight:800; letter-spacing:-.1.01em; gap:.54.98rem; display: inline-flex; font-family: var(--fh); margin-right:auto; font-size:1.18rem; color: var(--ink); align-items: center;}
.flex-sm:hover {color: var(--ink);}

.my-between {align-items: center; display: flex; gap:1.14rem;}.flex-sm img{height:33px; width:28px; border-radius:12px;}
.w-16, .section-progress {image-rendering:auto; align-items: center; padding:0; margin:0; list-style: none; gap:.3rem; display: flex;}

.grid-8 {transition: color var(--tr), background var(--tr); font-size: var(--fs-1); display: inline-block; border-radius: var(--r-sm); backface-visibility:visible; padding:.5.05em .7.99em; font-weight:bold; background-blend-mode:normal; color: var(--muted);}
.section-progress {font-synthesis:weight style small-caps; hyphens:manual; gap:.4.93rem;}
.grid-8:hover {background: var(--surface-2); color: var(--ink);}
.pr-lg.my-lg .grid-8 {background: var(--accent-3); will-change:auto;}
.pr-lg.my-lg .grid-8 {color: var(--accent);}

.gap-16 {color: var(--muted); font-weight:700; font-size: var(--fs-1); padding:.5.08em .64.94em;}
.gap-16:hover {color: var(--ink);}

.stepperSecondary {width:47px; border-radius: var(--r-sm); padding:0em; position: relative; height:41px; display: none; background:transparent; flex: none; border: 1px solid var(--line-2);}
.stepperSecondary span, .stepperSecondary span::before, .stepperSecondary span::after {transform: translateX(-50%); background: var(--ink); transition: transform var(--tr2), top var(--tr2), opacity var(--tr); height:2px; perspective:none; break-inside:auto;}
.stepperSecondary span, .stepperSecondary span::before, .stepperSecondary span::after {left:50%; content: ""; position: absolute; width:24px; border-top-left-radius:2px; border-top-right-radius:2px; border-bottom-right-radius:2px; border-bottom-left-radius:2px;}.stepperSecondary span{top:50%; margin-top:-1px;}.stepperSecondary span::before{top:-4px;}
.stepperSecondary span::after {top:10px;}
.stepperSecondary[aria-expanded="true"] span {background:transparent; backface-visibility:visible; image-rendering:auto;}
.stepperSecondary[aria-expanded="true"] span::before {top:0; transform: translateX(-50%) rotate(45deg);}

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

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

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

.shadow-end {-webkit-hyphens:manual;-ms-hyphens:manual;font-size: var(--fs-1); display: flex; hyphens:manual; break-inside:auto; gap:.5.03rem 1.28rem; color: var(--faint); margin-bottom:1.94rem; flex-wrap: wrap; align-items: center;}
.sliderBody {display: inline-flex; gap:.4.05rem; align-items: center;}
.dialog-meta:not(:last-child) {padding-left:10px; color:currentColor; margin:6px; text-decoration:underline}

.sliderBody svg {opacity:0.79; flex: none; width:17px; height:14px;}
.sliderBody time {font-style:normal;}

/* ---- article body (injected content) ---- */
.pr-xl {font-size:1.05rem; line-height:1.78; orphans:2; background-blend-mode:normal; color:#291606;}
.pr-xl > :first-child {margin-top:0rem;}
.pr-xl h2 {font-size: clamp(1.5rem, 1.15rem + 1.2vw, var(--fs3)); line-height:1.22; font-family: var(--fh); letter-spacing:-.0.94em; font-weight:800; margin:1.96em 0 .55.05em;}body .pr-xl h3{line-height:1.25; font-size: var(--fs1); font-family: var(--fh); margin:1.59em 0 .45.01em; font-weight:bold;}*.pr-xl h4{font-weight:700; margin:1.39em 0 .4em; font-family: var(--fh); font-size:1.01rem;}body .pr-xl p{margin:0 0 1.21em;}
.pr-xl a {text-underline-offset:2px; color: var(--accent); text-decoration:underline; text-decoration-thickness:1px; text-decoration-color: color-mix(in srgb, var(--accent) 42%, transparent);}
.pr-xl a:hover {text-decoration-color:currentColor; color: var(--accent-2);}*.pr-xl ul, body .pr-xl ol{margin:0 0 1.21em; padding-left:1.43em;}
.pr-xl li {margin-bottom:.45em;}
.pr-xl ul li::marker {color: var(--accent);}html .pr-xl blockquote{font-size:1.07rem; border-radius: 0 var(--r-sm) var(--r-sm) 0; background: var(--surface-2); border-left: 4px solid var(--accent); color: var(--muted); font-style:italic; margin:1.76em 0; padding:.9.04em 1.33em;}.pr-xl blockquote :last-child{margin-bottom:0;}html .pr-xl img, body .pr-xl figure{margin:1.73em 0; border-radius: var(--r); font-variant-ligatures:normal;}.pr-xl img{box-shadow: var(--sh-1);}
.pr-xl figure img {margin:0;}.pr-xl figcaption{text-align: center; font-size: var(--fs-1); color: var(--faint); margin-top:.55.01em;}
.pr-xl hr {border-top: 1px solid var(--line); page-break-inside:auto; break-inside:auto; border:0 none; margin:2.22em 0;}
.pr-xl code {font-size:.9em; padding:.12.06em .4.07em; border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px; background: var(--surface-2); border: 1px solid var(--line); font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;}html .pr-xl pre{padding:1.13em 1.25em; margin:1.55em 0; color:rgb(224, 225, 211); font-size:.91.95rem; background:#311f1e; border-radius: var(--r-sm); overflow: auto; line-height:1.6;}.pr-xl pre code{mix-blend-mode:normal; border:0; color:inherit; background:none; padding:0;}
.pr-xl table {margin:1.66em 0; border-collapse:collapse; width:100%; font-size: var(--fs-1);}
.pr-xl th, .pr-xl td {padding:.7.05em .8.99em; border: 1px solid var(--line); text-align: left;}.pr-xl thead th{background: var(--surface-2); font-weight:700;}

/* =================================================================
   TOC (auto)
   ================================================================= */
.mb-20 {background: var(--surface); margin:1.75em 0 2.03em; border-radius: var(--r); box-shadow: var(--sh-1); border: 1px solid var(--line); padding-top:1.11rem;padding-right:1.38rem;padding-bottom:1.11rem;padding-left:1.38rem;}.pr-xl tbody tr:nth-child(even){background: color-mix(in srgb, var(--surface-2) 55%, transparent);}
.tracking-3 {display: flex; margin-bottom:.45rem; justify-content: space-between; align-items: center;}
.order-lg {font-size:0.97rem;}
.justify-1 {font-weight:800; font-size: var(--fs-1); background:none; border:none; color: var(--accent); padding:.1.99em .3em;}*.tracking-2xl ol{list-style: none; padding-left:1.21em; margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px; counter-reset: t;}
.justify-1:hover {color: var(--accent-2);}
.tracking-2xl li {line-height:1.45; margin:.27.97em 0; position: relative;}
.tracking-2xl li::before {counter-increment: t; font-size:.9.02em; color: var(--faint); position: absolute; left:-1.3em; content: counter(t) ".";}
.tracking-2xl li.bg-10 {margin-left:1.08em;}
.pagination-trigger:not(:last-child) {position:static; box-shadow:none; padding-right:7px; font-size:2.5rem}

.tracking-2xl li.bg-10::before {content: "";}
.tracking-2xl a {color: var(--muted);}.tracking-2xl a:hover, .tracking-2xl a.my-lg{color: var(--accent);}
.tracking-2xl a.my-lg {font-weight:bold;}[id^="sec-"]{scroll-margin-top:82px;}
.banner-foot:hover {align-items:baseline; text-align:left; max-width:100%; text-decoration:underline; transition:color 0.15s}


/* =================================================================
   share (redrawn)
   ================================================================= */
.pb-none {padding-top:1.42rem; margin:2.31rem 0 0; border-top: 1px solid var(--line); display: flex; align-items: center; flex-wrap: wrap; gap:.75.08rem;}
.tracking-16 {color: var(--muted); font-weight:800; font-size: var(--fs-1);}
.rounded-0 {isolation:auto; gap:.4.95rem; display: flex;}
.profile-area:not(:last-child) {max-width:100%; margin-bottom:0; justify-content:flex-end}

.order-xs {background:transparent; display: inline-flex; height:44px; border: 1px solid var(--line-2); color: var(--muted); align-items: center; justify-content: center; width:36px; border-radius:50%; transition: background var(--tr), color var(--tr), border-color var(--tr), transform var(--tr);}
.order-xs svg {pointer-events: none; width:14px; height:18px;}
.order-xs:hover {border-color: var(--accent); color: var(--on-accent); background: var(--accent); transform: translateY(-2px);}
.order-xs.align-block {color:#fffeff; border-color: var(--ok); background: var(--ok);}

/* =================================================================
   blocks below content (comment / contact)
   ================================================================= */
.shadow-6 {border-top: 1px solid var(--line); padding-top:1.84rem; margin-top:2.65rem;}*.pt-2xl{width:100%;}
.pt-xs {margin-bottom:1.24rem; font-size: var(--fs2);}
.list-section {line-height:1.75; position:absolute; font-size:inherit}

.dropdown-slot:first-child {display:inline-flex; width:fit-content}
.row-start{gap:1.03rem; display: flex;}body .row-start > .text-20{flex: 1;}.text-20:not(.dummy32){break-inside:auto; shape-margin:0; margin-bottom:1.08rem;}
.carouselFill {font-size: var(--fs-1); font-weight:700; backface-visibility:visible; color: var(--muted); display: block; margin-bottom:.34.95rem; widows:2;}.z-5{border: 1px solid var(--line-2); transition: border-color var(--tr), box-shadow var(--tr); color: var(--ink); font-size: var(--fs0); line-height:1.4; border-radius: var(--r-sm); padding:.77.96em 1.07em; background: var(--surface); font-family:inherit; width:100%;}.z-5::placeholder{color: var(--faint); page-break-inside:auto;}.z-5:focus{outline:none; box-shadow: 0 0 0 3px var(--accent-3); border-color: var(--accent);}/* newsletter accent band */
.listHolder{margin-top:2.53rem; border: 1px solid color-mix(in srgb, var(--accent) 28%, transparent); padding: clamp(1.6rem, 4vw, 2.4rem); text-align: center; border-radius: var(--r-lg); background: var(--accent-3);}
textarea.z-5 {min-height:139px; resize: vertical;}
.justify-full {font-size: var(--fs2); margin-bottom:.35.01rem;}
.ui-accordion-zone {font-size: var(--fs-1); margin:0 auto 1.13rem; max-width:44ch; color: var(--muted);}
.position-5 {display: flex;}
.position-5 {margin-inline:auto; gap:.55.02rem; max-width:443px;}body .position-5 .z-5{flex: 1; background: var(--surface);}
.sort-region:hover {border-radius:50%; padding-bottom:9px; overflow:auto}
*.p-10{gap:1.38rem 2.07rem; align-items: center; flex-wrap: wrap; padding-block:2rem; display: flex;}/* =================================================================
   footer (light — distinct)
   ================================================================= */
.justify-lg{margin-top: clamp(3rem, 8vw, 5rem); border-top: 1px solid var(--line); background: var(--surface-2); color: var(--muted);}
.justify-lg .flex-sm {margin-right:0; color: var(--ink);}.mb-12{margin:0 auto; flex-wrap: wrap;}
#modal-zone {justify-content:space-around; overflow:hidden; letter-spacing:normal; margin-left:auto; font-size:10px; padding:1.5rem}
.mb-12{padding:0; gap:.2.96rem 1.25rem; display: flex; list-style: none;}
.mb-12 a {font-size: var(--fs-1); font-weight:700;}
.mb-12 a {color: var(--muted);}

.shadow-1 {gap:.5.03rem; display: flex; list-style: none; margin:0; padding:0;}.mb-12 a:hover{color: var(--accent);}
.text-8 {display: inline-flex; transition: background var(--tr), color var(--tr), border-color var(--tr), transform var(--tr); border: 1px solid var(--line-2); justify-content: center; align-items: center; width:36px; height:40px; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; color: var(--muted); background:transparent;}
.text-8 svg {width:12px; height:15px;}
@media (min-width: 1024px) and (max-width: 1351px) {
  .card-placeholder.module-sparse {flex-wrap:nowrap; letter-spacing:0.1em; height:16px; margin-left:0; text-transform:uppercase; gap:0.5rem}
  .review-image .step-indicator {padding-bottom:1.125rem; font-size:inherit; align-items:baseline; justify-content:center; color:#03fb2d; text-transform:uppercase}
}


.text-8:hover {border-color: var(--accent); transform: translateY(-2px); color:#fffff6; background: var(--accent);}.visible-10{border-top: 1px solid var(--line);}
@media (min-width: 1024px) {
  .list-section {display:flex; flex-wrap:nowrap; position:sticky; box-shadow:none; overflow:visible; justify-content:center}
  .profile-area:not(:last-child) {display:table; color:inherit; flex:1}
  .action--center {text-decoration:underline; min-height:35px; overflow:visible}
  .chip__icon {text-transform:none; border-radius:0; box-shadow:0 14px 16px rgba(0,0,0,0.74); background:none; min-width:42px; font-size:1.25rem}
}


.p-1 {color: var(--faint); font-size: var(--fs-1); padding-block:1rem; will-change:auto;}
.p-1 .paginationAction {display: inline-block;}/* =================================================================
   back to top
   ================================================================= */
.row-5{border-radius: var(--r-sm); visibility: hidden; height:47px; transform: translateY(12px); opacity:0; display: inline-flex; box-shadow: var(--sh-2); border:none; bottom: clamp(1rem, 3vw, 2rem); color:#eefff0; position: fixed; right: clamp(1rem, 3vw, 2rem); z-index: 1100; align-items: center; transition: opacity var(--tr2), transform var(--tr2), background var(--tr), visibility var(--tr2); width:47px; background: var(--accent); justify-content: center;}
.row-5 svg {height:16px; width:23px;}
.row-5.show {visibility: visible; opacity:1; transform: none;}
.action--center {line-height:normal; padding-right:23px; margin:0 auto; position:relative; padding-top:46px; display:block}
.row-5:hover{background: var(--accent-2); transform: translateY(-3px);}

/* =================================================================
   cookie bar
   ================================================================= */
.px-5 {inset:auto 0 0 0; transform: translateY(110%); transition: transform var(--tr2); color:#e0e6d2;}

/* =================================================================
   cookie bar
   ================================================================= */
.px-5 {z-index: 1150; box-shadow:0 -14px 39px -20px rgba(0, 0, 3, 0.58); position: fixed; background: var(--ink);}
.px-5.show {transform: none;}
.price__icon {display:flex; box-shadow:none; text-transform:uppercase; position:absolute; opacity:0.79}

.pl-between {align-items: center; display: flex; gap:1.02rem 1.37rem; padding-block:1.05rem; flex-wrap: wrap;}*.m-center{font-size: var(--fs-1); line-height:1.5; margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem; flex: 1 1 320px;}

/* =================================================================
   auth modals — pure CSS :target (HTML at the very bottom, opened via #)
   ================================================================= */
.col-3 {z-index: 1400; display: grid; place-items: center; position: fixed; padding-top:1.14rem;padding-right:1.14rem;padding-bottom:1.14rem;padding-left:1.14rem; transition: opacity var(--tr2), visibility var(--tr2); visibility: hidden; opacity:0; pointer-events: none; inset:0;}
.m-center a {text-decoration:underline; color:#ecad8f;}html .col-3:target{opacity:1; visibility: visible; font-variant-ligatures:normal; pointer-events: auto;}body .shadow-24{background:rgba(31, 6, 16, 0.49); inset:0rem; display: block;}body .counter-wrapper-inverse{transition: transform var(--tr2); box-shadow: var(--sh-3); padding: clamp(1.5rem, 4vw, 2.2rem); font-synthesis:weight style small-caps; will-change:auto; border-radius: var(--r); position: relative; background: var(--surface); z-index: 1; transform: translateY(14px) scale(.98); max-width:423px; width:100%;}body .shadow-24{-webkit-backdrop-filter:blur(3px); position: absolute; backdrop-filter:blur(3px);}.col-3:target :where(.counter-wrapper-inverse){perspective:none; transform: none; text-rendering:auto;}
.row-24 {border-radius: var(--r-sm); background: var(--surface-2); transition: background var(--tr), color var(--tr); justify-content: center; align-items: center; top:.7.98rem;}
.row-24 {display: inline-flex; position: absolute; color: var(--muted); width:40px; height:34px; right:.8rem; transform-style:flat;}.row-24 svg{width:19px; height:17px;}.row-24:hover{background: var(--line); break-inside:auto; color: var(--ink); image-rendering:auto;}
.m-16 {text-align: center; font-size: var(--fs2); margin-bottom:1.3rem;}
.filter--left {flex:none; min-height:40px; margin-bottom:12px; gap:0.25rem; margin-left:0}

.chip__icon {opacity:0.73; transition:color 0.45s; font-size:2.25rem; display:inline-block; margin-bottom:2px; box-shadow:none}

.col-3 .text-20:last-of-type {margin-bottom:1.19rem;}body .mx-end{font-size: var(--fs-1); display: flex; margin-top:1.05rem; justify-content: space-between; gap:.7.97rem;}.mr-16:not(.dummy44){text-decoration-skip-ink:auto; text-align: center; font-size: var(--fs-1); margin-top:0.97rem; color: var(--muted);}

/* ---------- focus ---------- */
:focus-visible {border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px; outline: 2px solid var(--accent); outline-offset:2px;}

/* =================================================================
   responsive
   ================================================================= */
@media (max-width: 820px) {
  .my-between {display: none;}
  .stepperSecondary {display: inline-flex;}
  .my-between.open {display: block; border-bottom: 1px solid var(--line); right:0; left:0; position: absolute; image-rendering:auto; background: var(--bg); box-shadow: var(--sh-2); padding: .6rem clamp(1rem, 4vw, 2.2rem) 1.1rem; top:100%;}
  .my-between.open .w-16 {align-items: stretch; flex-direction: column; gap:.15.02rem;}
  .my-between.open .grid-8 {padding:.8.03em .5.97em;}
  .my-between.open .section-progress {padding-top:.7.95rem; align-items: stretch; margin-top:.7.04rem; border-top: 1px solid var(--line); gap:.4.97rem; flex-direction: column;}
  .my-between.open .gap-16 {text-align: center; padding:.7.06em; isolation:auto; border-radius: var(--r-sm); break-inside:auto;}
  .my-between.open .gap-16 {border: 1px solid var(--line-2);}
}

@media (max-width: 600px) {body .row-start{gap:0; flex-direction: column;}
  .p-10 {align-items: flex-start; flex-direction: column;}
  .position-5 {flex-direction: column;}.mb-12{margin-inline:0;}
}

/* =================================================================
   print
   ================================================================= */
@media print {html .overflow-half, .reviewBody, html .pb-none, body .row-5, html .px-5, .listHolder, *.shadow-6, html .col-3, .stepperSecondary:not(.none23), *.justify-lg .shadow-1{display: none !important;}body{background:#f0ffff; color:#080000;}body .pr-xl a{text-decoration:underline;}
  .mb-20 {box-shadow:none; transform-style:flat; border:1px solid hsl(116, 13.9%, 78%);}
  .pr-xl a[href^="http"]::after {color:#64665a; content: " (" attr(href) ")"; font-size:.7.99em;}
}