*, *::before, *::after {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{--brand-d: #0f6f48; --sh-m: 0 7px 24px rgba(15, 40, 28, .08); --text-2:  #6b766f; --bg-2:    #f3f7f4; --sh-l: 0 18px 48px rgba(15, 40, 28, .12); --brand-l: #e7f5ee; --max: 1120px; --ff:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --ff-h: Georgia, "Iowan Old Style", "Times New Roman", "Noto Serif", serif; --ff-m: ui-monospace, "SFMono-Regular", Consolas, Menlo, monospace; --rad-l: 16px; --text:    #37433d; --bg:      #ffffff; --rad-s: 6px; --edge-2:  #edf2ef; --sh-s: 0 1px 2px rgba(15, 40, 28, .06); --bg-3:    #f1f6f3; --edge:    #e3ebe6; --brand:   #16915e; --rad-m: 10px; --tr: .25s cubic-bezier(.4, 0, .2, 1); --head:    #15201b;}html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4{break-inside:auto; padding:0; margin:0;}

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

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

img, svg {display: block; max-width:100%; height:auto; perspective:none;}
a {color: var(--brand); text-decoration:none; transition: color var(--tr);}
a:hover {color: var(--brand-d);}
button {background:none; font-family:inherit; cursor: pointer; border:none 0;}
.sidebar-indicator::before {content:''; justify-content:flex-start; color:#555555; padding-bottom:18px; position:static}

::selection {color: var(--head); background: var(--brand-l);}

:focus-visible {border-top-left-radius:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:1px; outline-offset:2px; outline: 2px solid var(--brand);}
::-webkit-scrollbar {width:13px;}
::-webkit-scrollbar-track {background: var(--bg-2);}
::-webkit-scrollbar-thumb {border-radius:8px; background-color:#c2c5bb;}::-webkit-scrollbar-thumb:hover{background-color:#b2bdaf;}

.o-sidebar {width:1px; padding:0; clip:rect(0,0,0,0); border:0; position: absolute; overflow: hidden; white-space: nowrap; margin:-1px; height:1px;}.p-block{max-width: var(--max); margin-inline:auto; padding-inline:22px;}.p-block{width:100%;}

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

/* ---- span labels styled to look like section titles --------- */
.u-skeleton-region {font-family: var(--ff); color: var(--head); line-height:1.3; margin-bottom:18px; font-size:1.14rem; display: block; font-weight:bold;}
.stepper__input {margin-bottom:12px; font-size:0.92rem;}

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

/* ---- progress rail ------------------------------------------ */
.l-dialog-time {transition:width 0.096s linear; inset:0 auto auto 0; background: linear-gradient(90deg, var(--brand), #4fd39c); height:1px; z-index: 1200; position: fixed; transform-style:flat; width:0; background-blend-mode:normal;}
.text-md.o-gallery-value {box-shadow:0 2px 19px rgba(9, 24, 23, 0.15);}
.o-avatar-bar {display: flex; gap:22px; height:58px; align-items: center;}

.post-summary-danger {align-items: center; display: inline-flex;}
.section-track:hover {border:none; height:auto}

.nav-slot:hover {gap:0.25rem; flex-wrap:nowrap; padding-top:2.5rem; line-height:1; transition:opacity 0.45s; overflow:auto}

.post-summary-danger img {width:auto; height:30px;}

.formBackdrop {display: flex; align-items: center; gap:16px; margin-left:auto;}
.app-dialog {list-style: none; gap:1px; display: flex; align-items: center;}
.ui-skeleton {display: block; padding-top:11px;padding-right:13px;padding-bottom:11px;padding-left:13px; color: var(--text); border-radius: var(--rad-s); font-size:.8.93rem; font-weight:500; transition: background var(--tr), color var(--tr);}.ui-skeleton:hover{background: var(--brand-l); color: var(--brand);}

.toggle-placeholder-light {gap:8px; align-items: center; display: flex;}
.u-table-overlay {font-size:.9.06rem; color: var(--head); padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px; font-weight:600;}html .u-table-overlay:hover{color: var(--brand);}

.el-carousel-wrap {display: none; margin-left:auto; padding:12px; flex-direction: column; gap:8px;}
.el-carousel-wrap span {display: block; background: var(--head); height:2px; border-radius:2px; width:24px; transition: transform var(--tr), opacity var(--tr);}*.el-carousel-wrap.x span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.el-carousel-wrap.x span:nth-child(2) {opacity:0;}.x.el-carousel-wrap span:nth-child(3){mix-blend-mode:normal; transform: translateY(-7px) rotate(-45deg); text-rendering:auto;}

@media (max-width: 820px) {
  .el-carousel-wrap {display: flex;}
  .formBackdrop {position: absolute; inset:56px 0 auto 0; box-shadow: var(--sh-l); border-bottom: 1px solid var(--edge); flex-direction: column; transition: transform var(--tr), opacity var(--tr); pointer-events: none; opacity:0; transform: translateY(-12px); align-items: stretch; background: var(--bg); padding:17px 20px 24px; gap:18px;}
  .formBackdrop.open {transform: none; opacity:1; pointer-events: auto;}
  .app-dialog {align-items: stretch; flex-direction: column;}
  .toggle-placeholder-light {justify-content: flex-start; border-top: 1px solid var(--edge); padding-top:10px;}
}

/* ---- content shell ------------------------------------------ */
.u-profile {break-inside:auto; padding:40px 0 74px; shape-margin:0;}
.snackbar-info + .media-info {display:block; height:auto; min-height:39px; justify-content:space-around; transition:transform 0.5s ease-in-out}

.l-dropdown {margin-inline:auto; max-width:759px; width:100%;}

/* ---- article (the only real content) ------------------------ */
.ui-progress-name {background: var(--bg); padding-top:44px;padding-right:44px;padding-bottom:44px;padding-left:44px; border: 1px solid var(--edge-2); border-radius: var(--rad-l); box-shadow: var(--sh-s);}
.footer-preview:hover {overflow:hidden; max-width:200px}

@media (max-width: 620px) {*.ui-progress-name{padding:29px 17px; border-radius: var(--rad-m);} }

.l-drawer-fill {margin-bottom:26px;}
.toolbar-action::before {content:''; opacity:0.74}

.c-alert-line {margin-bottom:13px;}
.o-post {flex-wrap: wrap; font-size:.82rem; gap:18px; display: flex; align-items: center; color: var(--text-2);}
.app-thread {display: inline-flex; align-items: center; gap:7px;}*.app-thread svg{opacity:0.67; flex: none;}
.o-status {border: 1px solid var(--edge); background: var(--bg-2); will-change:auto; border-radius: var(--rad-m); padding-top:19px;padding-right:20px;padding-bottom:19px;padding-left:20px; isolation:auto;}/* table of contents (collapsible, inside article) */
.t-reply:not(.dummy18){margin-bottom:32px;}
.c-nav {margin-bottom:9px; display: flex; align-items: center;}
.app-status {font-size:.8.01rem; color: var(--brand);}
.c-nav {justify-content: space-between;}
.o-sort ol {list-style: none; counter-reset: t;}
.o-sort li {counter-increment: t; margin-bottom:7px;}
.o-sort li::before {font-weight:600; color: var(--brand); content: counter(t) ". ";}html .o-sort a{font-size:.8.92rem; color: var(--text);}
.o-sort a:hover {color: var(--brand);}

/* article body — real H2/H3 live here */
.u-select {font-size:1.14rem; color: var(--text); line-height:1.82;}
@media (min-width: 480px) {
  .block-wrapper:not(:last-child) {cursor:pointer; align-items:baseline; flex:none; transition:color 0.5s; justify-content:space-around}
  .post-handle:hover {padding-top:0.875rem; border-radius:50%}
  .footer-preview:hover {transition:opacity 0.35s; line-height:normal; justify-content:space-around; font-size:inherit; display:inline; flex-wrap:wrap}
  .sidebar-indicator::before {content:''; background-color:hsl(44, 80.3%, 49.8%); cursor:pointer; width:100%; flex-wrap:nowrap; overflow:auto}
}


.u-select > * + * {margin-top:1.18em;}html .u-select h2{font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); margin-top:1.91em;}
.u-select h3 {font-size:1.28rem; page-break-inside:auto; margin-top:1.58em;}
.u-select p {margin:0 0 1.14em;}.u-select ul, *.u-select ol{margin:0 0 1.08em; padding-left:1.39em;}.u-select li{margin-bottom:.45.06em; contain:none;}
.u-select a {text-decoration:underline; text-underline-offset:2px;}
.u-select a {text-decoration-color:rgba(10, 138, 105, 0.42);}
.u-select a:hover {text-decoration-color: var(--brand);}
.u-select img {margin:1.51em 0; border-radius: var(--rad-m);}
.u-select blockquote {background: var(--brand-l); color: var(--head); font-family: var(--ff-h); border-radius: 0 var(--rad-s) var(--rad-s) 0; margin:1.54em 0; padding:1.06em 1.28em; border-left: 4px solid var(--brand); font-style:italic;}html .u-select pre{overflow-x: auto; font-size:.87.97rem; margin:1.45em 0; border-radius: var(--rad-m); font-family: var(--ff-m); padding:1.2em 1.28em;}html .u-select pre{color:#f0e3da; background:rgb(17, 13, 3);}
.u-select code {padding:2px 7px; font-family: var(--ff-m); color:rgb(18, 95, 91); border-radius:1px; background: var(--bg-2); font-size:.8.98em;}
.u-select pre code {padding:0; color:inherit; background:none;}
.u-select table {font-size:.94.94rem; border-collapse:collapse; margin:1.56em 0; width:100%;}.u-select th, body .u-select td{border: 1px solid var(--edge); padding-top:9px; padding-right:14px;}.u-select th, body .u-select td{padding-bottom:9px; padding-left:14px; text-align: left; word-spacing:normal;}*.u-select th{font-family: var(--ff); color: var(--head); font-weight:600; background: var(--bg-2);}

/* share */
.u-reply {flex-wrap: wrap; gap:16px; display: flex; padding-top:26px; margin-top:28px; align-items: center; border-top: 1px solid var(--edge-2);}.o-divider:not(.placeholder98){font-size:.85.93rem;}
.ui-dropdown {gap:13px; display: flex;}.o-divider:not(.placeholder98){color: var(--head); font-weight:600;}.cap-action:not(.none75){border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px; display: inline-flex; border: 1px solid var(--edge); height:37px; color: var(--text-2); background: var(--bg-2); align-items: center; justify-content: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); width:36px;}

/* ---- comments (directly under article) ---------------------- */
.o-toolbar {text-underline-offset:auto; padding-top:29px;padding-right:29px;padding-bottom:29px;padding-left:29px; box-shadow: var(--sh-s); border: 1px solid var(--edge-2); border-radius: var(--rad-l); background: var(--bg); margin-top:27px;}
.cap-action:hover {border-color: var(--brand); background: var(--brand); color:#fefcff; box-shadow:0 1px 11px rgba(32, 158, 86, 0.36); transform: translateY(-2px);}
.badge-secondary.toolbar-focused {padding:4px 39px; margin-top:1.125rem; margin-left:0; opacity:0.57}


/* ---- forms & controls --------------------------------------- */
.o-step-line {margin-top:6px; backface-visibility:visible; transform-style:flat;}.l-gallery:not(.null35){margin-bottom:14px;}
.el-thread {gap:18px; grid-template-columns: 1fr 1fr; display: grid; margin-bottom:15px;}
@media (max-width: 560px) { .el-thread {font-synthesis:weight style small-caps; page-break-inside:auto; grid-template-columns: 1fr;} }

.app-panel {border-radius: var(--rad-m); background: var(--bg); border: 1px solid var(--edge); font:inherit; font-size:.92.05rem; transition: border-color var(--tr), box-shadow var(--tr); width:100%; padding-top:8px;padding-right:17px;padding-bottom:8px;padding-left:17px; color: var(--text);}
.app-panel::placeholder {color:rgb(150, 153, 167);}.ui-popover{resize: vertical; min-height:132px; line-height:1.6;}
.app-panel:focus {border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-l); outline:none;}

.c-accordion {white-space: nowrap; display: inline-flex; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); font-weight:600; align-items: center; justify-content: center; gap:8px; font:inherit; border-radius: var(--rad-m); font-size:.91.93rem; padding:11px 24px;}
.c-counter-bar {color:#f8ffee; box-shadow:0 1px 10px rgba(8, 154, 84, 0.32); background: var(--brand);}
.c-counter-bar:hover {transform: translateY(-1px); box-shadow:0 2px 18px rgba(9, 130, 105, 0.42); color:#fff6fd; background: var(--brand-d);}
.nav-prefix:hover {transition:all 0.45s ease; position:absolute}

.o-card {background:transparent; color: var(--brand); border: 1.5px solid var(--brand); padding-top:5px;padding-right:18px;padding-bottom:5px;padding-left:18px;}
.c-chip {border: 1px solid var(--edge); background: var(--bg-2); color: var(--text);}
.o-card:hover {color:hsl(61, 100%, 96.8%); background: var(--brand);}
.c-chip:hover {background: var(--edge-2); color: var(--head);}
.ui-tooltip-tertiary {width:49px; padding:0; flex: none;}
.searchSubtitle {width:100%;}
.post-handle:hover {transition:opacity 0.15s; cursor:default; max-width:660px; overflow:auto; padding-bottom:1.25rem}


/* ---- extras zone (everything else, pushed below content) ---- */
.c-toolbar-date {border-top: 1px solid var(--edge); background: var(--bg-2); padding:59px 0;}

.counter__addon--outlined {align-items: start; gap:33px; background: var(--bg); box-shadow: var(--sh-s); padding:30px; display: grid; border: 1px solid var(--edge); grid-template-columns: 1fr 1.25fr; margin-bottom:36px; border-radius: var(--rad-l);}
@media (max-width: 720px) { .counter__addon--outlined {gap:23px; grid-template-columns: 1fr;} }
.nav-placeholder {background-color:#d6eadd; min-width:0; display:inline-flex; transition:opacity 0.3s; position:absolute}
*.t-alert-summary{grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); gap:21px; display: grid;}html .galleryRow{font-size:.9rem; color: var(--text-2);}html .el-review{border-radius: var(--rad-l); box-shadow: var(--sh-s); background: var(--bg); padding:30px; border: 1px solid var(--edge);}
.app-thread-block {margin-bottom:17px; color: var(--text-2); font-size:.85.06rem;}

.ui-breadcrumb {display: flex; gap:9px;}
.ui-breadcrumb .app-panel {flex: 1;}

.t-media {text-underline-offset:auto; list-style: none; text-rendering:auto;}
.t-media li a {border-bottom: 1px solid var(--edge-2); display: block; transition: color var(--tr), padding-left var(--tr); padding:8px 0; color: var(--text); font-size:.88.03rem;}*.t-media li:last-child a{border-bottom:none;}

/* ---- footer ------------------------------------------------- */
.u-media-body {background: var(--bg-3); font-synthesis:weight style small-caps; image-rendering:auto; border-top: 1px solid var(--edge);}.t-media li a:hover{color: var(--brand); padding-left:7px;}
.divider--bottom {text-decoration:none; position:absolute; margin-top:0.75rem; flex-wrap:nowrap; transition:transform 0.3s ease-in-out}

.ui-slider {page-break-inside:auto; hyphens:manual; padding:50px 0 32px;}
.block-wrapper:not(:last-child) {margin:0 auto; position:absolute; max-width:none; box-shadow:0 6px 15px rgba(0,0,0,0.25); transition:all 0.15s ease; opacity:0.80}

.u-gallery-track {display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap:31px; font-variant-ligatures:normal;}
@media (max-width: 760px) { .u-gallery-track {-moz-tab-size:4;shape-margin:0; grid-template-columns: 1fr 1fr; gap:23px; tab-size:4;} }
@media (max-width: 480px) { .u-gallery-track {grid-template-columns: 1fr;} }html .app-divider{color: var(--text-2); margin-bottom:16px; font-size:.81.94rem; max-width:318px;}.c-badge-summary img{height:26px; width:auto; margin-bottom:12px;}.c-tooltip-holder{page-break-inside:auto; list-style: none;}
.c-tooltip-holder li {margin-bottom:12px;}*.c-tooltip-holder a{font-size:.86.99rem;}*.c-tooltip-holder a{perspective:none; color: var(--text-2);}
.c-tooltip-holder a:hover {color: var(--brand);}
.ui-sort-spacer {text-align: center; border-top: 1px solid var(--edge); padding:14px 0;}
.ui-sort-spacer p {color: var(--text-2); font-size:.8.08rem;}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.t-page-area {text-underline-offset:auto; list-style: none; gap:9px; display: flex;}
.hero-data.nav-horizontal {position:absolute; text-transform:uppercase; align-items:stretch; display:inline}

.t-page-area a {width:35px; color: var(--text-2); align-items: center; height:36px; background: var(--bg-2); justify-content: center; border: 1px solid var(--edge); display: inline-flex; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); border-radius: var(--rad-m);}*.t-page-area a:hover{color:#fef4fe; text-decoration-skip-ink:auto; border-color: var(--brand); background: var(--brand); transform: translateY(-3px);}/* ---- back to top -------------------------------------------- */
.chipPrimary{visibility: hidden; height:44px; justify-content: center; opacity:0; bottom:32px; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); background: var(--bg); display: flex; transform: translateY(10px); right:26px; border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-right-radius:15px;border-bottom-left-radius:15px; box-shadow: var(--sh-m); z-index: 900; color: var(--head); position: fixed; align-items: center; width:44px; border: 1px solid var(--edge);}
.t-page-area svg {height:15px; width:21px;}
.chipPrimary.show {opacity:1; visibility: visible; transform: none; font-variant-ligatures:normal;}
.chipPrimary:hover {border-color: var(--brand); color:#ffffff; background: var(--brand); transform: translateY(-2px);}/* ---- cookie ------------------------------------------------- */
.app-badge-area{background: var(--head); z-index: 1100; position: fixed; transform: translateY(100%); padding:12px 0; bottom:0; color:rgba(251, 255, 255, 0.9); left:0; transition:transform 0.432s ease; right:0;}
.app-tabs-dot {justify-content: space-between; display: flex; gap:16px; align-items: center;}.app-badge-area.show{transform: none;}
.app-badge-area p {line-height:1.5; font-size:.85.07rem;}
.app-badge-area a {color:hsl(161, 54.9%, 66.9%);}
.app-badge-area .c-accordion {flex: none;}
@media (max-width: 600px) {body .app-tabs-dot{flex-direction: column; text-align: center;} }/* ---- :target auth modals (markup lives at end of body) ------ */
.l-list-block{display: flex; z-index: 1300; inset:0; padding-top:22px;}/* ---- :target auth modals (markup lives at end of body) ------ */
.l-list-block{padding-right:22px; padding-bottom:22px; padding-left:22px; visibility: hidden; position: fixed; transition:opacity 0.243s ease, visibility 0.281s ease; justify-content: center; opacity:0; align-items: center;}.l-list-block:target{visibility: visible; opacity:1;}
.avatarImage {max-width:406px; box-shadow: var(--sh-l); background: var(--bg); padding:34px; position: relative; transition:transform 0.211s ease; width:100%; border-radius: var(--rad-l); transform: translateY(14px) scale(.98);}
.avatarRow {inset:0; -webkit-backdrop-filter:blur(2px); position: absolute; background:rgba(21, 31, 34, 0.54); backdrop-filter:blur(2px);}
.l-list-block:target .avatarImage {transform: none;}html .o-search-area{color: var(--text-2); display: flex; width:31px; height:34px; font-size:23px; align-items: center; justify-content: center; border-radius:4px; right:13px; position: absolute; line-height:1; transition: background var(--tr), color var(--tr); top:16px;}
.o-search-area:hover {-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual; background: var(--bg-2); color: var(--head); text-underline-offset:auto;}*.t-block{margin-bottom:17px; font-size:.84.99rem; color: var(--text-2);}.el-skeleton{color: var(--text-2); font-size:.85.05rem; text-align: center; margin-top:20px;}/* ---- reveal ------------------------------------------------- */
.c-badge{transform: translateY(22px); transition:opacity 0.607s ease, transform 0.544s ease;}/* ---- reveal ------------------------------------------------- */
.c-badge{opacity:0;}
.c-badge.in {transform: none; opacity:1; break-inside:auto;}

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

@media print {
  .text-md, .l-dialog-time, .u-reply, .o-toolbar, .c-toolbar-date, .chipPrimary, .app-badge-area, .l-list-block, .el-carousel-wrap {display: none !important;}.l-dropdown{max-width:100%;}
  .ui-progress-name {box-shadow:none; border:0; padding:0;}
  body {font-size:12pt;}
}