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

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

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

img, svg {display: block; height:auto;}

img, svg {max-width:100%;}
a {text-decoration:none; color: var(--brand); transition: color var(--tr);}a:hover{color: var(--brand-d);}
button {border:0; font-family:inherit; cursor: pointer; background:none;}:focus-visible{outline: 2px solid var(--brand); border-radius:-1px; outline-offset:2px;}
::selection {background: var(--brand-l); color: var(--head); text-decoration-skip-ink:auto;}
::-webkit-scrollbar {contain:none; width:10px;}
::-webkit-scrollbar-track {break-inside:auto; perspective:none; background: var(--bg-2);}
::-webkit-scrollbar-thumb:hover {background-blend-mode:normal; word-spacing:normal;}
::-webkit-scrollbar-thumb {background-color:#ced7c7; border-radius:7px;}
::-webkit-scrollbar-thumb:hover {background-color:#959ea8;}

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

.o-block {width:100%; max-width: var(--max); padding-inline:22px; margin-inline:auto;}/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4{font-family: var(--ff-h); color: var(--head); font-weight:700; line-height:1.25;}h1{letter-spacing:-.12.01em; font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem);}

/* ---- span labels styled to look like section titles --------- */
.snackbar {line-height:1.3; font-weight:700; font-size:1.15rem; font-family: var(--ff); color: var(--head); margin-bottom:20px; display: block;}
.spinner--rounded {font-size:0.93rem; margin-bottom:15px;}/* ---- progress rail ------------------------------------------ */
.tabs__area{will-change:auto; height:3px; width:0; z-index: 1200; position: fixed; inset:0 auto auto 0; background: linear-gradient(90deg, var(--brand), #4fd39c); perspective:none; transition:width 0.079s linear;}

/* ---- masthead (slim, content sits right under it) ----------- */
.clear-24 {position: sticky; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); background:rgba(255, 238, 255, 0.91); transition: box-shadow var(--tr); top:0; z-index: 1000; border-bottom: 1px solid var(--edge-2);}
.clear-24.widget-prefix-bottom {box-shadow:0 2px 17px rgba(22, 58, 20, 0.14);}body .reply-title{align-items: center; display: inline-flex;}
.filter--half {gap:21px; align-items: center; height:55px; display: flex;}
.reply-title img {height:30px; width:auto;}

.panel__block {gap:17px; display: flex; margin-left:auto; align-items: center;}.pl-0{padding:5px 12px; color: var(--text); font-weight:500; border-radius: var(--rad-s); font-size:.9.05rem; display: block; transition: background var(--tr), color var(--tr);}
.el-sort {list-style: none; align-items: center; display: flex; gap:0px;}.pl-0:hover{background: var(--brand-l); color: var(--brand);}

.badge__slot--danger {gap:4px; align-items: center; display: flex;}.skeleton__bar--narrow:not(.noop17){padding:9px 7px; font-weight:600; font-size:.8.96rem; image-rendering:auto; color: var(--head); break-inside:auto;}*.skeleton__bar--narrow:hover{widows:2; color: var(--brand);}

.price__subtitle {flex-direction: column; gap:5px; display: none; margin-left:auto; padding:9px;}
.price__subtitle span {background: var(--head); width:25px; tab-size:4; height:2px;}
.price__subtitle span {transition: transform var(--tr), opacity var(--tr); display: block; mix-blend-mode:normal; border-radius:2px;}
.price__subtitle.x span:nth-child(1) {transform: translateY(7px) rotate(45deg);}.x.price__subtitle span:nth-child(2){opacity:0;}
.price__subtitle.x span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {
  .price__subtitle {display: flex;}
  .panel__block {position: absolute; opacity:0; gap:15px; transition: transform var(--tr), opacity var(--tr); border-bottom: 1px solid var(--edge); flex-direction: column; box-shadow: var(--sh-l); align-items: stretch; background: var(--bg); transform: translateY(-12px); pointer-events: none; inset:58px 0 auto 0; padding:14px 21px 23px;}
  .panel__block.open {opacity:1; pointer-events: auto; transform: none;}
  .el-sort {align-items: stretch; flex-direction: column;}
  .badge__slot--danger {padding-top:15px; justify-content: flex-start; border-top: 1px solid var(--edge);}
}

/* ---- content shell ------------------------------------------ */
.avatar--elevated {padding:40px 0 72px; orphans:2;}.filterPreview{image-rendering:auto; width:100%; max-width:761px; margin-inline:auto;}

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

.header__meta {margin-bottom:30px;}.feature__slot--dense{margin-bottom:20px;}.widget__toggle--center{gap:12px; align-items: center; font-size:.82.03rem; color: var(--text-2); flex-wrap: wrap; display: flex;}
.entry {display: inline-flex; align-items: center; gap:2px;}
.entry svg {opacity:0.56; flex: none;}

/* table of contents (collapsible, inside article) */
.sort__group {margin-bottom:29px;}
.skeleton__section--compact {padding:19px 21px; background: var(--bg-2); border: 1px solid var(--edge); border-radius: var(--rad-m);}
.header {margin-bottom:6px; display: flex; justify-content: space-between; align-items: center;}html .view__input ol{list-style: none; counter-reset: t;}
.select__text {font-size:.7.96rem; color: var(--brand);}
.view__input li {counter-increment: t; margin-bottom:9px;}
.view__input li::before {content: counter(t) ". "; font-weight:600; color: var(--brand);}.view__input a{font-size:.9.02rem; color: var(--text);}
.view__input a:hover {contain:none; mix-blend-mode:normal; color: var(--brand);}

/* article body — real H2/H3 live here */
.post {color: var(--text); font-size:1.1rem; line-height:1.82;}html .post > * + *{margin-top:1.07em;}body .post h2{margin-top:1.97em; font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem);}
.post h3 {font-size:1.38rem; margin-top:1.52em;}
.post p {margin:0 0 1.19em;}
.post ul, .post ol {margin:0 0 1.11em; padding-left:1.4em;}.post li{margin-bottom:.45.02em;}
.post a {text-underline-offset:2px; text-decoration:underline; text-decoration-color:rgba(23, 137, 105, 0.53);}
.post a:hover {text-decoration-color: var(--brand);}
.post img {image-rendering:auto;}
.post img {border-radius: var(--rad-m); margin:1.44em 0;}.post blockquote{border-radius: 0 var(--rad-s) var(--rad-s) 0; padding:0.97em 1.36em; font-style:italic; margin:1.48em 0; border-left: 4px solid var(--brand); color: var(--head); background: var(--brand-l); font-family: var(--ff-h);}
.post pre {font-size:.88rem; font-family: var(--ff-m); background:#112c24; border-radius: var(--rad-m); color:#dce2f5; overflow-x: auto; margin:1.52em 0; padding:1.18em 1.25em;}
.post code {padding:2px 6px; background: var(--bg-2); color:rgb(19, 95, 70); border-radius:7px; font-size:.8.96em; font-family: var(--ff-m);}
.post pre code {background:none; color:inherit; padding:0;}
.post table {width:100%; font-size:.95.03rem; margin:1.52em 0; orphans:2; border-collapse:collapse;}
.post th, .post td {padding:14px 17px; border: 1px solid var(--edge); text-align: left;}
.post th {font-family: var(--ff); background: var(--bg-2); image-rendering:auto; color: var(--head); font-weight:600;}

/* share */
.card {display: flex; gap:10px; padding-top:21px; align-items: center; border-top: 1px solid var(--edge-2); flex-wrap: wrap; margin-top:33px;}
.spinner__action {text-rendering:auto; font-size:.85.96rem;}
.spinner__action {color: var(--head); font-weight:600;}
.layout {display: flex; gap:9px;}.sidebar__indicator{justify-content: center; border: 1px solid var(--edge); background: var(--bg-2); color: var(--text-2); height:37px; display: inline-flex; width:39px; align-items: center; border-radius:13px; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr);}.sidebar__indicator:hover{background: var(--brand); color:#fdf6fe; transform: translateY(-2px); border-color: var(--brand); box-shadow:0 4px 14px rgba(36, 129, 85, 0.26);}

/* ---- comments (directly under article) ---------------------- */
.select__body {padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px; background: var(--bg); margin-top:27px; border-radius: var(--rad-l); box-shadow: var(--sh-s); border: 1px solid var(--edge-2);}/* ---- forms & controls --------------------------------------- */
.banner__toggle--loading{margin-top:9px;}
.alert--sparse {display: grid; margin-bottom:16px; grid-template-columns: 1fr 1fr; gap:18px;}
.drawer__column {margin-bottom:16px;}
@media (max-width: 560px) { .alert--sparse {grid-template-columns: 1fr; print-color-adjust:economy;} }

.o-media {color: var(--text); font:inherit; border: 1px solid var(--edge); width:100%; transition: border-color var(--tr), box-shadow var(--tr); padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px; border-radius: var(--rad-m); font-size:.92rem; background: var(--bg);}
.o-media::placeholder {color:#a2a7ad;}
.o-media:focus {border-color: var(--brand); font-synthesis:weight style small-caps; image-rendering:auto; box-shadow: 0 0 0 3px var(--brand-l); outline:none;}
.module {min-height:126px; resize: vertical; line-height:1.6;}

.menu__summary {border-radius: var(--rad-m);}

.menu__summary {white-space: nowrap; font-weight:600; padding:10px 24px; font:inherit; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); justify-content: center; font-size:.92.04rem; gap:10px; display: inline-flex; align-items: center;}
.pt-20 {background: var(--brand); color:#fffffe; box-shadow:0 3px 11px rgba(25, 132, 99, 0.24);}
.profile {background:transparent; border: 1.5px solid var(--brand); color: var(--brand); padding-top:11px; padding-right:19px; padding-bottom:11px;}
.pt-20:hover {hyphens:manual; background: var(--brand-d); break-inside:auto; color:hsl(59, 100%, 96.5%); box-shadow:0 8px 21px rgba(17, 163, 81, 0.33); transform: translateY(-1px);}
.profile {padding-left:19px;}
.profile:hover {color:hsl(109, 99.1%, 96.4%); background: var(--brand);}.menu{border: 1px solid var(--edge); background: var(--bg-2); color: var(--text);}.menu:hover{background: var(--edge-2); color: var(--head);}
.carousel--filled {orphans:2; widows:2; width:100%;}html .menu__expand{padding:0; flex: none; width:44px;}

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

.slot-layout {border-radius: var(--rad-l); border: 1px solid var(--edge); grid-template-columns: 1fr 1.25fr; margin-bottom:32px; padding:36px; box-shadow: var(--sh-s); align-items: start; gap:31px; background: var(--bg); display: grid;}
@media (max-width: 720px) { .slot-layout {grid-template-columns: 1fr; gap:19px;} }
.dialog--primary {font-size:.9.04rem; color: var(--text-2);}

.ui-sort-prefix {grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); display: grid;}

.ui-sort-prefix {gap:25px;}.page-sparse{color: var(--text-2); font-size:.85.02rem; margin-bottom:17px;}
.drawer__outer--disabled {background: var(--bg); border-radius: var(--rad-l); box-shadow: var(--sh-s); padding:30px; border: 1px solid var(--edge);}

.col-0 {gap:8px; display: flex;}
.col-0 .o-media {flex: 1;}

.rating {list-style: none;}
.rating li a {text-decoration-skip-ink:auto; perspective:none; display: block; color: var(--text); transition: color var(--tr), padding-left var(--tr); font-size:.88.01rem; border-bottom: 1px solid var(--edge-2);}
.rating li a {padding:7px 0;}*.rating li:last-child a{border-bottom:none; perspective:none; text-rendering:auto;}
.rating li a:hover {padding-left:7px; color: var(--brand);}

/* ---- footer ------------------------------------------------- */
.tag {-moz-tab-size:4;text-rendering:auto; border-top: 1px solid var(--edge); background: var(--bg-3); tab-size:4;}*.tooltip-full{page-break-inside:auto; shape-margin:0; padding:56px 0 40px;}
.u-action {display: grid; gap:37px; grid-template-columns: 1.6fr 1fr 1fr;}
@media (max-width: 760px) { .u-action {grid-template-columns: 1fr 1fr; gap:24px;} }
@media (max-width: 480px) { .u-action {grid-template-columns: 1fr; print-color-adjust:economy;} }

.toolbar__addon--rounded img {height:28px; width:auto; margin-bottom:13px;}
.pageIcon {list-style: none;}
.menu__trigger {font-size:.82.06rem; color: var(--text-2); break-inside:auto; max-width:319px; margin-bottom:15px;}
.pageIcon li {margin-bottom:8px;}body .pageIcon a{font-size:.86.97rem; word-spacing:normal; orphans:2; color: var(--text-2);}
.pageIcon a:hover {color: var(--brand);}
.t-dialog {text-align: center; border-top: 1px solid var(--edge); padding:22px 0;}html .t-dialog p{font-size:.8rem; color: var(--text-2);}

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

/* ---- back to top -------------------------------------------- */
.el-table {justify-content: center; box-shadow: var(--sh-m); height:44px; bottom:25px; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); align-items: center; color: var(--head); right:25px; background: var(--bg); position: fixed; z-index: 900; opacity:0; display: flex; border: 1px solid var(--edge); border-radius:9px; width:42px; visibility: hidden; transform: translateY(10px);}
.header--hover svg {width:22px; height:22px;}.el-table.show{transform: none; opacity:1; visibility: visible;}
.el-table:hover {border-color: var(--brand); color:hsl(120, 100%, 98.3%); background: var(--brand); transform: translateY(-2px);}

/* ---- cookie ------------------------------------------------- */
.replyCount {transform: translateY(100%); right:0; z-index: 1100; position: fixed; left:0; background: var(--head); color:rgba(255, 255, 255, 0.78); transition:transform 0.36s ease; padding:12px 0; bottom:0;}.replyCount.show{transform: none;}.grid{display: flex; align-items: center;}.grid{gap:24px; justify-content: space-between;}
.replyCount p {line-height:1.5; font-size:.85rem;}
.replyCount a {color:#6feb9c;}body .replyCount .menu__summary{flex: none;}
@media (max-width: 600px) { .grid {flex-direction: column; text-align: center;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.skeleton__summary {visibility: hidden; display: flex; inset:0; position: fixed; z-index: 1300; justify-content: center; padding:22px; transition:opacity 0.291s ease, visibility 0.252s ease; align-items: center; opacity:0;}
.skeleton__summary:target {opacity:1; visibility: visible;}
.u-profile {box-shadow: var(--sh-l); transition:transform 0.225s ease; transform: translateY(14px) scale(.98);}
.opacity-half {position: absolute; font-variant-ligatures:normal; -webkit-backdrop-filter:blur(2px); inset:0; backdrop-filter:blur(2px); background:rgba(0, 14, 28, 0.47);}
.u-profile {max-width:414px; border-radius: var(--rad-l); position: relative; background: var(--bg); padding:34px; width:100%;}
.skeleton__summary:target .u-profile {transform: none;}
.modal__number--center {position: absolute; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-right-radius:6px; border-bottom-left-radius:6px; justify-content: center;}
.modal__number--center {display: flex; transition: background var(--tr), color var(--tr); top:11px; height:32px; color: var(--text-2); right:14px; line-height:1; width:38px; align-items: center; font-size:18px;}.dropdown--center{margin-bottom:17px; color: var(--text-2); font-size:.84.93rem;}
.modal__number--center:hover {color: var(--head); background: var(--bg-2);}
.justify-start {font-size:.84.95rem; color: var(--text-2); text-align: center; margin-top:20px;}

/* ---- reveal ------------------------------------------------- */
.t-popover {transition:opacity 0.571s ease, transform 0.572s ease; opacity:0; transform: translateY(22px);}.t-popover.in{transform: none; opacity:1;}

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

@media print {.clear-24:not(.skip47), body .tabs__area, .card, .select__body, .select__bar:not(.none40), .el-table, *.replyCount, .skeleton__summary, *.price__subtitle{contain:none; display: none !important; font-variant-ligatures:normal;}html .filterPreview{max-width:100%;}
  .filter {box-shadow:none; padding:0; border:0 none;}body{font-size:12pt;}
}