

*, *::before, *::after {box-sizing: border-box;}
.thread__spacer {cursor:default; padding-left:29px; width:fit-content; margin:17px 15px}
/* =============================================================
   Template 1106_new_v1 — Stylesheet
   Self-contained · no framework · no external fonts.
   Content-first layout. Secondary labels are <span>, not headings.
   ============================================================= */

:root {--text-2:  #6b766f; --tr: .25s cubic-bezier(.4, 0, .2, 1); --bg:      #ffffff; --ff:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --edge:    #e3ebe6; --brand:   #16915e; --text:    #37433d; --sh-m: 0 7px 24px rgba(15, 40, 28, .08); --brand-d: #0f6f48; --rad-m: 10px; --edge-2:  #edf2ef; --max: 1120px; --rad-l: 16px; --bg-3:    #f1f6f3; --ff-h: Georgia, "Iowan Old Style", "Times New Roman", "Noto Serif", serif; --bg-2:    #f3f7f4; --head:    #15201b; --ff-m: ui-monospace, "SFMono-Regular", Consolas, Menlo, monospace; --rad-s: 6px; --sh-l: 0 18px 48px rgba(15, 40, 28, .12); --sh-s: 0 1px 2px rgba(15, 40, 28, .06); --brand-l: #e7f5ee;}
.view-value:hover {opacity:0.21; flex-wrap:nowrap}

html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4 {padding:0; margin-top:0em;margin-right:0em;margin-bottom:0em;margin-left:0em;}

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

body {line-height:1.7; min-height:100%; overflow-x: hidden; font-size:19px; background: var(--bg); color: var(--text); font-family: var(--ff);}
a {text-decoration:none; transition: color var(--tr); text-decoration-skip-ink:auto; color: var(--brand);}

img, svg {max-width:100%; height:auto; display: block;}
a:hover {will-change:auto; color: var(--brand-d);}button{cursor: pointer; border:none 0; font-family:inherit; background:none;}

:focus-visible {outline-offset:2px; outline: 2px solid var(--brand); border-radius:7px;}::selection{color: var(--head); background: var(--brand-l);}
::-webkit-scrollbar {isolation:auto; width:11px;}
::-webkit-scrollbar-track {background: var(--bg-2);}
::-webkit-scrollbar-thumb:hover {background:rgb(190, 155, 187); image-rendering:auto;}::-webkit-scrollbar-thumb{border-top-left-radius:11px;border-top-right-radius:11px;border-bottom-right-radius:11px;border-bottom-left-radius:11px; background:#cad9bf;}

.ml-md {border:none; position: absolute; padding:0; margin:-1px; clip:rect(0,0,0,0); white-space: nowrap; overflow: hidden; width:1px; height:1px;}.position-2:not(.skip27){padding-inline:22px; margin-inline:auto; max-width: var(--max); width:100%;}/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4{font-weight:bold;}/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4{color: var(--head); line-height:1.25; font-family: var(--ff-h);}h1{letter-spacing:-.11.98em; font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem);}/* ---- span labels styled to look like section titles --------- */
.pr-xs{font-family: var(--ff); display: block; font-size:1.16rem; margin-bottom:16px; line-height:1.3; color: var(--head); font-weight:700;}

/* ---- progress rail ------------------------------------------ */
.d-10 {position: fixed; width:0; transition:width 0.139s linear; inset:0 auto auto 0; background: linear-gradient(90deg, var(--brand), #4fd39c); height:3px; z-index: 1200;}
.pl-md {margin-bottom:11px; font-size:0.98rem;}/* ---- masthead (slim, content sits right under it) ----------- */
.rounded-between{transition: box-shadow var(--tr); border-bottom: 1px solid var(--edge-2); top:0; text-decoration-skip-ink:auto; -webkit-backdrop-filter:blur(10px); background:rgba(237, 255, 243, 0.89); backdrop-filter:blur(10px); position: sticky; z-index: 1000;}
.rounded-between.m-sm {box-shadow:0 2px 16px rgba(32, 48, 36, 0.1);}

.py-8 {display: inline-flex; align-items: center;}
.searchCell {height:58px; gap:22px; align-items: center; display: flex;}.py-8 img{width:auto; height:28px;}
.mx-0 {list-style: none; display: flex; gap:5px; align-items: center;}*.pb-auto{margin-left:auto; display: flex; align-items: center; gap:20px;}
.order-sm {transition: background var(--tr), color var(--tr); padding:12px 16px;}
.order-sm {font-weight:500; font-size:.9.06rem; color: var(--text); display: block; border-radius: var(--rad-s);}html .order-sm:hover{background: var(--brand-l); color: var(--brand);}

.opacity-between {gap:9px; display: flex;}

.opacity-between {align-items: center; image-rendering:auto;}
.mr-xs {font-weight:600; color: var(--head); padding-top:10px; padding-right:6px; padding-bottom:10px; padding-left:6px;}
.mr-xs {font-size:.8.95rem;}.mr-xs:hover{color: var(--brand); shape-margin:0;}.shadow-3{gap:2px; display: none; margin-left:auto; flex-direction: column; padding:7px;}.shadow-3 span{display: block; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; transition: transform var(--tr), opacity var(--tr); background: var(--head); height:2px; text-underline-offset:auto; width:19px; print-color-adjust:economy;}html .shadow-3.x span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.shadow-3.x span:nth-child(2) {shape-margin:0; word-spacing:normal; opacity:0;}
.shadow-3.x span:nth-child(3) {tab-size:4; transform: translateY(-7px) rotate(-45deg); break-inside:auto;}

@media (max-width: 820px) {
  .shadow-3 {display: flex; break-inside:auto;}.pb-auto:not(.nil83){transition: transform var(--tr), opacity var(--tr); transform: translateY(-12px); opacity:0; border-bottom: 1px solid var(--edge); pointer-events: none; box-shadow: var(--sh-l); isolation:auto; inset:59px 0 auto 0; gap:16px; background: var(--bg); flex-direction: column; position: absolute; align-items: stretch; padding:22px 20px 24px;}
  .pb-auto.open {pointer-events: auto; transform: none;}
  .pb-auto.open {opacity:1;}.mx-0{align-items: stretch; flex-direction: column;}.opacity-between{justify-content: flex-start; border-top: 1px solid var(--edge); padding-top:10px;}
}/* ---- content shell ------------------------------------------ */
.moduleFoot{padding:39px 0 75px;}
.modalColumn {max-width:758px; margin-inline:auto; width:100%;}

/* ---- article (the only real content) ------------------------ */
.justify-0 {padding-top:48px;padding-right:48px;padding-bottom:48px;padding-left:48px; box-shadow: var(--sh-s); border-radius: var(--rad-l); background: var(--bg); border: 1px solid var(--edge-2);}
@media (max-width: 620px) { .justify-0 {border-radius: var(--rad-m); font-variant-ligatures:normal; hyphens:manual; padding-top:28px;padding-right:21px;padding-bottom:28px;padding-left:21px;} }

.hero {background-blend-mode:normal; margin-bottom:25px; mix-blend-mode:normal;}
.modal-addon.table-fluid {transition:all 0.2s ease; position:relative}

.m-center {margin-bottom:20px;}
.border-3 {align-items: center; font-size:.82rem; color: var(--text-2); display: flex; gap:14px; flex-wrap: wrap;}
.tracking-5 {align-items: center; display: inline-flex; isolation:auto; backface-visibility:visible; gap:10px;}
.avatar__label {align-items:flex-start; position:relative}
.tracking-5 svg{will-change:auto; opacity:0.6; print-color-adjust:economy; flex: none;}

/* table of contents (collapsible, inside article) */
.ui-rating-time {margin-bottom:29px; transform-style:flat;}.position-20{border-radius: var(--rad-m); background-blend-mode:normal; padding-top:19px;padding-right:23px;padding-bottom:19px;padding-left:23px; border: 1px solid var(--edge); tab-size:4; background: var(--bg-2);}
.visible-0 {font-size:.7.99rem; color: var(--brand);}
.mt-block {margin-bottom:9px; justify-content: space-between; align-items: center; display: flex;}
.menuText ol {font-variant-ligatures:normal; counter-reset: t; list-style: none; word-spacing:normal;}.menuText li{margin-bottom:6px; counter-increment: t;}
.menuText li::before {content: counter(t) ". "; text-underline-offset:auto; color: var(--brand); image-rendering:auto; font-weight:600;}
.menuText a {color: var(--text); font-size:.9.08rem;}
.menuText a:hover {color: var(--brand);}/* article body — real H2/H3 live here */
.ratingSpacer:not(.null87){color: var(--text); line-height:1.82; font-size:1.1rem;}
.ratingSpacer > * + * {margin-top:1.08em;}html .ratingSpacer h2{margin-top:1.94em; font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem);}
@media (min-width: 960px) {
  .modal-spacer + .section-zone {letter-spacing:normal; position:sticky; background:none; flex:1 1 0%; transition:opacity 0.25s; gap:7px}
  .tooltip__prefix {padding-right:15px; display:grid; transition:transform 0.2s ease-in-out; padding-left:0.25rem; text-align:center; align-items:flex-start}
  .modal-addon.table-fluid {border-radius:50%; letter-spacing:0.15em; font-weight:bold; position:static}
  .thread__spacer {align-items:flex-end; width:auto; flex-wrap:nowrap}
}


.ratingSpacer h3 {font-size:1.28rem; margin-top:1.5em;}.ratingSpacer p{margin:0 0 1.19em;}.ratingSpacer ul, html .ratingSpacer ol{padding-left:1.39em; margin:0 0 1.19em;}
.ratingSpacer li {margin-bottom:.45.08em;}
.ratingSpacer a {text-decoration-color:rgba(23, 139, 105, 0.51); text-underline-offset:2px; text-decoration:underline;}
#thread-action {transition:opacity 0.3s; gap:1rem}

.ratingSpacer a:hover {text-decoration-color: var(--brand);}
.ratingSpacer img {margin:1.48em 0; border-radius: var(--rad-m); isolation:auto; text-underline-offset:auto;}
.ratingSpacer blockquote {border-radius: 0 var(--rad-s) var(--rad-s) 0; background: var(--brand-l); margin:1.47em 0; padding-top:1.06em;padding-right:1.26em;padding-bottom:1.06em;padding-left:1.26em; border-left: 4px solid var(--brand); color: var(--head); font-style:italic; font-family: var(--ff-h);}
.ratingSpacer pre {background:#141d18; margin:1.54em 0; border-radius: var(--rad-m); color:#d3f5f8; padding:1.13em 1.25em; font-family: var(--ff-m); font-size:.88.06rem; overflow-x: auto;}
.ratingSpacer code {border-radius:8px; font-family: var(--ff-m); color:#207d36; padding:2px 8px; background: var(--bg-2); font-size:.9.01em;}.ratingSpacer pre code{background:none; padding:0rem; color:inherit;}
.ratingSpacer table {font-size:.95.04rem; margin:1.45em 0; border-collapse:collapse; width:100%;}
.ratingSpacer th, .ratingSpacer td {-webkit-hyphens:manual;-ms-hyphens:manual;border: 1px solid var(--edge); hyphens:manual; padding:15px 18px; font-synthesis:weight style small-caps; text-align: left;}
.ratingSpacer th {transform-style:flat; font-weight:600; font-family: var(--ff); color: var(--head); background: var(--bg-2);}/* share */
.w-block{flex-wrap: wrap; padding-top:28px; display: flex; margin-top:34px; border-top: 1px solid var(--edge-2); gap:11px; align-items: center;}
.action-image:not(:last-child) {position:relative; display:table; overflow:hidden; height:100%; font-weight:normal; line-height:normal}

.bg-3 {font-weight:600; color: var(--head); font-size:.85.97rem;}
.mx-20 {gap:12px;}
.mx-20 {hyphens:manual; display: flex; orphans:2;}
.bg-12 {height:36px; display: inline-flex; width:37px; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); color: var(--text-2); border: 1px solid var(--edge); background: var(--bg-2); justify-content: center; align-items: center; border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;}.bg-12:hover{border-color: var(--brand); transform: translateY(-2px); background: var(--brand); color:#fff8f7; box-shadow:0 4px 15px rgba(33, 157, 83, 0.31);}/* ---- comments (directly under article) ---------------------- */
.ml-24:not(.noop55){padding:30px; border-radius: var(--rad-l); margin-top:30px; box-shadow: var(--sh-s); background: var(--bg); border: 1px solid var(--edge-2);}

/* ---- forms & controls --------------------------------------- */
.mt-12 {margin-top:9px;}.item-screen{gap:13px; margin-bottom:12px; grid-template-columns: 1fr 1fr; display: grid;}
.m-end {margin-bottom:12px;}
.status-backdrop + .view-button {display:block; opacity:0.49; min-height:37px; letter-spacing:normal; margin:0}

@media (max-width: 560px) { .item-screen {grid-template-columns: 1fr;} }.p-4{transition: border-color var(--tr), box-shadow var(--tr); background: var(--bg); mix-blend-mode:normal; color: var(--text); font:inherit; print-color-adjust:economy; width:100%; border-radius: var(--rad-m); padding-top:13px;padding-right:15px;padding-bottom:13px;padding-left:15px; font-size:.91.96rem; border: 1px solid var(--edge);}.p-4::placeholder{color:#b1b299;}
.p-4:focus {border-color: var(--brand); outline:none; box-shadow: 0 0 0 3px var(--brand-l);}
.review-extra-odd {resize: vertical; min-height:127px; line-height:1.6;}
.bg-full {box-shadow:0 0px 15px rgba(10, 149, 96, 0.23); background: var(--brand); color:#fdfbf6;}body .my-16{white-space: nowrap; gap:6px; border-radius: var(--rad-m); align-items: center; justify-content: center; font-size:.92.06rem; font-weight:600; font:inherit; display: inline-flex; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); padding:11px 24px;}
.modal-spacer + .section-zone {cursor:default; position:absolute; display:inline; padding:1.75rem}
.bg-full:hover{background: var(--brand-d); text-rendering:auto; transform: translateY(-1px); color:#fffff6; box-shadow:0 5px 22px rgba(9, 131, 88, 0.39); word-spacing:normal;}.m-half{padding:6px 17px; border: 1.5px solid var(--brand); color: var(--brand); background:transparent;}
.m-half:hover {background: var(--brand); color:hsl(59, 99.3%, 99.3%);}
.snackbarBackdrop {border: 1px solid var(--edge); color: var(--text); background: var(--bg-2);}
.snackbarBackdrop:hover {color: var(--head); background: var(--edge-2);}
.overflow-block {padding:0; width:49px;}
.overflow-block {flex: none;}
.text-block {width:100%;}

/* ---- extras zone (everything else, pushed below content) ---- */
.pr-1 {padding:58px 0; word-spacing:normal; hyphens:manual; background: var(--bg-2); border-top: 1px solid var(--edge);}

.tracking-8 {background: var(--bg); border: 1px solid var(--edge); border-radius: var(--rad-l); align-items: start; padding:37px; gap:30px; grid-template-columns: 1fr 1.25fr; margin-bottom:35px; box-shadow: var(--sh-s); display: grid;}
@media (max-width: 720px) { .tracking-8 {grid-template-columns: 1fr; gap:18px;} }
.ui-dialog-image {font-size:.9.04rem; color: var(--text-2);}

.searchHead {gap:18px; display: grid; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));}*.entry-number{background: var(--bg); border-radius: var(--rad-l); padding:23px; border: 1px solid var(--edge); box-shadow: var(--sh-s);}

.z-6 {gap:7px; display: flex;}
.grid-center {margin-bottom:12px; color: var(--text-2); font-size:.84.96rem;}

.bg-none {list-style: none;}body .z-6 .p-4{flex: 1;}
.bg-none li a {transition: color var(--tr), padding-left var(--tr); color: var(--text); display: block; page-break-inside:auto; font-size:.88.06rem; padding:10px 0; border-bottom: 1px solid var(--edge-2); print-color-adjust:economy;}
.bg-none li:last-child a {border-bottom:0 none;}

/* ---- footer ------------------------------------------------- */
.u-accordion-name {background: var(--bg-3); border-top: 1px solid var(--edge);}.bg-none li a:hover{padding-left:8px; text-decoration-skip-ink:auto; color: var(--brand);}
.el-toggle {padding:56px 0 39px;}
.table--inverse {display: grid; text-decoration-skip-ink:auto; mix-blend-mode:normal; gap:34px; grid-template-columns: 1.6fr 1fr 1fr;}
@media (max-width: 760px) {.table--inverse{grid-template-columns: 1fr 1fr; gap:24px;} }
.badge-number {transition:opacity 0.25s; width:fit-content}

.post-text .tooltip-item {text-decoration:none; cursor:pointer; gap:2rem; justify-content:space-around}

@media (max-width: 480px) { .table--inverse {grid-template-columns: 1fr;} }
.tooltip__prefix {text-decoration:none; display:grid; opacity:0.59; gap:1.125rem; letter-spacing:0.15em; cursor:default}


.mb-md img {margin-bottom:10px; word-spacing:normal; orphans:2; height:33px; width:auto;}
.h-between {list-style: none;}.tableIcon:not(.void39){max-width:319px; color: var(--text-2); font-variant-caps:normal; margin-bottom:20px; font-size:.82.08rem;}
.h-between li {image-rendering:auto; isolation:auto; margin-bottom:14px;}html .h-between a{font-size:.86.92rem; color: var(--text-2);}html .pl-10{padding:14px 0; border-top: 1px solid var(--edge); text-align: center;}
.h-between a:hover {color: var(--brand);}
.pl-10 p {color: var(--text-2); font-size:.7.98rem;}/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.box-large{list-style: none; gap:6px; display: flex;}
.box-large a {display: inline-flex; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); background: var(--bg-2); color: var(--text-2); border-radius: var(--rad-m); align-items: center; justify-content: center; width:40px; border: 1px solid var(--edge); height:42px;}
.box-large a:hover {isolation:auto; background: var(--brand); border-color: var(--brand); color:hsl(293, 99.2%, 98.2%); transform: translateY(-3px); word-spacing:normal;}
.box-large svg {height:15px; width:18px;}/* ---- back to top -------------------------------------------- */
.u-gallery:not(.dummy69){width:41px; background: var(--bg); right:31px; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); box-shadow: var(--sh-m); justify-content: center; border: 1px solid var(--edge); visibility: hidden; transform: translateY(10px); position: fixed; z-index: 900; display: flex; border-top-left-radius:14px;border-top-right-radius:14px;border-bottom-right-radius:14px;border-bottom-left-radius:14px; height:42px; bottom:25px; color: var(--head); align-items: center; opacity:0;}
.u-gallery.show {visibility: visible;}
.u-gallery.show {transform: none; opacity:1;}
.u-gallery:hover {transform: translateY(-2px); border-color: var(--brand); color:#fdfdef;}
.u-gallery:hover {background: var(--brand);}

/* ---- cookie ------------------------------------------------- */
.rounded-16 {background: var(--head); transition:transform 0.418s ease; left:0; position: fixed; transform: translateY(100%); right:0; color:rgba(255, 255, 255, 0.93); z-index: 1100; padding:15px 0; bottom:0;}
.rounded-16.show {transform: none;}
.el-widget {display: flex; gap:22px; align-items: center; justify-content: space-between;}*.rounded-16 p{line-height:1.5; font-size:.85.03rem;}
.module-label:not(:last-child) {font-size:inherit; justify-content:space-between; transition:transform 0.25s ease-in-out; display:inline-flex}

.rounded-16 a {color:#72dcb8;}
.rounded-16 .my-16 {hyphens:manual; flex: none;}
@media (max-width: 600px) { .el-widget {flex-direction: column; text-align: center;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.el-media {display: flex; transition:opacity 0.201s ease, visibility 0.283s ease; align-items: center; visibility: hidden; position: fixed; justify-content: center; opacity:0; inset:0; z-index: 1300; padding:19px;}
.el-media:target {opacity:1; text-rendering:auto; visibility: visible;}
.pb-md {inset:0; backdrop-filter:blur(2px); position: absolute; -webkit-backdrop-filter:blur(2px); background:rgba(14, 30, 11, 0.6);}
.row-8 {transform: translateY(14px) scale(.98); border-radius: var(--rad-l); position: relative; transition:transform 0.238s ease; padding-top:37px;padding-right:37px;padding-bottom:37px;padding-left:37px; background: var(--bg); box-shadow: var(--sh-l); width:100%; max-width:411px;}
.leading-6 {height:34px; position: absolute; justify-content: center; transition: background var(--tr), color var(--tr); align-items: center; width:31px; right:15px; font-size:23px; color: var(--text-2); border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px; display: flex; line-height:1; top:17px;}.el-media:target .row-8:not(.unused84){text-decoration-skip-ink:auto; transform: none;}
.position-24 {margin-bottom:22px; color: var(--text-2); font-size:.85.05rem;}*.leading-6:hover{background: var(--bg-2); color: var(--head);}
.ml-4 {color: var(--text-2); margin-top:14px; font-size:.84.93rem; text-align: center;}/* ---- reveal ------------------------------------------------- */
.entry-thumb:not(.dummy63){opacity:0; transition:opacity 0.517s ease, transform 0.507s ease; transform: translateY(22px);}
.entry-thumb.in {contain:none; opacity:1; transform-style:flat; transform: none;}
.layout-foot::before {content:''; gap:1.5rem}


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

@media print {
  .rounded-between, .d-10, .w-block, .ml-24, .pr-1, .u-gallery, .rounded-16, .el-media, .shadow-3 {display: none !important;}.modalColumn{max-width:100%; page-break-inside:auto;}*.justify-0{border:0em; padding:0; box-shadow:none;}body{font-size:12pt;}
}
