/* =============================================================
   Template 1106_new_v1 — Stylesheet
   Self-contained · no framework · no external fonts.
   Content-first layout. Secondary labels are <span>, not headings.
   ============================================================= */

:root {--text:    #37433d; --tr: .25s cubic-bezier(.4, 0, .2, 1); --sh-m: 0 7px 24px rgba(15, 40, 28, .08); --bg:      #dialogCell; --max: 1120px; --brand:   #16915e; --ff-h: Georgia, "Iowan Old Style", "Times New Roman", "Noto Serif", serif; --bg-2:    #modalAddon; --sh-s: 0 1px 2px rgba(15, 40, 28, .06); --brand-l: #site-header; --text-2:  #6b766f; --brand-d: #0f6f48; --rad-m: 10px; --head:    #15201b; --edge-2:  #dropdown_wrap; --rad-l: 16px; --ff-m: ui-monospace, "SFMono-Regular", Consolas, Menlo, monospace; isolation:auto; --sh-l: 0 18px 48px rgba(15, 40, 28, .12); --rad-s: 6px; --edge:    #post-wrap; --ff:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --bg-3:    #main-menu;}

*, *::before, *::after {box-sizing: border-box;}
html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4 {padding:0; margin:0;}

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

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

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

:focus-visible {outline-offset:2px; outline: 2px solid var(--brand); border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}button{tab-size:4; border:none; cursor: pointer;}
::selection {color: var(--head); background: var(--brand-l);}
::-webkit-scrollbar {width:11px; font-synthesis:weight style small-caps; isolation:auto;}
::-webkit-scrollbar-track {background: var(--bg-2);}::-webkit-scrollbar-thumb{border-radius:7px; background:#value-hero;}
::-webkit-scrollbar-thumb:hover {background:#page-detail;}

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

.gallery-input-empty {width:100%; padding-inline:22px; margin-inline:auto; max-width: var(--max);}

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

/* ---- span labels styled to look like section titles --------- */
.gallery-horizontal {font-family: var(--ff); display: block; margin-bottom:16px; color: var(--head); line-height:1.3; font-size:1.19rem; font-weight:700;}body .c-gallery-zone{margin-bottom:11px; font-size:0.93rem;}

/* ---- progress rail ------------------------------------------ */
.c-widget-region {position: fixed; background: linear-gradient(90deg, var(--brand), #4fd39c); inset:0 auto auto 0;}

/* ---- progress rail ------------------------------------------ */
.c-widget-region {z-index: 1200; height:5px; width:0; transition:width 0.118s linear;}

/* ---- masthead (slim, content sits right under it) ----------- */
.tertiary-thread {border-bottom: 1px solid var(--edge-2); -webkit-backdrop-filter:blur(10px); top:0; backdrop-filter:blur(10px); z-index: 1000; position: sticky; background:rgba(255, 255, 250, 0.9); transition: box-shadow var(--tr);}
.tertiary-thread.icon-drawer {box-shadow:0 2px 16px rgba(21, 25, 40, 0.11);}
.slider-sticky {gap:14px; display: flex; page-break-inside:auto; widows:2; align-items: center; height:54px;}.drawer-count{align-items: center; display: inline-flex;}
.drawer-count img {height:27px; width:auto;}

.t-search {align-items: center; display: flex; gap:16px; margin-left:auto;}
.zone-post {align-items: center; gap:2px; display: flex; list-style: none;}
.feature-container-dark {display: block; transition: background var(--tr), color var(--tr); border-radius: var(--rad-s); font-size:.9.02rem; font-weight:medium; color: var(--text); padding:12px 13px;}
.feature-container-dark:hover {background: var(--brand-l); color: var(--brand);}
.timeline-column-active {color: var(--head); font-size:.8.95rem; padding:4px 10px; font-weight:600;}

.c-rating-handle {align-items: center; gap:8px; display: flex;}
.timeline-column-active:hover {color: var(--brand);}

.c-dialog-expand {display: none; gap:4px; padding-top:6px; padding-right:6px; padding-bottom:6px; padding-left:6px; flex-direction: column;}

.c-dialog-expand {margin-left:auto;}
.c-dialog-expand span {transition: transform var(--tr), opacity var(--tr); border-radius:2px; height:2px; width:24px; display: block; background: var(--head);}
.c-dialog-expand.x span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.c-dialog-expand.x span:nth-child(2) {opacity:0;}
.c-dialog-expand.x span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {
  .c-dialog-expand {display: flex;}
  .t-search {padding:21px 20px 26px; transition: transform var(--tr), opacity var(--tr);}
  .t-search {box-shadow: var(--sh-l); position: absolute; align-items: stretch; inset:55px 0 auto 0; flex-direction: column; pointer-events: none; gap:17px; transform: translateY(-12px); opacity:0; border-bottom: 1px solid var(--edge); background: var(--bg);}
  .t-search.open {pointer-events: auto;}
  .t-search.open {opacity:1; transform: none;}
  .zone-post {align-items: stretch; isolation:auto; flex-direction: column;}
  .c-rating-handle {justify-content: flex-start; border-top: 1px solid var(--edge); padding-top:12px;}
}

/* ---- content shell ------------------------------------------ */
.threadAction {padding:42px 0 72px;}
.progressImage {margin-inline:auto; width:100%; max-width:763px;}

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

.ml-1 {shape-margin:0; margin-bottom:31px; contain:none;}
.tag-action-loading {margin-bottom:19px;}
.nav-subtitle-first {gap:19px; will-change:auto; align-items: center;}
.nav-subtitle-first {flex-wrap: wrap; font-size:.81.95rem; color: var(--text-2); font-variant-caps:normal; display: flex;}
.preview-entry {display: inline-flex; gap:8px; align-items: center;}
.preview-entry svg {opacity:0.6; flex: none;}/* table of contents (collapsible, inside article) */
.drawer-hover{margin-bottom:27px;}
.el-avatar {background: var(--bg-2); border-radius: var(--rad-m);}
.el-avatar {padding:19px 24px; border: 1px solid var(--edge);}.module-indicator{display: flex; justify-content: space-between; contain:none; text-rendering:auto; align-items: center; margin-bottom:11px;}
.badge-icon ol {list-style: none; counter-reset: t;}
.c-drawer-suffix {color: var(--brand); font-size:.8.02rem; page-break-inside:auto; break-inside:auto;}
.badge-icon li {margin-bottom:5px; counter-increment: t;}
.badge-icon li::before {content: counter(t) ". "; font-weight:500; color: var(--brand);}
.badge-icon a {color: var(--text); font-size:.9.05rem;}
.badge-icon a:hover {shape-margin:0; color: var(--brand);}

/* article body — real H2/H3 live here */
.group-hero {font-size:0.99rem; color: var(--text); line-height:1.82;}
.group-hero > * + * {margin-top:1.18em;}.group-hero h2{font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); margin-top:1.85em;}
.group-hero h3 {margin-top:1.51em; font-size:1.28rem;}.group-hero p{margin:0 0 1.12em;}.group-hero ul, .group-hero ol{padding-left:1.52em; margin:0 0 1.14em;}html .group-hero li{margin-bottom:.45.07em;}html .group-hero a{text-decoration-color:rgba(18, 140, 98, 0.49); text-decoration:underline; font-variant-caps:normal; text-underline-offset:2px;}.group-hero a:hover{background-blend-mode:normal; text-decoration-color: var(--brand);}
.group-hero img {border-radius: var(--rad-m); margin:1.52em 0;}
.group-hero blockquote {background: var(--brand-l); font-style:italic; border-left: 4px solid var(--brand); color: var(--head); margin:1.54em 0; background-blend-mode:normal; border-radius: 0 var(--rad-s) var(--rad-s) 0; font-family: var(--ff-h); padding:0.93em 1.28em;}
.group-hero pre {overflow-x: auto; margin:1.44em 0; padding:1.08em 1.22em; background:#0b1d16; font-family: var(--ff-m); font-size:.87.98rem; color:#main-profile; border-radius: var(--rad-m);}
.group-hero code {border-radius:2px; font-size:.8.98em; background: var(--bg-2); padding:2px 9px; font-family: var(--ff-m); color:rgb(10, 119, 53);}
.group-hero pre code {color:inherit; padding:0; background:none;}
.group-hero table {font-size:.94.98rem; width:100%; border-collapse:collapse; margin:1.49em 0;}
.group-hero th, .group-hero td {padding:8px 14px; text-align: left; border: 1px solid var(--edge);}
.group-hero th {font-family: var(--ff); background: var(--bg-2); font-weight:500; color: var(--head);}

/* share */
.pt-xl {align-items: center; display: flex; flex-wrap: wrap; gap:13px; margin-top:31px; border-top: 1px solid var(--edge-2); padding-top:23px;}
.l-module-secondary {gap:12px; display: flex;}
.c-review-prefix {font-size:.85.98rem; perspective:none; color: var(--head); font-weight:500;}
.step__cell--rounded {align-items: center; width:36px; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); background: var(--bg-2); border-radius:14px; color: var(--text-2); height:37px; display: inline-flex; justify-content: center; border: 1px solid var(--edge);}
.step__cell--rounded:hover {background: var(--brand); box-shadow:0 1px 15px rgba(15, 138, 81, 0.28); transform: translateY(-2px); color:#searchInner; border-color: var(--brand);}

/* ---- comments (directly under article) ---------------------- */
.mt-inline {box-shadow: var(--sh-s); margin-top:29px; padding:29px; border: 1px solid var(--edge-2); background: var(--bg); border-radius: var(--rad-l);}/* ---- forms & controls --------------------------------------- */
.c-toolbar-tertiary{font-variant-caps:normal; margin-top:10px; word-spacing:normal;}body .gallery-primary-fluid{gap:15px; margin-bottom:16px; display: grid; grid-template-columns: 1fr 1fr;}
.footer-left {margin-bottom:14px;}
@media (max-width: 560px) { .gallery-primary-fluid {grid-template-columns: 1fr;} }html .inner-box{color: var(--text); border: 1px solid var(--edge); width:100%; font-size:.92.05rem; border-radius: var(--rad-m); background: var(--bg); padding:9px 14px; transition: border-color var(--tr), box-shadow var(--tr); font:inherit;}
.inner-box::placeholder {color:#site-section; orphans:2;}
.inner-box:focus {border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-l); outline:none;}
.c-profile-group {min-height:128px; line-height:1.6; resize: vertical;}*.profile-small{font-weight:600; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); font-size:.92rem; white-space: nowrap; font:inherit; display: inline-flex; align-items: center; border-radius: var(--rad-m); justify-content: center; gap:4px; padding:12px 21px; will-change:auto; orphans:2;}
.c-menu-track {box-shadow:0 3px 16px rgba(23, 128, 101, 0.18); background: var(--brand); color:#searchInner;}body .c-menu-track:hover{color:#searchInner; box-shadow:0 6px 18px rgba(6, 132, 93, 0.37); background: var(--brand-d); transform: translateY(-1px); mix-blend-mode:normal; break-inside:auto;}
.skeletonInner {border: 1.5px solid var(--brand); color: var(--brand); tab-size:4;}
.skeletonInner {padding:11px 22px; text-decoration-skip-ink:auto; background:transparent;}
.skeletonInner:hover {color:#searchInner; background: var(--brand);}
.select-primary-fluid {border: 1px solid var(--edge); background: var(--bg-2); color: var(--text);}
.select-primary-fluid {page-break-inside:auto; orphans:2;}.page-flat{width:50px; flex: none; padding:0;}
.select-primary-fluid:hover {color: var(--head); background: var(--edge-2);}
.rating-cell-half {width:100%;}*.screenOuter{gap:34px; box-shadow: var(--sh-s); align-items: start; padding:35px; background: var(--bg); display: grid; grid-template-columns: 1fr 1.25fr; border: 1px solid var(--edge); margin-bottom:36px; border-radius: var(--rad-l);}/* ---- extras zone (everything else, pushed below content) ---- */
.c-review-number{tab-size:4; background: var(--bg-2); border-top: 1px solid var(--edge); padding:55px 0;}
@media (max-width: 720px) { .screenOuter {gap:19px; grid-template-columns: 1fr;} }
.sortZone {color: var(--text-2); font-size:.9.01rem;}body .tag-name-elevated{gap:24px; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); display: grid;}
.carousel {font-size:.84.95rem; margin-bottom:18px; color: var(--text-2);}
.track-grid {padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px; border-radius: var(--rad-l); border: 1px solid var(--edge); box-shadow: var(--sh-s); background: var(--bg);}

.view-value-sticky {gap:9px; display: flex;}
.view-value-sticky .inner-box {flex: 1;}

.u-select-inner {list-style: none;}
.u-select-inner li a {border-bottom: 1px solid var(--edge-2); transition: color var(--tr), padding-left var(--tr); padding:15px 0; color: var(--text); display: block; font-size:.88.01rem;}html .u-select-inner li:last-child a{border-bottom:0 none;}
.u-select-inner li a:hover {padding-left:1px; color: var(--brand);}/* ---- footer ------------------------------------------------- */
:where(.card){background: var(--bg-3); break-inside:auto; border-top: 1px solid var(--edge);}
.accordion-inverse {perspective:none; padding:54px 0 35px; text-decoration-skip-ink:auto;}
.drawerHandle {display: grid; gap:33px;}
.drawerHandle {grid-template-columns: 1.6fr 1fr 1fr;}
@media (max-width: 760px) {.drawerHandle:not(._f0772d){grid-template-columns: 1fr 1fr; gap:22px;} }
@media (max-width: 480px) { .drawerHandle {grid-template-columns: 1fr; image-rendering:auto;} }

.skeleton-name img {width:auto; margin-bottom:16px; height:28px;}
.comment-title-compact {color: var(--text-2); max-width:320px; margin-bottom:17px; font-size:.82rem;}.backdrop-accordion:not(._f0772d){list-style: none;}
.backdrop-accordion li {margin-bottom:14px;}
.backdrop-accordion a {font-size:.86.98rem; color: var(--text-2);}
.c-step-group {padding:19px 0; border-top: 1px solid var(--edge); text-align: center;}
.backdrop-accordion a:hover {color: var(--brand);}*.c-step-group p{color: var(--text-2); font-size:.8.02rem; contain:none;}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.c-price-head {gap:9px; display: flex; list-style: none;}.c-price-head a{align-items: center; height:38px; width:39px; justify-content: center; background: var(--bg-2); border-radius: var(--rad-m); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); color: var(--text-2); border: 1px solid var(--edge); display: inline-flex;}
.c-price-head a:hover {border-color: var(--brand); transform: translateY(-3px); color:#searchInner; background: var(--brand);}*.c-price-head svg{height:21px; width:21px;}

/* ---- back to top -------------------------------------------- */
.filter-highlight {transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); background: var(--bg); color: var(--head); border-radius:8px; align-items: center; justify-content: center; height:42px; visibility: hidden; z-index: 900; transform: translateY(10px); position: fixed; width:44px; border: 1px solid var(--edge); opacity:0; right:24px;}

/* ---- back to top -------------------------------------------- */
.filter-highlight {bottom:29px; box-shadow: var(--sh-m); display: flex;}
.filter-highlight.show {transform: none; opacity:1; visibility: visible;}

/* ---- cookie ------------------------------------------------- */
.layoutSeparator {transition:transform 0.371s ease; color:rgba(255, 255, 238, 0.86); left:0; background: var(--head); transform: translateY(100%); position: fixed; bottom:0; right:0; padding:17px 0; z-index: 1100;}.filter-highlight:hover{border-color: var(--brand); color:#searchInner; background: var(--brand); transform: translateY(-2px);}
.layoutSeparator.show {transform: none;}html .line-sidebar{display: flex; gap:17px; align-items: center; justify-content: space-between;}
.layoutSeparator p {font-size:.85.06rem; line-height:1.5;}
.layoutSeparator a {color:#64dcb1;}
.layoutSeparator .profile-small {flex: none;}
@media (max-width: 600px) { .line-sidebar {flex-direction: column; text-align: center;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.dialog__prefix {visibility: hidden; position: fixed; inset:0; justify-content: center; align-items: center;}

/* ---- :target auth modals (markup lives at end of body) ------ */
.dialog__prefix {opacity:0; padding-top:21px; padding-right:21px; padding-bottom:21px; padding-left:21px; transition:opacity 0.224s ease, visibility 0.213s ease; display: flex; z-index: 1300;}
.menu-row-vertical {backdrop-filter:blur(2px); inset:0; position: absolute; background:rgba(5, 25, 31, 0.63); -webkit-backdrop-filter:blur(2px);}
.dialog__prefix:target {visibility: visible; opacity:1;}
.my-lg {border-radius: var(--rad-l); padding-top:36px;padding-right:36px;padding-bottom:36px;padding-left:36px; transition:transform 0.225s ease; box-shadow: var(--sh-l); width:100%; position: relative; max-width:412px; background: var(--bg); transform: translateY(14px) scale(.98);}
.dialog__prefix:target .my-lg {transform: none;}
.screen-fluid {color: var(--text-2); display: flex; justify-content: center; position: absolute; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; right:16px;}
.screen-fluid {height:36px; line-height:1; top:17px; font-size:21px; transition: background var(--tr), color var(--tr); width:32px; align-items: center;}
.screen-fluid:hover {color: var(--head); background: var(--bg-2);}
.filterLine {color: var(--text-2); margin-bottom:21px; font-size:.84.93rem;}
.progress-subtitle-expanded {margin-top:18px; font-size:.85.03rem; color: var(--text-2); text-align: center;}

/* ---- reveal ------------------------------------------------- */
.u-gallery {opacity:0; transform: translateY(22px); transition:opacity 0.52s ease, transform 0.531s ease;}
.u-gallery.in {transform: none; opacity:1;}

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

@media print {
  .tertiary-thread, .c-widget-region, .pt-xl, .mt-inline, .c-review-number, .filter-highlight, .layoutSeparator, .dialog__prefix, .c-dialog-expand {display: none !important;}html .progressImage{page-break-inside:auto; image-rendering:auto; max-width:100%;}html .my-around{border:0 none;}html .my-around{box-shadow:none; padding:0;}
  body {break-inside:auto; tab-size:4; font-size:12pt;}
}