.price-zone .dropdown-prefix {flex-wrap:nowrap; transition:color 0.4s; background-color:transparent; font-size:inherit}
/* =============================================================
   Template 1106_new_v1 — Stylesheet
   Self-contained · no framework · no external fonts.
   Content-first layout. Secondary labels are <span>, not headings.
   ============================================================= */

:root {--brand-l: #e7f5ee; --brand:   #16915e; --ff:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --bg-2:    #f3f7f4; --max: 1120px; --bg-3:    #f1f6f3; --rad-l: 16px; --rad-m: 10px; --tr: .25s cubic-bezier(.4, 0, .2, 1); --brand-d: #0f6f48; --sh-s: 0 1px 2px rgba(15, 40, 28, .06); --edge-2:  #edf2ef; --ff-m: ui-monospace, "SFMono-Regular", Consolas, Menlo, monospace; --rad-s: 6px; --text:    #37433d; --ff-h: Georgia, "Iowan Old Style", "Times New Roman", "Noto Serif", serif; --text-2:  #6b766f;}/* =============================================================
   Template 1106_new_v1 — Stylesheet
   Self-contained · no framework · no external fonts.
   Content-first layout. Secondary labels are <span>, not headings.
   ============================================================= */

:root {--head:    #15201b; --sh-m: 0 7px 24px rgba(15, 40, 28, .08); --edge:    #e3ebe6; --bg:      #ffffff; --sh-l: 0 18px 48px rgba(15, 40, 28, .12);}
.screen-trigger:not(:last-child) {min-height:6px; transition:all 0.45s ease}


*, *::before, *::after {box-sizing: border-box;}
html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4 {padding:0; margin:0;}

html {scroll-behavior: smooth; -webkit-text-size-adjust:100%; height:100%; shape-margin:0; -moz-osx-font-smoothing:grayscale; text-rendering:auto; -webkit-font-smoothing:antialiased;}

body {color: var(--text); overflow-x: hidden; min-height:100%; font-family: var(--ff); font-size:18px; line-height:1.7; background: var(--bg);}

img, svg {max-width:100%; height:auto; display: block;}a{text-decoration:none; color: var(--brand); transition: color var(--tr);}
button {font-family:inherit; border:0 none; background:none; cursor: pointer;}
a:hover {color: var(--brand-d);}:focus-visible{border-radius:-1px; outline: 2px solid var(--brand); outline-offset:2px;}::selection{background: var(--brand-l); color: var(--head);}::-webkit-scrollbar{width:9px;}
::-webkit-scrollbar-track {background: var(--bg-2);}
::-webkit-scrollbar-thumb {border-radius:8px; background-color:#aed6d4;}
::-webkit-scrollbar-thumb:hover {background:#a5a7b1; mix-blend-mode:normal;}

.px-none {clip:rect(0,0,0,0); overflow: hidden; height:1px; white-space: nowrap; position: absolute; margin:-1px; border:0; padding:0; width:1px;}

.headerAddon {margin-inline:auto; width:100%; padding-inline:22px; max-width: var(--max);}
h1 {letter-spacing:-.11.93em; font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem);}

/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4 {color: var(--head); line-height:1.25; font-family: var(--ff-h); font-weight:bold;}/* ---- span labels styled to look like section titles --------- */
.hero{text-underline-offset:auto; margin-bottom:16px; line-height:1.3; display: block; font-size:1.19rem; font-weight:700; font-family: var(--ff); color: var(--head);}.dividerBar{font-size:0.93rem; margin-bottom:8px;}

/* ---- progress rail ------------------------------------------ */
.filterPlaceholder {height:6px; position: fixed; inset:0 auto auto 0; width:0;}

/* ---- progress rail ------------------------------------------ */
.filterPlaceholder {background: linear-gradient(90deg, var(--brand), #4fd39c); z-index: 1200; transition:width 0.112s linear;}
.review-suffix .chip-value {transition:transform 0.3s ease-in-out; flex-wrap:nowrap; min-width:40px; background-color:#cccccc}
/* ---- masthead (slim, content sits right under it) ----------- */
.o-tabs{-webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); top:0; border-bottom: 1px solid var(--edge-2); will-change:auto; transition: box-shadow var(--tr); position: sticky; background:rgba(255, 255, 247, 0.88); image-rendering:auto; z-index: 1000;}
.o-tabs.pageSuffix {box-shadow:0 2px 13px rgba(12, 29, 16, 0.07);}
.avatar-label > suffix {text-transform:none; text-align:right; overflow:visible; min-height:31px; text-decoration:underline}

.action-handle > separator {line-height:normal; position:sticky; height:5px; flex-wrap:nowrap}

.headerWrap {display: flex; height:56px; gap:19px; align-items: center;}

.d-block {align-items: center; display: inline-flex;}.modalWrap:not(.none35){display: flex; margin-left:auto; gap:15px; align-items: center;}html .d-block img{width:auto; height:33px;}
.opacity-lg {list-style: none; gap:4px; display: flex; align-items: center;}
.toolbar__region--top {transition: background var(--tr), color var(--tr); padding:12px 14px; border-radius: var(--rad-s); perspective:none; display: block; font-size:.8.98rem;}
.toolbar__region--top {font-weight:500; color: var(--text);}
.toolbar__region--top:hover {color: var(--brand); background: var(--brand-l);}

.replyPrimary {-webkit-hyphens:manual;-ms-hyphens:manual;align-items: center; display: flex; gap:8px; hyphens:manual;}
.counterItem {font-size:.8.97rem; font-weight:600; text-underline-offset:auto; color: var(--head); padding:6px 6px;}
.counterItem:hover {color: var(--brand);}

.sectionSuffix {margin-left:auto; backface-visibility:visible; flex-direction: column; padding:11px; display: none; gap:3px;}
.sectionSuffix span {height:2px; background: var(--head);}
.sectionSuffix span {transition: transform var(--tr), opacity var(--tr); width:19px; border-top-left-radius:2px; border-top-right-radius:2px; border-bottom-right-radius:2px; border-bottom-left-radius:2px; display: block;}
.sectionSuffix.x span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.sectionSuffix.x span:nth-child(2) {opacity:0;}
.sectionSuffix.x span:nth-child(3) {print-color-adjust:economy; transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {
  .sectionSuffix {display: flex; font-synthesis:weight style small-caps;}body .modalWrap{align-items: stretch; box-shadow: var(--sh-l); border-bottom: 1px solid var(--edge); pointer-events: none; position: absolute; flex-direction: column; transition: transform var(--tr), opacity var(--tr); opacity:0; transform: translateY(-12px); gap:14px; padding:16px 20px 23px; background: var(--bg); inset:56px 0 auto 0;}
  .modalWrap.open {transform: none; pointer-events: auto; opacity:1;}
  .opacity-lg {align-items: stretch; flex-direction: column;}
  .replyPrimary {justify-content: flex-start; padding-top:8px; border-top: 1px solid var(--edge);}
}/* ---- content shell ------------------------------------------ */
:where(.sidebarInfo){padding:41px 0 68px;}
.carouselHolder {width:100%; max-width:764px; margin-inline:auto;}/* ---- article (the only real content) ------------------------ */
:where(.stepperTertiary){padding-top:44px;padding-right:44px;padding-bottom:44px;padding-left:44px; background: var(--bg); border: 1px solid var(--edge-2); box-shadow: var(--sh-s); border-radius: var(--rad-l);}
@media (max-width: 620px) { .stepperTertiary {padding:29px 23px; border-radius: var(--rad-m); text-rendering:auto; font-variant-ligatures:normal;} }

.tagTrack {margin-bottom:25px;}
.menu-tertiary:not(:last-child) {margin-left:auto; background-color:transparent; opacity:0.87; transition:color 0.3s; flex-wrap:wrap}

.u-dialog-name {gap:12px; align-items: center; display: flex; flex-wrap: wrap; font-size:.82.07rem; color: var(--text-2);}
.blockOuter {margin-bottom:20px;}
.bannerWrapper {align-items: center; display: inline-flex; gap:2px;}
.bannerWrapper svg {opacity:0.67; flex: none;}
.mediaWrapper {border-radius: var(--rad-m); border: 1px solid var(--edge); padding-top:19px;padding-right:20px;padding-bottom:19px;padding-left:20px; background: var(--bg-2);}

/* table of contents (collapsible, inside article) */
.progressWrapper {margin-bottom:31px;}
.breadcrumbTitle {font-size:.7.95rem; color: var(--brand);}
.snackbarSuffix {display: flex; margin-bottom:12px; align-items: center; shape-margin:0; print-color-adjust:economy; justify-content: space-between;}
.modalWrap ol {counter-reset: t; list-style: none;}body .modalWrap li{margin-bottom:6px; counter-increment: t;}
.modalWrap li::before {content: counter(t) ". "; color: var(--brand); font-weight:600;}
.modalWrap a {font-size:.8.94rem; color: var(--text);}
.modalWrap a:hover {color: var(--brand);}

/* article body — real H2/H3 live here */
.postDate {font-size:1.01rem; color: var(--text); line-height:1.82;}
.postDate > * + * {margin-top:1.15em;}
.postDate h2 {margin-top:1.88em; font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem);}
.postDate h3 {image-rendering:auto; font-size:1.29rem; margin-top:1.49em;}.postDate p{margin:0 0 1.07em;}
.postDate ul, .postDate ol {margin:0 0 1.08em; padding-left:1.48em;}
.postDate li {margin-bottom:.44.92em;}
.postDate a {font-synthesis:weight style small-caps; text-decoration-color:rgba(33, 136, 95, 0.48); text-underline-offset:2px; image-rendering:auto;}
.postDate a {text-decoration:underline;}
.postDate a:hover {text-decoration-color: var(--brand);}
.postDate img {border-radius: var(--rad-m); margin:1.48em 0;}
.filter-backdrop::before {content:''; padding-bottom:16px; transition:all 0.3s ease; width:100%; padding:1.75rem}

.block-image > content {transition:transform 0.25s ease-in-out; position:absolute; margin-bottom:3px; padding-left:8px}

.postDate blockquote {margin:1.5em 0; padding-top:0.97em;padding-right:1.36em;padding-bottom:0.97em;padding-left:1.36em; color: var(--head); border-left: 4px solid var(--brand); background: var(--brand-l); font-family: var(--ff-h); font-style:italic; border-radius: 0 var(--rad-s) var(--rad-s) 0;}
.postDate pre {color:#e5f7f4; border-radius: var(--rad-m); padding:1.1em 1.31em; font-family: var(--ff-m); margin:1.43em 0; overflow-x: auto; background-color:#13261e; font-size:.88.06rem;}
.postDate code {font-family: var(--ff-m); color:#0e6546; padding-top:2px;padding-right:6px;padding-bottom:2px;padding-left:6px; text-decoration-skip-ink:auto; background: var(--bg-2); border-radius:4px; font-size:.9.03em;}
.postDate pre code {page-break-inside:auto; background:none; padding:0; color:inherit; will-change:auto;}
.postDate table {image-rendering:auto; margin:1.51em 0; font-size:.95.02rem; border-collapse:collapse; width:100%; text-decoration-skip-ink:auto;}
.postDate th, .postDate td {text-align: left; backface-visibility:visible; transform-style:flat; padding-top:8px;padding-right:11px;padding-bottom:8px;padding-left:11px; border: 1px solid var(--edge);}

/* share */
.sortIndicator {display: flex; margin-top:33px; border-top: 1px solid var(--edge-2); align-items: center; gap:14px; flex-wrap: wrap; padding-top:25px; mix-blend-mode:normal;}
.postDate th {font-weight:600; color: var(--head); font-family: var(--ff); background: var(--bg-2);}*.gap-5{color: var(--head);}
.layoutData {gap:12px; display: flex;}
.slider-foot:hover {flex-wrap:wrap; position:relative; transition:all 0.25s ease; align-items:center; padding-left:3rem; gap:3rem}
*.gap-5{font-weight:600; font-size:.85.96rem;}
@media (min-width: 480px) {
  .screen--even {display:grid; max-width:none; align-items:baseline; width:100%}
  .alert-extra:first-child {margin-left:0; border-radius:31px; min-width:0; overflow:visible; justify-content:space-between}
}


.panelBlock {transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); height:34px; border: 1px solid var(--edge); justify-content: center; border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px; align-items: center; background: var(--bg-2); display: inline-flex; color: var(--text-2); width:42px;}

/* ---- comments (directly under article) ---------------------- */
.searchInner {padding:32px; border-radius: var(--rad-l); margin-top:28px; background: var(--bg); border: 1px solid var(--edge-2); box-shadow: var(--sh-s);}.panelBlock:hover{color:#f9edff; background: var(--brand); box-shadow:0 6px 10px rgba(16, 134, 86, 0.33); hyphens:manual; border-color: var(--brand); transform: translateY(-2px);}/* ---- forms & controls --------------------------------------- */
.modalDot{margin-top:8px;}*.menuSecondary{grid-template-columns: 1fr 1fr; margin-bottom:18px; gap:19px; display: grid;}
.nav-secondary {margin-bottom:17px;}
@media (max-width: 560px) { .menuSecondary {widows:2; grid-template-columns: 1fr; contain:none;} }

.position-screen {transition: border-color var(--tr), box-shadow var(--tr); font-size:.92.08rem; color: var(--text); font:inherit; width:100%; padding:14px 16px; border-radius: var(--rad-m); border: 1px solid var(--edge); background: var(--bg);}
.position-screen::placeholder {color:#9bb8b5;}
.position-screen:focus {border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-l); outline:none;}
.blockItem {min-height:127px; resize: vertical; line-height:1.6;}

.toolbarBlock {border-radius: var(--rad-m); white-space: nowrap; gap:8px; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); font-weight:600; padding-top:10px;padding-right:26px;padding-bottom:10px;padding-left:26px; justify-content: center; font-size:.91.93rem; font:inherit; display: inline-flex; align-items: center;}.sliderIcon:not(.empty35){background: var(--brand); box-shadow:0 4px 13px rgba(4, 146, 94, 0.2); color:hsl(61, 99.8%, 100%);}
.sliderIcon:hover {transform: translateY(-1px); box-shadow:0 9px 20px rgba(37, 146, 90, 0.42); word-spacing:normal; background: var(--brand-d); color:#fbffff;}
.tracking-screen {background:transparent; padding-top:11px;padding-right:14px;padding-bottom:11px;padding-left:14px; border: 1.5px solid var(--brand); color: var(--brand);}
.tracking-screen:hover {color:#f9ffff; background: var(--brand);}.chip{color: var(--text); background: var(--bg-2); border: 1px solid var(--edge);}
.avatar {flex: none; padding:0; width:49px;}
.chip:hover {background: var(--edge-2); color: var(--head);}.snackbarSummary:not(.empty59){width:100%;}/* ---- extras zone (everything else, pushed below content) ---- */
:where(.summary-counter){border-top: 1px solid var(--edge); background: var(--bg-2); padding:56px 0;}

.avatarHandle {display: grid; border: 1px solid var(--edge); padding-top:33px;padding-right:33px;padding-bottom:33px;padding-left:33px; grid-template-columns: 1fr 1.25fr; box-shadow: var(--sh-s); margin-bottom:33px; gap:32px; border-radius: var(--rad-l); background: var(--bg); align-items: start;}
@media (max-width: 720px) {.avatarHandle:not(.nil64){gap:22px; grid-template-columns: 1fr;} }.viewOuter{text-underline-offset:auto; font-size:.9.07rem;}.viewOuter{color: var(--text-2);}
.navHolder {border: 1px solid var(--edge); background: var(--bg); border-radius: var(--rad-l); padding:23px; box-shadow: var(--sh-s);}.el-layout{isolation:auto; gap:24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); transform-style:flat;}
.review-trigger {margin-bottom:16px; font-size:.85.07rem; color: var(--text-2);}

.toggleBackdrop {display: flex; gap:12px;}
.toggleBackdrop .position-screen {flex: 1;}

.galleryInner {list-style: none;}
.galleryInner li a {border-bottom: 1px solid var(--edge-2); font-size:.87.98rem; color: var(--text); transition: color var(--tr), padding-left var(--tr); padding:8px 0; display: block;}
.galleryInner li:last-child a {border-bottom:0;}

/* ---- footer ------------------------------------------------- */
.blockLink {background: var(--bg-3); border-top: 1px solid var(--edge);}
.galleryInner li a:hover {padding-left:8px; color: var(--brand);}body .form__outer{padding:51px 0 37px;}
.heroLine {grid-template-columns: 1.6fr 1fr 1fr; display: grid; gap:36px;}
@media (max-width: 760px) { .heroLine {grid-template-columns: 1fr 1fr; gap:26px;} }
@media (max-width: 480px) { .heroLine {grid-template-columns: 1fr;} }.dividerText img{width:auto; height:31px; margin-bottom:12px;}*.bannerName{font-size:.81.99rem; margin-bottom:19px; max-width:319px; tab-size:4; font-variant-ligatures:normal; color: var(--text-2);}.threadClose:not(.skip51){hyphens:manual; list-style: none; background-blend-mode:normal;}
.threadClose li {margin-bottom:9px;}html .threadClose a{color: var(--text-2); font-size:.87.07rem;}
.threadClose a:hover {color: var(--brand);}
.timeline--horizontal {max-width:100%; display:table}

@media (min-width: 800px) {
  .menu-tertiary:not(:last-child) {color:currentColor; border:none}
  .action-handle > separator {gap:37px; transition:opacity 0.25s; display:table; opacity:1; line-height:normal; flex-wrap:nowrap}
}


.c-carousel-cap {border-top: 1px solid var(--edge); padding:22px 0; text-align: center;}
.c-carousel-cap p {color: var(--text-2); font-size:.7.94rem;}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.entryDate {list-style: none; gap:7px; display: flex; font-variant-caps:normal;}.entryDate a{justify-content: center; background: var(--bg-2); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); width:35px; color: var(--text-2); border-radius: var(--rad-m); height:38px; align-items: center; border: 1px solid var(--edge); display: inline-flex;}
.entryDate a:hover {background: var(--brand);}
.entryDate a:hover {transform: translateY(-3px); color:#eefaf4; border-color: var(--brand);}

/* ---- back to top -------------------------------------------- */
.layoutDot {width:42px; background: var(--bg); border: 1px solid var(--edge); display: flex; visibility: hidden; position: fixed; color: var(--head); height:42px; transform: translateY(10px); transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); z-index: 900; align-items: center; justify-content: center; opacity:0; border-radius:15px; right:28px; box-shadow: var(--sh-m); bottom:32px;}.entryDate svg{height:21px; width:19px;}
.layoutDot.show {opacity:1; transform: none; visibility: visible;}
.layoutDot:hover {color:#ffffed;}
.layoutDot:hover {background: var(--brand); transform: translateY(-2px); border-color: var(--brand);}

/* ---- cookie ------------------------------------------------- */
.carouselCount {transition:transform 0.402s ease; right:0; z-index: 1100; background: var(--head); color:rgba(255, 255, 249, 0.81); left:0; position: fixed; padding:13px 0; bottom:0; transform: translateY(100%);}
.carouselCount.show {transform: none;}html .el-gallery{display: flex; justify-content: space-between; gap:19px; align-items: center;}
.carouselCount p {line-height:1.5; font-size:.85.04rem; text-rendering:auto;}
.banner-suffix > head {transition:opacity 0.2s; display:none; padding-left:2rem; background-color:#14141e}

.carouselCount a {color:#64ecb4;}.carouselCount .toolbarBlock:not(.none65){-moz-tab-size:4;flex: none; tab-size:4;}
#tabs-info {flex:1 1 0%; display:inline; max-width:none; position:absolute}

.carousel-input .card-label {position:sticky; gap:1.125rem; transition:opacity 0.4s; display:none}

@media (max-width: 600px) { .el-gallery {flex-direction: column; text-align: center;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.entrySection {display: flex; z-index: 1300; visibility: hidden; inset:0; opacity:0; position: fixed; justify-content: center; align-items: center; padding:17px; transition:opacity 0.244s ease, visibility 0.247s ease;}
.pagination-body {-webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); background:rgba(0, 16, 11, 0.51); inset:0; image-rendering:auto; position: absolute;}
.entrySection:target {opacity:1; visibility: visible;}
.actionWrap {box-shadow: var(--sh-l); width:100%; transform: translateY(14px) scale(.98); border-radius: var(--rad-l); max-width:409px; background: var(--bg); transition:transform 0.24s ease; position: relative; padding-top:35px;padding-right:35px;padding-bottom:35px;padding-left:35px;}.entrySection:target .actionWrap{transform: none;}body .stepExtra{position: absolute; right:15px; top:11px; height:33px; justify-content: center; align-items: center; color: var(--text-2); width:31px; font-size:16px; display: flex; border-radius:10px; transition: background var(--tr), color var(--tr); line-height:1;}.stepExtra:hover{background: var(--bg-2); color: var(--head);}body .selectMeta{font-size:.85.07rem; margin-bottom:18px; font-variant-ligatures:normal; color: var(--text-2);}body .avatarTitle{color: var(--text-2); text-align: center; margin-top:20px; font-size:.84.94rem;}/* ---- reveal ------------------------------------------------- */
.select__input{transform-style:flat; transform: translateY(22px); transition:opacity 0.497s ease, transform 0.588s ease; opacity:0;}
.select__input.in {transform: none; opacity:1;}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {transition:none !important; scroll-behavior: auto !important; animation:none !important;}
  .select__input {transform: none; opacity:1;}
}

@media print {
  .o-tabs, .filterPlaceholder, .sortIndicator, .searchInner, .summary-counter, .layoutDot, .carouselCount, .entrySection, .sectionSuffix {display: none !important;}
  .carouselHolder {max-width:100%;}
  .stepperTertiary {padding:0; border:none;}
  .stepperTertiary {box-shadow:none;}
  body {font-size:12pt;}
}