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

:root {--head:    #15201b; --tr: .25s cubic-bezier(.4, 0, .2, 1); --text-2:  #6b766f; --rad-s: 6px; --text:    #37433d; --bg:      #app-skeleton; --brand:   #16915e; --ff:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --sh-l: 0 18px 48px rgba(15, 40, 28, .12); --max: 1120px; --brand-d: #0f6f48; --sh-m: 0 7px 24px rgba(15, 40, 28, .08); --bg-2:    #view_head; --sh-s: 0 1px 2px rgba(15, 40, 28, .06); --brand-l: #drawer_meta; --rad-l: 16px; --ff-m: ui-monospace, "SFMono-Regular", Consolas, Menlo, monospace; --ff-h: Georgia, "Iowan Old Style", "Times New Roman", "Noto Serif", serif; --edge-2:  #summary-sort; --bg-3:    #app-page;}/* =============================================================
   Template 1106_new_v1 — Stylesheet
   Self-contained · no framework · no external fonts.
   Content-first layout. Secondary labels are <span>, not headings.
   ============================================================= */

:root {--rad-m: 10px; --edge:    #post_detail;}
html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4 {margin:0; padding:0;}*, *::before, *::after{box-sizing: border-box;}

body {min-height:100%;}

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

img, svg {max-width:100%; height:auto; display: block; contain:none;}

body {font-family: var(--ff); font-size:13px; background: var(--bg); overflow-x: hidden; line-height:1.7; color: var(--text);}
a {transition: color var(--tr); color: var(--brand); text-decoration:none;}
a:hover {color: var(--brand-d);}button{background:none; cursor: pointer; font-family:inherit; border:none;}::selection{background: var(--brand-l); color: var(--head);}

:focus-visible {outline-offset:2px; border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px; outline: 2px solid var(--brand);}
::-webkit-scrollbar {width:5px;}
::-webkit-scrollbar-track {background: var(--bg-2);}
::-webkit-scrollbar-thumb {background:#step-outer; border-top-left-radius:11px;border-top-right-radius:11px;border-bottom-right-radius:11px;border-bottom-left-radius:11px;}::-webkit-scrollbar-thumb:hover{background:#media_container;}

.d-between {width:100%; padding-inline:22px; max-width: var(--max); margin-inline:auto; perspective:none;}

.bannerMeta {overflow: hidden; position: absolute; padding:0; border:0 none; height:1px; margin:-1px; white-space: nowrap; clip:rect(0,0,0,0); width:1px;}/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4{line-height:1.25; word-spacing:normal; font-weight:bold; font-family: var(--ff-h); shape-margin:0; color: var(--head);}
h1 {font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem); letter-spacing:-.11.93em;}
.replyItem {margin-bottom:14px; font-size:0.97rem;}

/* ---- span labels styled to look like section titles --------- */
.el-nav-icon {font-size:1.13rem; font-weight:700; color: var(--head); font-family: var(--ff); line-height:1.3; display: block; margin-bottom:15px;}/* ---- progress rail ------------------------------------------ */
.timelineToggle{position: fixed; background: linear-gradient(90deg, var(--brand), #4fd39c); z-index: 1200; height:7px; transition:width 0.068s linear; inset:0 auto auto 0; width:0em;}

/* ---- masthead (slim, content sits right under it) ----------- */
.module__trigger {-webkit-backdrop-filter:blur(10px); position: sticky; transition: box-shadow var(--tr); border-bottom: 1px solid var(--edge-2); backdrop-filter:blur(10px); background:rgba(255, 249, 254, 1); z-index: 1000; top:0;}
.dropdownRegion {align-items: center; height:62px; gap:14px; display: flex;}
.module__trigger.c-action {box-shadow:0 2px 20px rgba(10, 27, 21, 0.14);}

.formFoot {font-synthesis:weight style small-caps; align-items: center; font-variant-caps:normal; display: inline-flex;}*.formFoot img{font-variant-ligatures:normal;}

.listThumb {align-items: center; display: flex; margin-left:auto; gap:17px;}*.formFoot img{text-decoration-skip-ink:auto; width:auto; height:27px;}body .featureInput{font-weight:medium; border-radius: var(--rad-s); transition: background var(--tr), color var(--tr); color: var(--text); font-size:.9.05rem; padding:9px 11px; display: block;}.carouselSummary{display: flex; gap:3px; list-style: none; align-items: center;}
.featureInput:hover {color: var(--brand); background: var(--brand-l);}

.boxPrefix {display: flex; align-items: center; gap:8px;}*.menuButton{padding:7px 8px; color: var(--head); font-size:.8.97rem;}*.menuButton{font-weight:600;}
.menuButton:hover {shape-margin:0; color: var(--brand);}html .listCap{padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px; flex-direction: column; gap:2px; margin-left:auto; display: none;}
.listCap span {width:22px; transition: transform var(--tr), opacity var(--tr); display: block; background: var(--head); border-radius:2px; height:2px;}
.listCap.x span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.listCap.x span:nth-child(2) {opacity:0;}
.listCap.x span:nth-child(3) {transform: translateY(-7px) rotate(-45deg); tab-size:4;}

@media (max-width: 820px) {.listCap{display: flex;}
  .listThumb {padding:17px 20px 27px; pointer-events: none; align-items: stretch; transition: transform var(--tr), opacity var(--tr); opacity:0; border-bottom: 1px solid var(--edge); box-shadow: var(--sh-l); flex-direction: column; position: absolute; gap:17px; inset:61px 0 auto 0; background: var(--bg); transform: translateY(-12px);}
  .listThumb.open {opacity:1; transform: none; pointer-events: auto;}
  .carouselSummary {align-items: stretch; flex-direction: column;}html .boxPrefix{justify-content: flex-start; padding-top:8px; border-top: 1px solid var(--edge);}
}

/* ---- content shell ------------------------------------------ */
.replyDate {padding:42px 0 68px;}
.breadcrumbBackdrop {max-width:762px; margin-inline:auto; width:100%;}

/* ---- article (the only real content) ------------------------ */
.tabsHolder {border-radius: var(--rad-l); background: var(--bg); padding:41px; border: 1px solid var(--edge-2); box-shadow: var(--sh-s);}
@media (max-width: 620px) {.tabsHolder{border-radius: var(--rad-m); padding:26px 23px;} }*.filterLink{margin-bottom:25px;}
.modalData {margin-bottom:19px;}
.alert--default {color: var(--text-2); display: flex; font-size:.81.92rem; gap:16px; align-items: center; flex-wrap: wrap;}
.comment {gap:9px; align-items: center; display: inline-flex;}
.comment svg {flex: none; opacity:0.6;}

/* table of contents (collapsible, inside article) */
.ml-8 {margin-bottom:28px;}body .ui-card{border: 1px solid var(--edge); padding:14px 23px; background: var(--bg-2); font-synthesis:weight style small-caps; border-radius: var(--rad-m); text-underline-offset:auto;}
.h-md {align-items: center; display: flex; margin-bottom:10px; justify-content: space-between;}
.dialogDate {print-color-adjust:economy; font-size:.8.08rem; color: var(--brand);}
.screen-number-hover ol {counter-reset: t; list-style: none;}
.screen-number-hover li {margin-bottom:8px; counter-increment: t; isolation:auto;}.screen-number-hover li::before{content: counter(t) ". "; color: var(--brand); font-weight:600;}
.screen-number-hover a {font-size:.8.94rem; color: var(--text);}

/* article body — real H2/H3 live here */
.breadcrumbLabel {line-height:1.82; color: var(--text); font-size:1.11rem;}
.screen-number-hover a:hover {color: var(--brand);}.breadcrumbLabel > * + *{margin-top:1.22em;}body .breadcrumbLabel h2{margin-top:1.84em; font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem);}*.breadcrumbLabel h3{font-size:1.27rem; margin-top:1.49em; contain:none;}
.breadcrumbLabel p {margin:0 0 1.1em;}
.breadcrumbLabel ul, .breadcrumbLabel ol {margin:0 0 1.07em; padding-left:1.47em;}
.breadcrumbLabel li {margin-bottom:.44.99em;}.breadcrumbLabel a{text-underline-offset:2px; text-decoration:underline; text-decoration-color:rgba(8, 127, 95, 0.38);}
.breadcrumbLabel a:hover {text-decoration-color: var(--brand);}
.breadcrumbLabel a:hover {background-blend-mode:normal; page-break-inside:auto;}
.breadcrumbLabel img {margin:1.51em 0; border-radius: var(--rad-m);}
.breadcrumbLabel blockquote {font-style:italic; border-left: 4px solid var(--brand); background: var(--brand-l); padding:1.01em 1.26em; color: var(--head); orphans:2; font-family: var(--ff-h); mix-blend-mode:normal; margin:1.54em 0; border-radius: 0 var(--rad-s) var(--rad-s) 0;}
.breadcrumbLabel pre {font-size:.88.03rem; background:hsl(163, 65.9%, 10.8%); color:#chipInfo; font-family: var(--ff-m); overflow-x: auto; padding:1.13em 1.38em; margin:1.47em 0; border-radius: var(--rad-m);}
.breadcrumbLabel code {background: var(--bg-2); color:#1c6434; padding:2px 4px; border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px; font-family: var(--ff-m); font-size:.8.95em;}.breadcrumbLabel pre code{background:none; color:inherit; padding:0;}
.breadcrumbLabel table {font-size:.95.05rem; border-collapse:collapse; margin:1.53em 0; width:100%;}
.breadcrumbLabel th, .breadcrumbLabel td {border: 1px solid var(--edge); padding:12px 14px; text-align: left;}
.breadcrumbLabel th {background: var(--bg-2); font-family: var(--ff); color: var(--head); font-weight:600; text-underline-offset:auto; isolation:auto;}.badgeTrack:not(._17547a){font-weight:700; color: var(--head); font-size:.86.03rem;}/* share */
.avatarGroup{border-top: 1px solid var(--edge-2); display: flex; flex-wrap: wrap; gap:12px; margin-top:32px; padding-top:28px; align-items: center;}
.listDetail {display: flex; gap:9px;}
.panelToggle {border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px; width:41px; align-items: center; height:35px; display: inline-flex; justify-content: center; color: var(--text-2); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); border: 1px solid var(--edge); background: var(--bg-2);}body .panelToggle:hover{transform: translateY(-2px); border-color: var(--brand); box-shadow:0 6px 11px rgba(38, 149, 95, 0.34); color:#list_group; background: var(--brand);}/* ---- comments (directly under article) ---------------------- */
.dividerBackdrop:not(._17547a){background: var(--bg); box-shadow: var(--sh-s); padding-top:36px;padding-right:36px;padding-bottom:36px;padding-left:36px; border-radius: var(--rad-l); margin-top:29px; border: 1px solid var(--edge-2);}
.formDetail {margin-bottom:13px; gap:13px; grid-template-columns: 1fr 1fr; display: grid;}/* ---- forms & controls --------------------------------------- */
.sliderDetail:not(._17547a){margin-top:9px;}
.postAction {margin-bottom:13px;}
@media (max-width: 560px) { .formDetail {grid-template-columns: 1fr;} }html .t-grid-input{font:inherit; border: 1px solid var(--edge); text-underline-offset:auto; border-radius: var(--rad-m); font-size:.92.06rem; transition: border-color var(--tr), box-shadow var(--tr); width:100%; color: var(--text); background: var(--bg); padding:8px 15px;}
.t-grid-input::placeholder {color:#app-sidebar;}
.t-grid-input:focus {outline:none; hyphens:manual; border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-l);}
.snackbarTime {line-height:1.6; min-height:130px; resize: vertical;}
.tagFoot {box-shadow:0 2px 14px rgba(26, 137, 87, 0.28); color:#list_group; background: var(--brand);}

.threadNumber {justify-content: center; border-radius: var(--rad-m); align-items: center; font-size:.92.08rem; display: inline-flex; font:inherit; font-weight:600; white-space: nowrap; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); padding:13px 22px; gap:7px;}
.tagFoot:hover {transform: translateY(-1px); color:#list_group; box-shadow:0 2px 20px rgba(20, 129, 108, 0.33); background: var(--brand-d);}
.ratingLink {background:transparent; color: var(--brand); padding:5px 17px; border: 1.5px solid var(--brand);}
.ratingLink:hover {background: var(--brand); color:#list_group;}.page__primary--muted:not(._17547a){background: var(--bg-2); border: 1px solid var(--edge); color: var(--text);}.page__primary--muted:hover{background: var(--edge-2); color: var(--head);}
.reply__summary {padding:0; flex: none; width:43px;}html .drawerToggle{width:100%;}/* ---- extras zone (everything else, pushed below content) ---- */
:where(.dropdownSection){border-top: 1px solid var(--edge); padding:59px 0; background: var(--bg-2); perspective:none;}

.dropdown {border-radius: var(--rad-l); background: var(--bg); box-shadow: var(--sh-s); gap:35px; border: 1px solid var(--edge); align-items: start; display: grid; margin-bottom:34px; grid-template-columns: 1fr 1.25fr; padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}
@media (max-width: 720px) {.dropdown{gap:21px; grid-template-columns: 1fr;} }
.reviewSpacer {color: var(--text-2); font-size:.8.93rem;}

.overflow-inline {display: grid;}

.overflow-inline {gap:22px; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); image-rendering:auto; break-inside:auto;}
.sectionContent {color: var(--text-2); margin-bottom:11px; font-size:.85.01rem;}
.ratingBlock {border: 1px solid var(--edge); box-shadow: var(--sh-s); background: var(--bg); padding:24px; border-radius: var(--rad-l);}html .dropdownImage{display: flex; gap:8px;}.dropdownImage :where(.t-grid-input){transform-style:flat; word-spacing:normal; flex: 1;}

.toggleAction {list-style: none;}
.toggleAction li a {display: block; font-size:.87.97rem; border-bottom: 1px solid var(--edge-2); padding:15px 0; transition: color var(--tr), padding-left var(--tr); hyphens:manual; color: var(--text);}
.toggleAction li:last-child a {border-bottom:none;}
.toggleAction li a:hover {color: var(--brand); padding-left:7px;}/* ---- footer ------------------------------------------------- */
.navSubtitle{background: var(--bg-3); border-top: 1px solid var(--edge);}.mediaPrefix{padding:48px 0 37px;}
.headerWrapper {display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap:32px;}
@media (max-width: 760px) {*.headerWrapper{gap:30px; grid-template-columns: 1fr 1fr;} }
@media (max-width: 480px) {.headerWrapper{grid-template-columns: 1fr;} }

.sidebarDetail img {margin-bottom:16px; height:27px; width:auto;}.carouselName{color: var(--text-2); margin-bottom:19px; max-width:322px; font-size:.82.07rem;}html .modalExtra{orphans:2; shape-margin:0; list-style: none;}
.modalExtra li {margin-bottom:12px;}
.modalExtra a {font-size:.87.05rem; color: var(--text-2);}body .modalExtra a:hover{contain:none; isolation:auto; color: var(--brand);}
.price-warning {text-align: center;}
.price-warning {padding:18px 0; border-top: 1px solid var(--edge);}
.price-warning p {font-size:.8.05rem; color: var(--text-2);}

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

/* ---- back to top -------------------------------------------- */
.tooltipText {opacity:0; height:41px; color: var(--head); position: fixed; transform: translateY(10px); transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); display: flex; justify-content: center; width:41px; background: var(--bg); box-shadow: var(--sh-m); orphans:2; visibility: hidden; z-index: 900; right:26px; bottom:26px; 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); align-items: center;}
.tooltipText.show {visibility: visible; transform: none; opacity:1;}
.tooltipText:hover {color:#list_group; border-color: var(--brand); background: var(--brand); transform: translateY(-2px);}

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

/* ---- :target auth modals (markup lives at end of body) ------ */
.actionClose {position: fixed; transition:opacity 0.259s ease, visibility 0.221s ease; text-rendering:auto; display: flex; z-index: 1300; opacity:0; inset:0; visibility: hidden; justify-content: center; padding:24px; align-items: center;}
.actionClose:target {opacity:1; visibility: visible;}
.tableText {border-radius: var(--rad-l); box-shadow: var(--sh-l); max-width:410px; position: relative; width:100%; transition:transform 0.259s ease; background: var(--bg); padding:37px; transform: translateY(14px) scale(.98);}html .skeletonBody{-webkit-backdrop-filter:blur(2px); inset:0; backdrop-filter:blur(2px); background:rgba(18, 11, 13, 0.49); position: absolute;}
.priceTrigger {transition: background var(--tr), color var(--tr); right:11px; border-radius:6px; line-height:1; width:34px; font-size:16px;}
.actionClose:target .tableText {transform: none;}
.priceTrigger {height:34px; justify-content: center; position: absolute; color: var(--text-2); top:11px; align-items: center; display: flex;}.o-progress{font-size:.84.92rem; color: var(--text-2); margin-bottom:14px;}.priceTrigger:hover{background: var(--bg-2); color: var(--head);}body .statusBody{font-size:.84.97rem; text-align: center; margin-top:12px; color: var(--text-2);}

/* ---- reveal ------------------------------------------------- */
.alertItem {opacity:0; transition:opacity 0.516s ease, transform 0.573s ease; transform: translateY(22px);}
.alertItem.in {opacity:1; transform: none;}

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

@media print {.module__trigger:not(._17547a), *.timelineToggle, *.avatarGroup, .dividerBackdrop, .dropdownSection, .tooltipText, html .sliderImage, .actionClose, .listCap{display: none !important;}
  .breadcrumbBackdrop {max-width:100%;}
  .tabsHolder {border:none; box-shadow:none; padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem;}
  body {contain:none; image-rendering:auto; font-size:12pt;}
}