*, *::before, *::after {box-sizing: border-box; text-decoration-skip-ink:auto;}/* =============================================================
   Template 1106_new_v1 — Stylesheet
   Self-contained · no framework · no external fonts.
   Content-first layout. Secondary labels are <span>, not headings.
   ============================================================= */

:root{image-rendering:auto; --max: 1120px; --ff-m: ui-monospace, "SFMono-Regular", Consolas, Menlo, monospace; --brand:   #16915e; --sh-m: 0 7px 24px rgba(15, 40, 28, .08); --tr: .25s cubic-bezier(.4, 0, .2, 1); --bg:      #ffffff; --sh-l: 0 18px 48px rgba(15, 40, 28, .12); --bg-2:    #f3f7f4; --brand-d: #0f6f48; --ff:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --head:    #15201b; --rad-m: 10px; --text-2:  #6b766f; --edge-2:  #edf2ef; --ff-h: Georgia, "Iowan Old Style", "Times New Roman", "Noto Serif", serif; --sh-s: 0 1px 2px rgba(15, 40, 28, .06); --text:    #37433d; --edge:    #e3ebe6; --rad-l: 16px; --rad-s: 6px; --bg-3:    #f1f6f3; --brand-l: #e7f5ee;}
html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4 {padding:0; margin:0;}body{font-family: var(--ff); color: var(--text); page-break-inside:auto; min-height:100%; line-height:1.7; text-decoration-skip-ink:auto; background: var(--bg); font-size:14px; overflow-x: hidden;}html{-moz-osx-font-smoothing:grayscale; height:100%; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; scroll-behavior: smooth;}img, svg{display: block; height:auto;}img, svg{max-width:100%;}
a {transition: color var(--tr); text-decoration:none; color: var(--brand);}
a:hover {color: var(--brand-d);}
button {cursor: pointer; font-family:inherit; border:none 0; background:none;}

:focus-visible {border-radius:4px; outline: 2px solid var(--brand); outline-offset:2px;}
::selection {color: var(--head); background: var(--brand-l); font-variant-ligatures:normal;}::-webkit-scrollbar{width:13px;}
::-webkit-scrollbar-track {background: var(--bg-2);}::-webkit-scrollbar-thumb{background:#c1c9bd; transform-style:flat; border-top-left-radius:11px;border-top-right-radius:11px;border-bottom-right-radius:11px;border-bottom-left-radius:11px;}
::-webkit-scrollbar-thumb:hover {background:#a4a7af;}

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

.select-compact {border:none;}.float-end{padding-inline:22px; margin-inline:auto; width:100%;}.float-end{max-width: var(--max);}

/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4 {color: var(--head); font-weight:700; font-family: var(--ff-h); line-height:1.25;}h1{letter-spacing:-.12.05em; font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem);}

/* ---- span labels styled to look like section titles --------- */
.tracking-auto {font-weight:700; color: var(--head); display: block; font-family: var(--ff); font-size:1.19rem; margin-bottom:14px; line-height:1.3;}html .image-counter{margin-bottom:15px; font-size:1.08rem;}

/* ---- masthead (slim, content sits right under it) ----------- */
.page-image-outlined {transition: box-shadow var(--tr); z-index: 1000; top:0; backdrop-filter:blur(10px); border-bottom: 1px solid var(--edge-2); -webkit-backdrop-filter:blur(10px); position: sticky; background:rgba(247, 238, 245, 0.97);}

/* ---- progress rail ------------------------------------------ */
.position-sm {height:0px; transition:width 0.08s linear; position: fixed; background: linear-gradient(90deg, var(--brand), #4fd39c); width:0; inset:0 auto auto 0; z-index: 1200;}
.page-image-outlined.badge-tertiary {page-break-inside:auto; box-shadow:0 2px 14px rgba(3, 40, 28, 0.13);}*.snackbar-pressed{align-items: center; display: flex; height:59px; gap:21px;}

.spinner-large {-moz-tab-size:4;tab-size:4; align-items: center; display: inline-flex;}

.list-backdrop-odd {display: flex; margin-left:auto; gap:18px; align-items: center;}
.spinner-large img {height:28px; width:auto;}.c-page-backdrop{list-style: none; align-items: center; display: flex; gap:0px;}
.avatar-summary-top {font-weight:500; display: block; border-radius: var(--rad-s); color: var(--text); padding-top:9px;padding-right:11px;padding-bottom:9px;padding-left:11px; transition: background var(--tr), color var(--tr); font-size:.8.99rem;}

.grid-inner-full {display: flex; align-items: center; font-variant-caps:normal; gap:9px; font-variant-ligatures:normal;}.avatar-summary-top:hover{color: var(--brand); background: var(--brand-l);}.badge-action:not(.skip81){padding:11px 3px; font-size:.9rem; color: var(--head); font-weight:600;}

.app-modal {mix-blend-mode:normal; margin-left:auto; gap:9px; flex-direction: column; display: none; padding-top:7px;padding-right:7px;padding-bottom:7px;padding-left:7px;}.badge-action:hover{color: var(--brand);}
.app-modal span {transition: transform var(--tr), opacity var(--tr); width:23px; display: block; background: var(--head); border-radius:2px; height:2px;}
.app-modal.x span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.app-modal.x span:nth-child(2) {opacity:0;}
.app-modal.x span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {
  .app-modal {display: flex;}body .list-backdrop-odd{inset:56px 0 auto 0; border-bottom: 1px solid var(--edge); box-shadow: var(--sh-l); transition: transform var(--tr), opacity var(--tr); pointer-events: none; flex-direction: column; position: absolute; transform: translateY(-12px); opacity:0; gap:11px; padding:20px 25px 26px; align-items: stretch; background: var(--bg);}.open.list-backdrop-odd{opacity:1; pointer-events: auto; transform: none;}
  .c-page-backdrop {flex-direction: column; align-items: stretch;}
  .grid-inner-full {justify-content: flex-start; border-top: 1px solid var(--edge); padding-top:15px;}
}

/* ---- content shell ------------------------------------------ */
.action-sticky {padding:37px 0 72px;}

/* ---- content shell ------------------------------------------ */
.action-sticky {background-blend-mode:normal; word-spacing:normal;}
.page-slot {margin-inline:auto; width:100%; max-width:758px;}

/* ---- article (the only real content) ------------------------ */
.postCap {padding:46px; box-shadow: var(--sh-s); background: var(--bg); border: 1px solid var(--edge-2); border-radius: var(--rad-l);}
@media (max-width: 620px) { .postCap {widows:2; border-radius: var(--rad-m); padding:27px 22px; will-change:auto;} }

.c-chip-fill {background-blend-mode:normal; margin-bottom:32px;}
.toggle-fixed {margin-bottom:15px; word-spacing:normal;}
.feature-addon {gap:20px; display: flex; color: var(--text-2); font-size:.82.04rem; align-items: center; flex-wrap: wrap;}
.c-layout-prefix {display: inline-flex; align-items: center; gap:3px;}/* table of contents (collapsible, inside article) */
.form-wrap-default{margin-bottom:30px;}
.c-layout-prefix svg {opacity:0.64; flex: none;}
.entry-outer {background: var(--bg-2); border: 1px solid var(--edge); border-radius: var(--rad-m); padding:22px 23px;}.group-breadcrumb:not(.skip43){justify-content: space-between; align-items: center; margin-bottom:10px; display: flex;}
.px-end {font-size:.8.02rem; color: var(--brand);}
.order-auto ol {list-style: none; counter-reset: t;}
.order-auto li {counter-increment: t; margin-bottom:5px;}
.order-auto li::before {content: counter(t) ". "; color: var(--brand); font-weight:600;}
.order-auto a {color: var(--text); font-size:.8.99rem;}
.order-auto a:hover {color: var(--brand);}

/* article body — real H2/H3 live here */
.list-active {orphans:2; color: var(--text); line-height:1.82; widows:2; font-size:0.99rem;}
.list-active > * + * {margin-top:1.2em; backface-visibility:visible; transform-style:flat;}
.list-active h2 {font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); margin-top:1.98em;}*.list-active h3{backface-visibility:visible; font-variant-caps:normal; margin-top:1.48em; font-size:1.36rem;}
.list-active p {margin:0 0 1.07em;}
.list-active ul, .list-active ol {padding-left:1.38em; font-variant-ligatures:normal; margin:0 0 1.13em;}
.list-active li {margin-bottom:.44.99em;}
.list-active a {text-decoration:underline; text-decoration-color:rgba(7, 139, 109, 0.37); text-underline-offset:2px;}
.list-active a:hover {text-decoration-color: var(--brand);}
.list-active img {margin:1.42em 0; border-radius: var(--rad-m);}.list-active blockquote{background: var(--brand-l); font-style:italic; margin:1.5em 0; border-radius: 0 var(--rad-s) var(--rad-s) 0; font-family: var(--ff-h); padding:1.06em 1.26em; color: var(--head);}.list-active blockquote{border-left: 4px solid var(--brand);}
.list-active pre {border-radius: var(--rad-m); color:#eae6ea; background:#063211; font-family: var(--ff-m); padding-top:1.09em;padding-right:1.38em;padding-bottom:1.09em;padding-left:1.38em; margin:1.51em 0; overflow-x: auto; font-size:.88rem;}
.list-active code {color:#006e49; background: var(--bg-2); widows:2; padding:2px 2px; font-family: var(--ff-m); font-size:.8.99em; border-radius:0;}
.list-active pre code {padding:0px; transform-style:flat; background:none; color:inherit;}
.list-active table {margin:1.43em 0; width:100%;}
.list-active table {font-size:.95.08rem; border-collapse:collapse;}
.list-active th, .list-active td {text-align: left; padding:9px 15px; border: 1px solid var(--edge);}.list-active th{background: var(--bg-2); color: var(--head); font-weight:600;}.list-active th{font-family: var(--ff);}

/* share */
.hero-center {border-top: 1px solid var(--edge-2); display: flex; margin-top:33px; align-items: center; padding-top:23px; flex-wrap: wrap; gap:10px;}
.breadcrumb-large {font-weight:600; font-size:.85.96rem; color: var(--head); isolation:auto;}
.toggle-card {gap:9px; display: flex;}
.layout-odd {color: var(--text-2); justify-content: center; width:42px; display: inline-flex; align-items: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); border: 1px solid var(--edge); height:39px; border-radius:11px; background: var(--bg-2);}
.layout-odd:hover {background: var(--brand); color:#fdffff; box-shadow:0 1px 10px rgba(40, 149, 86, 0.37); border-color: var(--brand); transform: translateY(-2px);}

/* ---- comments (directly under article) ---------------------- */
.tabs-name-empty {border: 1px solid var(--edge-2); background: var(--bg); padding:29px;}

/* ---- comments (directly under article) ---------------------- */
.tabs-name-empty {border-radius: var(--rad-l); box-shadow: var(--sh-s); margin-top:30px;}

/* ---- forms & controls --------------------------------------- */
.sort-inner {margin-top:8px;}
.slot-counter {gap:12px; grid-template-columns: 1fr 1fr; display: grid;}
.leading-24 {margin-bottom:12px;}
.slot-counter {margin-bottom:18px;}
@media (max-width: 560px) {*.slot-counter{grid-template-columns: 1fr;} }

.c-pagination-extra {background: var(--bg); padding:15px 16px; width:100%; color: var(--text); border-radius: var(--rad-m); transition: border-color var(--tr), box-shadow var(--tr); border: 1px solid var(--edge); font-size:.92.03rem; font:inherit;}.c-pagination-extra::placeholder{isolation:auto; widows:2; color:rgb(166, 194, 166);}
.c-pagination-extra:focus {outline:none;}
.c-pagination-extra:focus {box-shadow: 0 0 0 3px var(--brand-l); border-color: var(--brand);}
.moduleBlock {line-height:1.6; min-height:130px; resize: vertical;}

.c-banner-inner {transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); border-radius: var(--rad-m); display: inline-flex; font-size:.91.95rem; padding-top:15px;padding-right:27px;padding-bottom:15px;padding-left:27px; justify-content: center; font:inherit; align-items: center; white-space: nowrap; gap:9px; font-weight:600;}*.snackbar-body{box-shadow:0 3px 17px rgba(17, 162, 82, 0.18); background: var(--brand); color:#effffe;}.snackbar-body:hover{box-shadow:0 10px 19px rgba(9, 144, 96, 0.3); font-variant-caps:normal; background: var(--brand-d); transform: translateY(-1px); color:#fffffe;}
.preview-header {padding:4px 21px; color: var(--brand); background:transparent; border: 1.5px solid var(--brand);}
.preview-header:hover {background: var(--brand); color:#fff3f9;}.dialogBody{border: 1px solid var(--edge); color: var(--text);}.dialogBody{background: var(--bg-2);}
.chip-fill {flex: none; width:47px; padding:0; text-rendering:auto;}
.dialogBody:hover {color: var(--head); background: var(--edge-2);}
.inner-progress {width:100%; isolation:auto;}

/* ---- extras zone (everything else, pushed below content) ---- */
.stepper-region-muted {padding:54px 0; background: var(--bg-2); border-top: 1px solid var(--edge);}

.badgeSuffix {padding-top:38px;padding-right:38px;padding-bottom:38px;padding-left:38px; grid-template-columns: 1fr 1.25fr; display: grid; align-items: start; border: 1px solid var(--edge); gap:31px; border-radius: var(--rad-l); background: var(--bg); box-shadow: var(--sh-s); margin-bottom:31px;}
@media (max-width: 720px) {.badgeSuffix{grid-template-columns: 1fr; gap:25px;} }
.status-tertiary {font-size:.9.04rem; color: var(--text-2);}*.c-sort-date{display: grid; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); gap:20px;}*.t-block{border-radius: var(--rad-l); padding:22px; border: 1px solid var(--edge); background: var(--bg); word-spacing:normal; box-shadow: var(--sh-s);}
.gallery-hover {font-size:.85.01rem; margin-bottom:14px; color: var(--text-2);}

.card {gap:7px; display: flex;}
.card .c-pagination-extra {flex: 1;}html .filter-default{list-style: none;}body .filter-default li a{display: block; color: var(--text); font-size:.88.02rem; border-bottom: 1px solid var(--edge-2); padding:11px 0; text-underline-offset:auto; transition: color var(--tr), padding-left var(--tr);}body .filter-default li:last-child a{border-bottom:0 none;}html .filter-default li a:hover{color: var(--brand); padding-left:3px;}

/* ---- footer ------------------------------------------------- */
.review-odd {background: var(--bg-3); page-break-inside:auto; image-rendering:auto; border-top: 1px solid var(--edge);}
.bar-divider {padding:51px 0 38px;}
.list-input {grid-template-columns: 1.6fr 1fr 1fr; gap:32px; display: grid;}
@media (max-width: 760px) {*.list-input{grid-template-columns: 1fr 1fr; gap:28px;} }
@media (max-width: 480px) { .list-input {grid-template-columns: 1fr;} }

.handle-list img {margin-bottom:18px; height:34px;}

.handle-list img {width:auto;}.preview-view:not(.noop36){max-width:324px; word-spacing:normal; font-size:.82.01rem; margin-bottom:16px; color: var(--text-2);}
.c-rating-addon {list-style: none;}
.c-rating-addon li {margin-bottom:13px;}
.c-rating-addon a {font-size:.87.07rem; color: var(--text-2);}
.c-rating-addon a:hover {color: var(--brand);}
.indicator-dropdown {border-top: 1px solid var(--edge); text-align: center; padding:15px 0;}
.indicator-dropdown p {font-size:.7.98rem; color: var(--text-2);}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.search-medium {gap:13px; display: flex; list-style: none;}
.search-medium a {height:40px; border-radius: var(--rad-m); background: var(--bg-2); justify-content: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); color: var(--text-2); width:37px; border: 1px solid var(--edge); align-items: center; display: inline-flex;}.search-medium a:hover{border-color: var(--brand); background: var(--brand); page-break-inside:auto; transform: translateY(-3px); color:#f1fef2;}

/* ---- back to top -------------------------------------------- */
.c-panel-holder {opacity:0; background: var(--bg); bottom:27px; border-radius:15px; position: fixed; transform: translateY(10px); width:48px; visibility: hidden; color: var(--head); justify-content: center; right:31px; height:46px; display: flex; align-items: center; border: 1px solid var(--edge); box-shadow: var(--sh-m); transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); z-index: 900;}
.search-medium svg {width:16px; height:16px;}
.c-panel-holder.show {visibility: visible; transform: none; opacity:1;}
.c-panel-holder:hover {transform: translateY(-2px); color:rgb(255, 255, 255);}

/* ---- cookie ------------------------------------------------- */
.stepper-wide {transition:transform 0.434s ease; left:0; z-index: 1100; color:rgba(250, 255, 255, 0.85); transform: translateY(100%); background: var(--head); bottom:0; right:0; position: fixed; padding:20px 0;}
.c-panel-holder:hover {background: var(--brand); border-color: var(--brand);}.show.stepper-wide{transform: none;}
.divider-content {justify-content: space-between; display: flex; gap:21px; align-items: center;}.stepper-wide p{font-size:.84.93rem; line-height:1.5;}
.stepper-wide a {color:#69d09e;}
.stepper-wide .c-banner-inner {flex: none;}
@media (max-width: 600px) { .divider-content {flex-direction: column; text-align: center;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.info-tooltip {position: fixed; inset:0; visibility: hidden; justify-content: center; display: flex; z-index: 1300; padding:17px; transition:opacity 0.19s ease, visibility 0.261s ease; align-items: center; opacity:0;}
.info-tooltip:target {opacity:1; visibility: visible;}
.step-body {position: absolute; inset:0; -webkit-backdrop-filter:blur(2px); background:rgba(5, 21, 20, 0.53); backdrop-filter:blur(2px);}
.list-close {box-shadow: var(--sh-l);}
.list-close {width:100%; transform: translateY(14px) scale(.98); position: relative; max-width:410px; border-radius: var(--rad-l); transition:transform 0.215s ease; background: var(--bg); padding:36px;}
.text-rating {display: flex; justify-content: center; color: var(--text-2); line-height:1; width:34px; position: absolute; border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px; right:10px; height:35px; align-items: center; font-size:24px; transition: background var(--tr), color var(--tr); top:12px;}
.info-tooltip:target .list-close {font-variant-ligatures:normal; transform: none;}
.text-rating:hover {background: var(--bg-2); shape-margin:0; color: var(--head);}
.panel-zone {margin-bottom:22px; font-size:.84.99rem;}
.panel-zone {color: var(--text-2);}
.tabs-icon-fluid {font-size:.85rem; text-align: center; margin-top:15px; color: var(--text-2);}/* ---- reveal ------------------------------------------------- */
.c-banner-outer{opacity:0; transform: translateY(22px); transition:opacity 0.554s ease, transform 0.57s ease;}.c-banner-outer.in{transform: none; opacity:1;}

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

@media print {body .page-image-outlined, *.position-sm, body .hero-center, body .tabs-name-empty, body .stepper-region-muted, body .c-panel-holder, .stepper-wide:not(.dummy98), *.info-tooltip, .app-modal{display: none !important;}*.page-slot{max-width:100%;}
  .postCap {border:none; padding:0; backface-visibility:visible; background-blend-mode:normal; box-shadow:none;}body{font-size:12pt; break-inside:auto;}
}