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

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

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

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

:focus-visible {outline: 2px solid var(--brand); border-radius:3px; outline-offset:2px;}
::-webkit-scrollbar {width:13px;}::selection{background: var(--brand-l); color: var(--head);}
::-webkit-scrollbar-track {background: var(--bg-2); font-variant-caps:normal; text-underline-offset:auto;}::-webkit-scrollbar-thumb{border-radius:6px; background:#counter_wrapper; font-variant-caps:normal;}
::-webkit-scrollbar-thumb:hover {background:#content-tooltip;}

.tagCount {image-rendering:auto; tab-size:4; width:1px; margin:-1px; height:1px; border:0 none; overflow: hidden; position: absolute; padding:0; clip:rect(0,0,0,0); white-space: nowrap;}

.tableInner {page-break-inside:auto; max-width: var(--max); width:100%; margin-inline:auto; padding-inline:22px;}

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

/* ---- span labels styled to look like section titles --------- */
.l-chip {font-size:1.26rem; font-family: var(--ff); line-height:1.3; color: var(--head); font-weight:bold; margin-bottom:20px; display: block;}.actionFoot{font-size:1.05rem;}.actionFoot{margin-bottom:12px; hyphens:manual; word-spacing:normal;}

/* ---- progress rail ------------------------------------------ */
.comment__secondary--warning {width:0px; position: fixed; height:6px; inset:0 auto auto 0; transition:width 0.122s linear; background: linear-gradient(90deg, var(--brand), #4fd39c); z-index: 1200;}/* ---- masthead (slim, content sits right under it) ----------- */
.h-start{transition: box-shadow var(--tr); top:0em; background:rgba(247, 255, 255, 1); border-bottom: 1px solid var(--edge-2); z-index: 1000; position: sticky; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);}.h-start.progressAction:not(._2a44f6){box-shadow:0 2px 18px rgba(3, 48, 40, 0.11);}.moduleToggle{display: flex; height:62px; align-items: center; gap:22px;}.boxThumb{display: inline-flex; align-items: center;}
.boxThumb img {height:27px; width:auto;}

.bannerOverlay {display: flex; margin-left:auto;}

.bannerOverlay {gap:14px; align-items: center;}
.dialogBody {gap:4px; display: flex; align-items: center; list-style: none;}
.searchAction {border-radius: var(--rad-s); display: block; transition: background var(--tr), color var(--tr); isolation:auto; background-blend-mode:normal; color: var(--text); padding:10px 15px; font-weight:medium; font-size:.9.05rem;}
.searchAction:hover {color: var(--brand); background: var(--brand-l);}

.paginationGroup {gap:12px; display: flex; align-items: center;}
.alertOuter {font-size:.8.96rem; font-weight:500; color: var(--head); padding:7px 2px;}
.alertOuter:hover {color: var(--brand);}

.pr-lg {flex-direction: column; display: none; margin-left:auto; gap:4px; padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px;}.pr-lg span{background: var(--head); mix-blend-mode:normal; height:2px; width:19px; display: block; border-radius:2px; transition: transform var(--tr), opacity var(--tr);}
.pr-lg.x span:nth-child(1) {transform: translateY(7px) rotate(45deg);}body .pr-lg.x span:nth-child(2){opacity:0;}.pr-lg.x span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {
  .pr-lg {display: flex;}
  .bannerOverlay {border-bottom: 1px solid var(--edge); transition: transform var(--tr), opacity var(--tr); opacity:0; position: absolute; transform: translateY(-12px); align-items: stretch; background: var(--bg); pointer-events: none; inset:60px 0 auto 0; padding:21px 20px 27px; gap:16px; flex-direction: column; box-shadow: var(--sh-l);}.bannerOverlay.open{transform: none; pointer-events: auto; opacity:1;}body .dialogBody{flex-direction: column; align-items: stretch;}
  .paginationGroup {border-top: 1px solid var(--edge); justify-content: flex-start; padding-top:16px;}
}body .o-popover-track{max-width:757px; width:100%; margin-inline:auto;}/* ---- content shell ------------------------------------------ */
:where(.bannerExpand){padding:41px 0 73px;}

/* ---- article (the only real content) ------------------------ */
.el-dialog {box-shadow: var(--sh-s); border: 1px solid var(--edge-2); padding:42px; background: var(--bg); border-radius: var(--rad-l);}
@media (max-width: 620px) {html .el-dialog{padding:22px 23px; border-radius: var(--rad-m); will-change:auto; mix-blend-mode:normal;} }

.formTrigger {margin-bottom:28px;}body .searchThumb{font-variant-caps:normal; margin-bottom:12px; break-inside:auto;}
.skeletonExpand {gap:16px; font-size:.82.07rem; color: var(--text-2); flex-wrap: wrap; align-items: center; display: flex;}html .spinner__subtitle--secondary{align-items: center; display: inline-flex; isolation:auto; gap:5px;}/* table of contents (collapsible, inside article) */
.navSection{margin-bottom:27px;}.spinner__subtitle--secondary svg{opacity:0.68; flex: none;}.reviewData{border-radius: var(--rad-m);}.reviewData{background: var(--bg-2); padding:14px 26px; border: 1px solid var(--edge);}
.paginationSpacer {color: var(--brand); font-size:.7.98rem;}
.viewColumn {margin-bottom:11px; justify-content: space-between; align-items: center; display: flex;}
.progressSection ol {list-style: none; counter-reset: t; isolation:auto;}
.progressSection li {margin-bottom:10px; counter-increment: t;}
.progressSection li::before {content: counter(t) ". "; print-color-adjust:economy; font-weight:700; color: var(--brand); mix-blend-mode:normal;}.progressSection a{font-size:.8.94rem; color: var(--text);}.progressSection a:hover{color: var(--brand);}/* article body — real H2/H3 live here */
:where(.spinnerArea){font-size:1.04rem; color: var(--text); line-height:1.82;}
.spinnerArea > * + * {margin-top:1.08em;}
.spinnerArea h2 {font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); margin-top:1.92em;}
.spinnerArea h3 {margin-top:1.45em; font-size:1.26rem;}body .spinnerArea p{transform-style:flat; margin:0 0 1.07em;}.spinnerArea ul, .spinnerArea ol{padding-left:1.48em; margin:0 0 1.14em;}*.spinnerArea li{margin-bottom:.44.98em;}
.spinnerArea a {font-synthesis:weight style small-caps; text-decoration:underline; text-underline-offset:2px; font-variant-ligatures:normal; text-decoration-color:rgba(6, 127, 107, 0.42);}body .spinnerArea a:hover{text-decoration-color: var(--brand);}
.spinnerArea img {border-radius: var(--rad-m); margin:1.47em 0;}body .spinnerArea blockquote{break-inside:auto; font-style:italic; border-radius: 0 var(--rad-s) var(--rad-s) 0; border-left: 4px solid var(--brand); margin:1.58em 0; font-family: var(--ff-h); color: var(--head); background: var(--brand-l); transform-style:flat; padding:0.98em 1.28em;}
.spinnerArea pre {margin:1.58em 0; padding:1.13em 1.35em; font-family: var(--ff-m); border-radius: var(--rad-m); background:rgb(28, 38, 13); overflow-x: auto; color:#divider_button; break-inside:auto; font-size:.88.07rem;}
.spinnerArea code {font-family: var(--ff-m); background: var(--bg-2); color:#186c56; font-size:.9.01em; padding:2px 8px; border-radius:1px;}
.spinnerArea pre code {background:none; color:inherit; padding:0;}html .spinnerArea table{width:100%; border-collapse:collapse; perspective:none;}html .spinnerArea table{margin:1.47em 0; font-size:.95.05rem;}
.spinnerArea th, .spinnerArea td {text-align: left; border: 1px solid var(--edge); padding:15px 18px;}
.spinnerArea th {font-family: var(--ff); font-weight:700; color: var(--head); background: var(--bg-2);}

/* share */
.listSeparator {flex-wrap: wrap; gap:10px; margin-top:26px; padding-top:23px; border-top: 1px solid var(--edge-2); align-items: center; display: flex;}
.module--warning {font-weight:500; color: var(--head); font-size:.86.05rem; text-decoration-skip-ink:auto;}
.stepperHolder {border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-right-radius:8px; border-bottom-left-radius:8px; border: 1px solid var(--edge); background: var(--bg-2); align-items: center;}
.accordionTrack {gap:9px; display: flex;}
.stepperHolder {color: var(--text-2); height:35px; display: inline-flex; width:41px; justify-content: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr);}body .stepperHolder:hover{background: var(--brand); box-shadow:0 8px 18px rgba(12, 155, 93, 0.27); perspective:none; border-color: var(--brand); transform: translateY(-2px); color:#region-price;}/* ---- comments (directly under article) ---------------------- */
:where(.avatarInfo){margin-top:24px; padding:29px; box-shadow: var(--sh-s); border: 1px solid var(--edge-2); border-radius: var(--rad-l); background: var(--bg);}
.module__label--secondary {margin-bottom:18px; grid-template-columns: 1fr 1fr; gap:14px; display: grid;}

/* ---- forms & controls --------------------------------------- */
.moduleBackdrop {margin-top:3px;}html .o-select{margin-bottom:13px;}
@media (max-width: 560px) { .module__label--secondary {grid-template-columns: 1fr;} }

.commentLine {border: 1px solid var(--edge); background: var(--bg); width:100%; border-radius: var(--rad-m); color: var(--text); font:inherit; padding:13px 13px; transition: border-color var(--tr), box-shadow var(--tr); font-size:.92.06rem;}html .commentLine::placeholder{-moz-tab-size:4;color:#list-expand; will-change:auto; tab-size:4;}
.commentLine:focus {border-color: var(--brand);}*.skeletonDot{resize: vertical; min-height:129px; line-height:1.6;}
.commentLine:focus {outline:none; box-shadow: 0 0 0 3px var(--brand-l);}

.line-sort {white-space: nowrap; padding:9px 28px; font:inherit; font-size:.91.99rem; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); border-radius: var(--rad-m); align-items: center;}

.line-sort {justify-content: center; font-weight:700; gap:6px; display: inline-flex;}
.toggleHead {box-shadow:0 1px 13px rgba(36, 127, 108, 0.27); background: var(--brand); color:#region-price;}
.actionSecondary {padding:7px 17px; border: 1.5px solid var(--brand); color: var(--brand); background:transparent;}
.toggleHead:hover {transform: translateY(-1px); box-shadow:0 10px 22px rgba(18, 131, 78, 0.33); background: var(--brand-d); color:#region-price;}
.threadBackdrop {border: 1px solid var(--edge); background: var(--bg-2); color: var(--text);}.actionSecondary:hover{background: var(--brand); color:#region-price;}.threadBackdrop:hover{color: var(--head); background: var(--edge-2);}
.skeletonNumber {contain:none; font-variant-caps:normal; width:47px; padding:0; flex: none;}body .app-price{width:100%; background-blend-mode:normal;}

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

.px-auto {grid-template-columns: 1fr 1.25fr; border-radius: var(--rad-l); padding:34px; gap:36px; box-shadow: var(--sh-s); background: var(--bg); margin-bottom:38px; align-items: start; border: 1px solid var(--edge); display: grid;}
@media (max-width: 720px) { .px-auto {gap:22px; grid-template-columns: 1fr;} }
.threadTrigger {color: var(--text-2); font-size:.8.92rem;}

.galleryPreview {gap:18px; display: grid; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));}
.popover__block--sticky {padding:30px; text-decoration-skip-ink:auto; transform-style:flat; border: 1px solid var(--edge); border-radius: var(--rad-l); box-shadow: var(--sh-s); background: var(--bg);}
.alertClose {margin-bottom:13px; color: var(--text-2);}

.listMeta {gap:12px; display: flex;}
.alertClose {font-size:.84.94rem;}
.listMeta .commentLine {flex: 1;}.widgetLine{list-style: none;}.widgetLine li a{padding:14px 0; font-size:.88.05rem; color: var(--text); border-bottom: 1px solid var(--edge-2); display: block; transition: color var(--tr), padding-left var(--tr);}
.widgetLine li:last-child a {border-bottom:0;}
.widgetLine li a:hover {color: var(--brand); padding-left:5px;}

/* ---- footer ------------------------------------------------- */
.sectionSecondary {shape-margin:0;}

/* ---- footer ------------------------------------------------- */
.sectionSecondary {border-top: 1px solid var(--edge); background: var(--bg-3);}
.l-progress {padding:56px 0 35px;}html .post__image{gap:36px;}html .post__image{display: grid; grid-template-columns: 1.6fr 1fr 1fr;}
@media (max-width: 760px) { .post__image {gap:26px; grid-template-columns: 1fr 1fr;} }
@media (max-width: 480px) { .post__image {backface-visibility:visible; grid-template-columns: 1fr;} }.sidebarDetail img{height:32px; width:auto; margin-bottom:12px;}*.replyMeta{list-style: none; widows:2;}*.opacity-auto{margin-bottom:14px; color: var(--text-2); max-width:321px; font-size:.81.99rem;}
.replyMeta li {margin-bottom:9px;}
.replyMeta a {font-size:.86.94rem; color: var(--text-2);}
.replyMeta a:hover {color: var(--brand);}
.listLine {border-top: 1px solid var(--edge); text-align: center; padding:20px 0;}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.visible-screen {display: flex; gap:14px; list-style: none;}.listLine p{font-size:.8.04rem; color: var(--text-2);}.visible-screen a{height:34px; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); display: inline-flex; border: 1px solid var(--edge); border-radius: var(--rad-m); align-items: center; width:41px; color: var(--text-2); justify-content: center; background: var(--bg-2);}body .visible-screen a:hover{background: var(--brand); transform: translateY(-3px); color:#region-price; border-color: var(--brand);}.visible-screen svg{width:22px; height:16px;}

/* ---- back to top -------------------------------------------- */
.statusTrack {opacity:0; background: var(--bg); bottom:25px; position: fixed; height:45px; right:32px; align-items: center; z-index: 900; border-radius:16px; color: var(--head); border: 1px solid var(--edge); justify-content: center; display: flex; width:45px; transform: translateY(10px); visibility: hidden; box-shadow: var(--sh-m); transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr);}.statusTrack.show:not(._2a44f6){transform: none; opacity:1; visibility: visible;}.statusTrack:hover{background: var(--brand); transform: translateY(-2px); color:#region-price; border-color: var(--brand);}/* ---- cookie ------------------------------------------------- */
.dividerSuffix{transition:transform 0.445s ease; color:rgba(255, 245, 255, 0.92); z-index: 1100; position: fixed; bottom:0; left:0; right:0; padding:19px 0; page-break-inside:auto; font-synthesis:weight style small-caps; background: var(--head); transform: translateY(100%);}
.statusBody {justify-content: space-between; display: flex; align-items: center; gap:19px;}
.dividerSuffix.show {transform: none;}html .dividerSuffix p{word-spacing:normal; line-height:1.5;}html .dividerSuffix p{font-size:.84.97rem;}
.dividerSuffix a {color:#5ee1ae; mix-blend-mode:normal;}
.dividerSuffix .line-sort {flex: none;}
@media (max-width: 600px) { .statusBody {orphans:2;} .statusBody {text-align: center; flex-direction: column; isolation:auto;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.threadPreview {position: fixed; justify-content: center; opacity:0; align-items: center; z-index: 1300; visibility: hidden; padding:18px; transition:opacity 0.299s ease, visibility 0.261s ease; display: flex; inset:0;}
.threadPreview:target {visibility: visible; opacity:1;}
.navNumber {-webkit-backdrop-filter:blur(2px); inset:0; background:rgba(0, 8, 4, 0.54); position: absolute; backdrop-filter:blur(2px);}
.px-10 {background: var(--bg); transform: translateY(14px) scale(.98); transition:transform 0.259s ease; box-shadow: var(--sh-l); max-width:410px; width:100%; border-radius: var(--rad-l); padding:32px; position: relative;}
.threadPreview:target .px-10 {transform: none;}
.sortInner {right:12px; font-size:16px; line-height:1; width:31px; border-radius:4px; position: absolute; display: flex; color: var(--text-2); transition: background var(--tr), color var(--tr); align-items: center; top:14px; height:37px; justify-content: center;}
.sortInner:hover {color: var(--head); background: var(--bg-2);}
.leading-3 {color: var(--text-2); margin-top:18px;}
.alertMeta {font-size:.84.92rem; color: var(--text-2); margin-bottom:14px;}

/* ---- reveal ------------------------------------------------- */
.popover__summary {opacity:0; transition:opacity 0.577s ease, transform 0.597s ease;}
.leading-3 {font-size:.84.98rem; text-align: center;}

/* ---- reveal ------------------------------------------------- */
.popover__summary {transform: translateY(22px);}
.popover__summary.in {opacity:1; transform: none; contain:none;}

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

@media print {
  .h-start, .comment__secondary--warning, .listSeparator, .avatarInfo, .counterCap, .statusTrack, .dividerSuffix, .threadPreview, .pr-lg {display: none !important;}
  .o-popover-track {max-width:100%;}
  .el-dialog {padding:0; box-shadow:none; border:0 none;}
  body {font-size:12pt;}
}