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

:root {--rad-m: 10px; --edge-2:  #chip-indicator; --bg:      #thumb-hero; --brand-d: #0f6f48; --bg-3:    #bannerDot; --bg-2:    #site-profile; --ff:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --text:    #37433d; --edge:    #popoverFill; --sh-l: 0 18px 48px rgba(15, 40, 28, .12); --ff-h: Georgia, "Iowan Old Style", "Times New Roman", "Noto Serif", serif; --rad-l: 16px; --tr: .25s cubic-bezier(.4, 0, .2, 1); --text-2:  #6b766f; --brand:   #16915e; --sh-m: 0 7px 24px rgba(15, 40, 28, .08); --sh-s: 0 1px 2px rgba(15, 40, 28, .06); --rad-s: 6px; --max: 1120px; --head:    #15201b; --ff-m: ui-monospace, "SFMono-Regular", Consolas, Menlo, monospace; --brand-l: #main-rating;}html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4{font-synthesis:weight style small-caps; padding:0; margin:0;}

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

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

img, svg {font-variant-caps:normal; break-inside:auto; display: block; height:auto; max-width:100%;}
a:hover {color: var(--brand-d);}
a {transition: color var(--tr); color: var(--brand); text-decoration:none;}
button {cursor: pointer; font-family:inherit; background:none; border:none;}

:focus-visible {outline: 2px solid var(--brand); border-top-left-radius:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:1px; outline-offset:2px;}
::selection {background: var(--brand-l); color: var(--head);}
::-webkit-scrollbar {width:13px;}::-webkit-scrollbar-track{background: var(--bg-2);}::-webkit-scrollbar-thumb:hover{background:#form_region;}
::-webkit-scrollbar-thumb {border-radius:14px; background:#page-step;}

.dropdown--medium {text-decoration-skip-ink:auto; margin:-1px; width:1px; height:1px; overflow: hidden; border:0; position: absolute; white-space: nowrap; padding:0; clip:rect(0,0,0,0);}

.breadcrumb__handle--primary {padding-inline:22px; margin-inline:auto; width:100%; max-width: var(--max);}

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

/* ---- span labels styled to look like section titles --------- */
.step {display: block; font-size:1.2rem; font-weight:700; line-height:1.3; font-family: var(--ff); color: var(--head); margin-bottom:16px;}.pr-end{margin-bottom:12px; font-size:1.08rem;}

/* ---- progress rail ------------------------------------------ */
.feature--vertical {position: fixed; isolation:auto; z-index: 1200; transition:width 0.09s linear; height:3px; inset:0 auto auto 0; background: linear-gradient(90deg, var(--brand), #4fd39c); width:0;}

/* ---- masthead (slim, content sits right under it) ----------- */
.stepper--even {-webkit-backdrop-filter:blur(10px); font-variant-caps:normal; backdrop-filter:blur(10px); position: sticky; background:rgba(255, 244, 243, 0.91); z-index: 1000; top:0; border-bottom: 1px solid var(--edge-2); transition: box-shadow var(--tr); shape-margin:0;}
.stepper--even.media--success {box-shadow:0 2px 18px rgba(30, 35, 46, 0.02);}
.spinner {display: flex; gap:16px;}body .o-badge{display: inline-flex; align-items: center;}
.spinner {align-items: center; height:54px;}
.o-badge img {width:auto; height:29px; font-synthesis:weight style small-caps; font-variant-caps:normal;}

.action-spacer-danger {display: flex; gap:14px;}

.action-spacer-danger {margin-left:auto; align-items: center;}
.select__value {list-style: none; align-items: center; gap:3px; display: flex;}
.visible-5 {color: var(--text); transition: background var(--tr), color var(--tr); font-size:.8.98rem; padding:8px 9px; font-weight:medium; border-radius: var(--rad-s); display: block;}
.visible-5:hover {tab-size:4; background: var(--brand-l); color: var(--brand); contain:none;}

.counter__body--light {align-items: center; gap:7px; display: flex;}
.spinner--outlined {color: var(--head); font-weight:600; font-size:.8.96rem; padding:8px 3px;}*.spinner--outlined:hover{color: var(--brand);}

.drawer__thumb--last {margin-left:auto; gap:4px; flex-direction: column; display: none; padding:12px;}
.drawer__thumb--last span {transition: transform var(--tr), opacity var(--tr); hyphens:manual; border-radius:2px; display: block; background: var(--head); font-synthesis:weight style small-caps; height:2px; width:23px;}body .drawer__thumb--last.x span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.drawer__thumb--last.x span:nth-child(2) {opacity:0;}body .drawer__thumb--last.x span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {
  .drawer__thumb--last {display: flex;}.action-spacer-danger{align-items: stretch; flex-direction: column; transform: translateY(-12px); background: var(--bg); inset:55px 0 auto 0; padding:15px 23px 27px; opacity:0; gap:10px; box-shadow: var(--sh-l); pointer-events: none; border-bottom: 1px solid var(--edge); position: absolute; transition: transform var(--tr), opacity var(--tr);}.open.action-spacer-danger{pointer-events: auto; transform: none; opacity:1;}.select__value{orphans:2; transform-style:flat; align-items: stretch; flex-direction: column;}
  .counter__body--light {padding-top:10px; border-top: 1px solid var(--edge); justify-content: flex-start;}
}

/* ---- content shell ------------------------------------------ */
.snackbar--primary {padding:39px 0 76px; perspective:none; page-break-inside:auto;}
.footer__backdrop--selected {max-width:756px;}
.footer__backdrop--selected {margin-inline:auto; width:100%;}/* ---- article (the only real content) ------------------------ */
.mediaSummary:not(._a90548){border-radius: var(--rad-l); padding-top:42px;padding-right:42px;padding-bottom:42px;padding-left:42px; box-shadow: var(--sh-s); background: var(--bg); border: 1px solid var(--edge-2);}
@media (max-width: 620px) { .mediaSummary {border-radius: var(--rad-m); padding:27px 24px;} }*.menu{margin-bottom:18px;}

.spinner__icon--fluid {margin-bottom:26px;}
.media--fixed {display: flex; font-size:.82rem; font-variant-caps:normal; gap:15px; flex-wrap: wrap; color: var(--text-2); align-items: center;}html .divider__slot--inverse{align-items: center; display: inline-flex; gap:3px;}
.divider__slot--inverse svg {flex: none; opacity:0.62;}

/* table of contents (collapsible, inside article) */
.snackbar__bar {margin-bottom:29px;}.searchDetail{border: 1px solid var(--edge); padding:17px 26px; border-radius: var(--rad-m); background: var(--bg-2);}
.timeline {font-size:.7.99rem; color: var(--brand);}
.stepper--elevated {align-items: center; margin-bottom:10px; tab-size:4; display: flex; justify-content: space-between;}
.feature ol {text-decoration-skip-ink:auto; list-style: none; transform-style:flat; counter-reset: t;}
.feature li {margin-bottom:4px; counter-increment: t;}body .feature li::before{color: var(--brand); font-weight:700; content: counter(t) ". ";}.feature a{font-variant-ligatures:normal; color: var(--text); font-size:.8.95rem; image-rendering:auto;}
.feature a:hover {color: var(--brand);}

/* article body — real H2/H3 live here */
.profile__handle--fixed {will-change:auto; font-size:1.01rem; color: var(--text); text-decoration-skip-ink:auto; line-height:1.82;}
.profile__handle--fixed > * + * {margin-top:1.1em;}
.profile__handle--fixed h2 {font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); margin-top:1.93em;}
.profile__handle--fixed h3 {margin-top:1.58em; font-size:1.31rem;}
.profile__handle--fixed p {margin:0 0 1.16em;}.profile__handle--fixed ul, .profile__handle--fixed ol{break-inside:auto; margin:0 0 1.12em; padding-left:1.44em;}
.profile__handle--fixed li {margin-bottom:.44.93em;}
.profile__handle--fixed a {text-decoration:underline; text-underline-offset:2px; text-decoration-color:rgba(28, 141, 99, 0.51);}.profile__handle--fixed a:hover{widows:2; page-break-inside:auto; text-decoration-color: var(--brand);}
.profile__handle--fixed img {margin:1.54em 0; border-radius: var(--rad-m);}
.profile__handle--fixed blockquote {color: var(--head); font-style:italic; font-family: var(--ff-h); border-radius: 0 var(--rad-s) var(--rad-s) 0; padding:1.08em 1.22em; background: var(--brand-l); border-left: 4px solid var(--brand); margin:1.49em 0;}html .profile__handle--fixed pre{background:#24291a; overflow-x: auto; font-size:.88.08rem; padding:1.08em 1.29em; border-radius: var(--rad-m); font-family: var(--ff-m); margin:1.53em 0; color:#status_outer;}body .profile__handle--fixed code{font-size:.9.05em;}body .profile__handle--fixed code{font-family: var(--ff-m); padding:2px 5px; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-right-radius:8px; border-bottom-left-radius:8px; color:#045e43; background: var(--bg-2);}
.profile__handle--fixed pre code {padding:0; background:none; color:inherit;}
.profile__handle--fixed table {border-collapse:collapse; font-size:.94.95rem; width:100%; margin:1.47em 0;}.profile__handle--fixed th, html .profile__handle--fixed td{-moz-tab-size:4;tab-size:4; text-align: left; border: 1px solid var(--edge); padding:8px 18px;}body .profile__handle--fixed th{background: var(--bg-2); font-weight:500; font-family: var(--ff); color: var(--head);}/* share */
.sliderThumb{gap:16px; margin-top:32px; align-items: center; padding-top:26px; display: flex; flex-wrap: wrap; border-top: 1px solid var(--edge-2);}
.app-entry {font-weight:700; color: var(--head); text-underline-offset:auto; font-size:.86.05rem;}
.panel--sticky {gap:9px; display: flex;}
.avatar__region {transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); background: var(--bg-2); justify-content: center; color: var(--text-2); align-items: center; border-top-left-radius:13px;border-top-right-radius:13px;border-bottom-right-radius:13px;border-bottom-left-radius:13px; width:40px; height:42px; border: 1px solid var(--edge); display: inline-flex;}
.avatar__region:hover {transform: translateY(-2px); border-color: var(--brand); box-shadow:0 1px 15px rgba(33, 138, 91, 0.33); background: var(--brand); color:#main-slider;}

/* ---- forms & controls --------------------------------------- */
.menu__suffix {text-underline-offset:auto; margin-top:2px; tab-size:4;}/* ---- comments (directly under article) ---------------------- */
.toolbar--light:not(._a90548){border-radius: var(--rad-l); background-blend-mode:normal; background: var(--bg); padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px; margin-top:26px; box-shadow: var(--sh-s); border: 1px solid var(--edge-2); font-variant-ligatures:normal;}
.header__handle {gap:17px; margin-bottom:16px; display: grid; grid-template-columns: 1fr 1fr;}body .progress__close{widows:2; margin-bottom:16px; font-synthesis:weight style small-caps;}
@media (max-width: 560px) {body .header__handle{grid-template-columns: 1fr;} }

.select__row--compact {padding:11px 13px; border: 1px solid var(--edge); background: var(--bg); transition: border-color var(--tr), box-shadow var(--tr); border-radius: var(--rad-m); font:inherit; font-size:.91.97rem; color: var(--text); width:100%;}.select__row--compact::placeholder{color:#post-area;}
.select__row--compact:focus {border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-l); outline:none;}.panel--center:not(._a90548){line-height:1.6; text-rendering:auto; min-height:129px; resize: vertical; transform-style:flat;}

.toolbar__backdrop {justify-content: center; border-radius: var(--rad-m); white-space: nowrap; font-weight:600; align-items: center; font-size:.91.99rem; gap:6px; padding:7px 28px; font:inherit; display: inline-flex; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr);}
.moduleOuter {background: var(--brand); box-shadow:0 4px 17px rgba(17, 132, 105, 0.29); color:#main-slider;}
.moduleOuter:hover {transform: translateY(-1px); background: var(--brand-d); box-shadow:0 9px 17px rgba(37, 160, 104, 0.36); color:#main-slider;}
.sort__overlay--narrow {border: 1.5px solid var(--brand); break-inside:auto;}
.sort__overlay--narrow {color: var(--brand); background:transparent; contain:none; padding:4px 18px;}html .sort__overlay--narrow:hover{background: var(--brand);}html .sort__overlay--narrow:hover{background-blend-mode:normal; color:#main-slider;}
.reply__toggle {color: var(--text); background: var(--bg-2); border: 1px solid var(--edge);}
.reply__toggle:hover {color: var(--head); background: var(--edge-2);}
.py-2 {padding:0; flex: none; width:43px;}

/* ---- extras zone (everything else, pushed below content) ---- */
.divider__primary--focused {padding:53px 0; background: var(--bg-2); border-top: 1px solid var(--edge); text-rendering:auto;}html .card__info--highlight{width:100%;}

.block__section {grid-template-columns: 1fr 1.25fr; display: grid; align-items: start; border-radius: var(--rad-l); border: 1px solid var(--edge); mix-blend-mode:normal; gap:33px; box-shadow: var(--sh-s); background: var(--bg); padding:36px; margin-bottom:36px;}
@media (max-width: 720px) { .block__section {gap:18px; grid-template-columns: 1fr;} }
.visible-2 {font-size:.8.99rem; color: var(--text-2); image-rendering:auto; font-synthesis:weight style small-caps;}

.comment__prefix {gap:19px; display: grid;}

.comment__prefix {grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));}
.c-widget-separator {perspective:none; page-break-inside:auto; margin-bottom:18px; font-size:.85.05rem; color: var(--text-2);}
.px-none {border: 1px solid var(--edge); padding:26px; background: var(--bg); box-shadow: var(--sh-s); border-radius: var(--rad-l);}

.media {gap:11px; display: flex;}.media :where(.select__row--compact){flex: 1;}

.card__number {list-style: none;}
.card__number li a {text-underline-offset:auto; font-size:.88.03rem; contain:none; display: block; border-bottom: 1px solid var(--edge-2); padding:13px 0; transition: color var(--tr), padding-left var(--tr); color: var(--text);}
.card__number li:last-child a {-moz-tab-size:4;border-bottom:0; background-blend-mode:normal; tab-size:4;}
.card__number li a:hover {padding-left:2px; color: var(--brand); widows:2;}
.modal__row {padding:51px 0 35px;}/* ---- footer ------------------------------------------------- */
.grid-inline{border-top: 1px solid var(--edge); background: var(--bg-3);}
.carousel__button--hover {grid-template-columns: 1.6fr 1fr 1fr; display: grid; gap:35px;}
@media (max-width: 760px) { .carousel__button--hover {gap:26px; grid-template-columns: 1fr 1fr;} }
@media (max-width: 480px) { .carousel__button--hover {grid-template-columns: 1fr;} }.popover img{height:31px; width:auto; margin-bottom:11px;}.review__expand:not(._a90548){color: var(--text-2); margin-bottom:17px; font-size:.82.02rem; max-width:319px;}.carousel:not(._a90548){list-style: none;}
.carousel li {margin-bottom:14px;}
.carousel a {color: var(--text-2); font-size:.86.97rem;}
.carousel a:hover {color: var(--brand);}
.snackbar--left {border-top: 1px solid var(--edge); text-align: center; padding:16px 0;}body .snackbar--left p{font-size:.7.97rem; color: var(--text-2);}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.dialog__holder {display: flex; gap:14px; list-style: none;}
.dialog__holder a {display: inline-flex; background: var(--bg-2); justify-content: center; height:38px; color: var(--text-2); border: 1px solid var(--edge); align-items: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); width:35px; border-radius: var(--rad-m);}
.dialog__holder a:hover {background-blend-mode:normal; background: var(--brand); text-rendering:auto; border-color: var(--brand); transform: translateY(-3px); color:#main-slider;}
.dialog__holder svg {width:14px; height:20px;}

/* ---- back to top -------------------------------------------- */
.block__icon--filled {position: fixed; height:43px; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); color: var(--head); bottom:28px; right:31px; box-shadow: var(--sh-m); transform: translateY(10px); z-index: 900; align-items: center; justify-content: center; width:46px; border-radius:8px; background: var(--bg); border: 1px solid var(--edge); visibility: hidden; display: flex; opacity:0;}
.block__icon--filled.show {visibility: visible; opacity:1; transform: none;}
.block__icon--filled:hover {transform: translateY(-2px);}
.block__icon--filled:hover {background: var(--brand); border-color: var(--brand); color:#main-slider;}

/* ---- cookie ------------------------------------------------- */
.dialog__input {color:rgba(239, 255, 243, 0.9); z-index: 1100; bottom:0; position: fixed; right:0; transition:transform 0.343s ease; background: var(--head); padding:18px 0; transform: translateY(100%); left:0;}
.menu__suffix {gap:23px; display: flex; justify-content: space-between; align-items: center;}
.dialog__input.show {transform: none; backface-visibility:visible;}
.dialog__input p {font-size:.85.01rem; line-height:1.5;}.dialog__input a{color:hsl(139, 71.2%, 69.3%);}
.dialog__input .toolbar__backdrop {flex: none;}
@media (max-width: 600px) {*.menu__suffix{flex-direction: column; text-align: center;} }/* ---- :target auth modals (markup lives at end of body) ------ */
.banner{visibility: hidden; display: flex; position: fixed; inset:0; justify-content: center; padding:22px; z-index: 1300; opacity:0; align-items: center; transition:opacity 0.292s ease, visibility 0.249s ease;}
.banner:target {visibility: visible; opacity:1;}html .table__icon--sticky{-webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); position: absolute; inset:0; background:rgba(25, 42, 16, 0.58);}
.breadcrumb__outer--disabled {position: relative; transition:transform 0.306s ease; box-shadow: var(--sh-l); background: var(--bg); padding:35px; width:100%; border-radius: var(--rad-l); max-width:412px; transform: translateY(14px) scale(.98);}
.banner:target .breadcrumb__outer--disabled {transform: none; image-rendering:auto;}*.page--dark{transition: background var(--tr), color var(--tr); right:17px; top:10px; border-radius:6px; height:35px; display: flex; align-items: center; justify-content: center; width:36px; font-size:22px; position: absolute; color: var(--text-2); line-height:1;}
.alert {margin-bottom:16px; color: var(--text-2); font-size:.84.99rem;}
.page--dark:hover {color: var(--head); background: var(--bg-2);}
.media--loading {margin-top:16px; font-size:.85.04rem; orphans:2; text-align: center; color: var(--text-2);}/* ---- reveal ------------------------------------------------- */
.header{opacity:0; transform: translateY(22px); transition:opacity 0.512s ease, transform 0.513s ease;}
.header.in {transform: none; opacity:1;}

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

@media print {.stepper--even:not(._a90548), .feature--vertical, .sliderThumb, *.toolbar--light, html .divider__primary--focused, *.block__icon--filled, body .dialog__input, .banner, .drawer__thumb--last{display: none !important;}*.footer__backdrop--selected{max-width:100%;}
  .mediaSummary {box-shadow:none; border:0 none; padding:0;}
  body {font-size:12pt;}
}