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

:root{--rad-s: 6px; --bg:      #content-gallery; --max: 1120px; --head:    #15201b; --text:    #37433d; --sh-s: 0 1px 2px rgba(15, 40, 28, .06); --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); --edge:    #counter-content; --rad-m: 10px; --brand-d: #0f6f48; --edge-2:  #page-dialog; --rad-l: 16px; --sh-m: 0 7px 24px rgba(15, 40, 28, .08); --tr: .25s cubic-bezier(.4, 0, .2, 1); --ff-m: ui-monospace, "SFMono-Regular", Consolas, Menlo, monospace; --brand:   #16915e; --bg-2:    #container-media; --ff-h: Georgia, "Iowan Old Style", "Times New Roman", "Noto Serif", serif; --brand-l: #site-grid; --bg-3:    #main-stepper; --text-2:  #6b766f;}*, *::before, *::after{box-sizing: border-box;}
html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4 {padding:0; margin:0;}html{scroll-behavior: smooth; height:100%; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}body{color: var(--text); font-size:14px; font-family: var(--ff); min-height:100%; background: var(--bg); line-height:1.7; overflow-x: hidden;}

img, svg {max-width:100%;}

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

:focus-visible {outline-offset:2px; border-radius:5px; outline: 2px solid var(--brand);}
::selection {color: var(--head); background: var(--brand-l);}::-webkit-scrollbar{width:10px;}::-webkit-scrollbar-track{background: var(--bg-2);}
::-webkit-scrollbar-thumb:hover {background:#comment-overlay;}
::-webkit-scrollbar-thumb {background:#site-widget; border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;}

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

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

/* ---- span labels styled to look like section titles --------- */
.app-sort {display: block; color: var(--head); font-size:1.25rem; line-height:1.3; font-family: var(--ff); margin-bottom:13px; font-weight:700;}/* ---- progress rail ------------------------------------------ */
.navZone:not(._9baf9d){width:0; background: linear-gradient(90deg, var(--brand), #4fd39c); z-index: 1200; position: fixed; transition:width 0.125s linear; height:6px; inset:0 auto auto 0;}

/* ---- masthead (slim, content sits right under it) ----------- */
.timelineCell {z-index: 1000; text-underline-offset:auto; -webkit-backdrop-filter:blur(10px); background:rgba(255, 250, 255, 0.91); border-bottom: 1px solid var(--edge-2); top:0; position: sticky; backdrop-filter:blur(10px); transition: box-shadow var(--tr);}
.timelineCell.sortDetail {box-shadow:0 2px 18px rgba(21, 27, 36, 0.06); text-underline-offset:auto;}
.formBody {display: flex; align-items: center; gap:18px; height:54px;}.panelCell:not(._9baf9d){align-items: center; display: inline-flex;}html .panelCell img{height:28px; width:auto;}

.select-meta {align-items: center; margin-left:auto; display: flex; gap:13px;}body .viewBlock{color: var(--text); font-weight:500; transition: background var(--tr), color var(--tr); border-radius: var(--rad-s); display: block; font-size:.9.03rem; padding:7px 12px;}
.col-sm {gap:0px; list-style: none; align-items: center; display: flex;}

.tagArea {display: flex; gap:4px; align-items: center; page-break-inside:auto; font-synthesis:weight style small-caps;}
.viewBlock:hover {color: var(--brand); background: var(--brand-l);}
.dropdownName {color: var(--head); shape-margin:0; font-size:.8.93rem; padding:4px 10px; font-weight:700;}
.dropdownName:hover {color: var(--brand);}.actionRow{gap:3px; margin-left:auto; padding:8px; flex-direction: column; display: none;}
.actionRow span {width:22px; transition: transform var(--tr), opacity var(--tr); height:2px; border-radius:2px; display: block; background: var(--head);}body .actionRow.x span:nth-child(1){transform: translateY(7px) rotate(45deg); font-variant-caps:normal;}
.actionRow.x span:nth-child(2) {opacity:0;}
.actionRow.x span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {.actionRow:not(._9baf9d){display: flex;}
  .select-meta {align-items: stretch; box-shadow: var(--sh-l); pointer-events: none; transition: transform var(--tr), opacity var(--tr); transform: translateY(-12px); gap:12px; opacity:0; padding:21px 22px 26px; border-bottom: 1px solid var(--edge); position: absolute; background: var(--bg); flex-direction: column; inset:59px 0 auto 0;}
  .select-meta.open {opacity:1; pointer-events: auto; transform: none;}
  .col-sm {flex-direction: column; align-items: stretch;}.tagArea{border-top: 1px solid var(--edge); padding-top:14px; justify-content: flex-start;}
}
.tooltipSuffix {margin-inline:auto; width:100%; max-width:759px;}

/* ---- content shell ------------------------------------------ */
.blockSummary {padding:40px 0 75px;}

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

.panelMeta {margin-bottom:31px;}
.sidebarHolder {page-break-inside:auto; text-decoration-skip-ink:auto; margin-bottom:20px;}
.replyClose {text-underline-offset:auto; display: inline-flex; perspective:none; align-items: center; gap:10px;}.drawerIndicator{align-items: center; flex-wrap: wrap; display: flex; color: var(--text-2); font-size:.82.01rem; gap:16px;}
.replyClose svg {flex: none; opacity:0.66;}

/* table of contents (collapsible, inside article) */
.toolbar--first {margin-bottom:27px;}
.heroSection {padding:15px 21px; background: var(--bg-2); border-radius: var(--rad-m); border: 1px solid var(--edge);}
.formTitle {align-items: center; display: flex; margin-bottom:13px; justify-content: space-between;}
.alertOverlay ol {list-style: none; counter-reset: t;}
.stepperHandle {font-size:.8.05rem; color: var(--brand);}
.alertOverlay li {counter-increment: t; margin-bottom:3px;}
.alertOverlay li::before {content: counter(t) ". "; color: var(--brand); font-weight:500;}.alertOverlay a{font-size:.8.93rem; font-synthesis:weight style small-caps; widows:2; color: var(--text);}
.alertOverlay a:hover {color: var(--brand);}

/* article body — real H2/H3 live here */
.priceCap {font-size:1.08rem; color: var(--text); line-height:1.82;}
.priceCap > * + * {margin-top:1.15em;}body .priceCap h2{margin-top:1.83em; font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem);}
.priceCap h3 {margin-top:1.5em; font-size:1.3rem;}.priceCap p{margin:0 0 1.19em;}.priceCap ul, .priceCap ol{padding-left:1.49em; background-blend-mode:normal; margin:0 0 1.07em;}
.priceCap li {margin-bottom:.45.05em;}
.priceCap a {text-underline-offset:2px; text-decoration-color:rgba(15, 162, 112, 0.41); text-decoration:underline;}
.priceCap a:hover {text-decoration-color: var(--brand);}.priceCap img{margin:1.56em 0; border-radius: var(--rad-m);}html .priceCap blockquote{font-style:italic; background: var(--brand-l); border-left: 4px solid var(--brand); color: var(--head); font-family: var(--ff-h); padding:1.03em 1.22em; margin:1.42em 0; border-radius: 0 var(--rad-s) var(--rad-s) 0;}body .priceCap pre{font-size:.87.95rem; overflow-x: auto; border-radius: var(--rad-m); background:#181b0a; font-family: var(--ff-m); color:#page_bar; padding:1.23em 1.36em; margin:1.45em 0;}
.priceCap code {background: var(--bg-2); font-family: var(--ff-m); font-size:.8.97em; padding:2px 8px; border-radius:3px; color:#027736;}body .priceCap pre code{color:inherit; background:none; padding:0;}.priceCap table{margin:1.54em 0; width:100%; font-size:.94.95rem; border-collapse:collapse;}
.priceCap th, .priceCap td {text-align: left; border: 1px solid var(--edge); padding:15px 12px;}
.priceCap th {font-weight:600; background: var(--bg-2); color: var(--head);}

/* share */
.tabsSeparator {gap:18px; border-top: 1px solid var(--edge-2); display: flex; padding-top:20px; align-items: center; margin-top:32px; flex-wrap: wrap;}
.priceCap th {font-family: var(--ff);}
.breadcrumbValue {font-weight:500; color: var(--head); font-size:.86.08rem;}body .dot-feature{display: flex; gap:9px;}html .progressTrack{-moz-tab-size:4;background: var(--bg-2); height:38px; border: 1px solid var(--edge); tab-size:4; align-items: center; display: inline-flex; hyphens:manual; border-top-left-radius:14px;border-top-right-radius:14px;border-bottom-right-radius:14px;border-bottom-left-radius:14px; justify-content: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); color: var(--text-2); width:42px;}.progressTrack:hover{border-color: var(--brand); box-shadow:0 7px 12px rgba(24, 130, 110, 0.33); background: var(--brand); transform: translateY(-2px); color:#value-rating;}/* ---- comments (directly under article) ---------------------- */
.o-profile{background: var(--bg); margin-top:28px; border-radius: var(--rad-l); padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px; border: 1px solid var(--edge-2); box-shadow: var(--sh-s);}

/* ---- forms & controls --------------------------------------- */
.snackbarBlock {margin-top:10px;}
.ui-toggle-section {grid-template-columns: 1fr 1fr; gap:14px; display: grid; margin-bottom:13px;}
.footerAction {margin-bottom:18px;}
@media (max-width: 560px) {*.ui-toggle-section{grid-template-columns: 1fr;} }.widget__separator--expanded:not(._9baf9d){backface-visibility:visible; border-radius: var(--rad-m); color: var(--text); font-size:.92.02rem; background: var(--bg); font:inherit; border: 1px solid var(--edge); width:100%; padding:9px 19px; transition: border-color var(--tr), box-shadow var(--tr);}
.widget__separator--expanded::placeholder {color:#site-layout;}
.widget__separator--expanded:focus {outline:none; box-shadow: 0 0 0 3px var(--brand-l); border-color: var(--brand);}
.ratingSection {resize: vertical; line-height:1.6; min-height:128px;}

.drawerColumn {gap:7px; align-items: center; font-size:.92.04rem; padding:14px 28px; white-space: nowrap; display: inline-flex; font-weight:700; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); font:inherit; justify-content: center; border-radius: var(--rad-m);}.heroDetail{color:#value-rating;}.heroDetail{background: var(--brand); box-shadow:0 0px 13px rgba(25, 149, 84, 0.32);}
.heroDetail:hover {color:#value-rating; transform: translateY(-1px); background: var(--brand-d); box-shadow:0 3px 21px rgba(20, 154, 90, 0.32);}
.tabsBar {background:transparent; color: var(--brand); padding:12px 19px; border: 1.5px solid var(--brand);}body .gridExtra{background: var(--bg-2); color: var(--text); border: 1px solid var(--edge);}
.tabsBar:hover {color:#value-rating; background: var(--brand);}
.gridExtra:hover {color: var(--head); background: var(--edge-2);}
.reviewSpacer {contain:none; widows:2; width:100%;}
.toolbarSummary {width:46px; padding:0; flex: none;}

.slider-filled {box-shadow: var(--sh-s); background: var(--bg); margin-bottom:37px; align-items: start; grid-template-columns: 1fr 1.25fr; display: grid; border: 1px solid var(--edge); padding:38px; border-radius: var(--rad-l); gap:32px;}

/* ---- extras zone (everything else, pushed below content) ---- */
.toggleHandle {padding:56px 0; border-top: 1px solid var(--edge); background: var(--bg-2);}
@media (max-width: 720px) {body .slider-filled{gap:26px; grid-template-columns: 1fr;} }
.breadcrumb {font-size:.9.06rem; color: var(--text-2);}

.layoutTrigger {grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); gap:19px; display: grid;}*.spinnerToggle{background: var(--bg); padding:24px;}*.spinnerToggle{border-radius: var(--rad-l); box-shadow: var(--sh-s); border: 1px solid var(--edge);}
.tooltipCount {font-size:.84.93rem; color: var(--text-2); margin-bottom:13px;}

.tablePlaceholder {display: flex; gap:10px;}

.threadFoot {list-style: none;}
.tablePlaceholder .widget__separator--expanded {flex: 1;}
.threadFoot li a {font-size:.88.06rem; border-bottom: 1px solid var(--edge-2); color: var(--text); transition: color var(--tr), padding-left var(--tr); display: block; padding:10px 0;}
.threadFoot li:last-child a {hyphens:manual; page-break-inside:auto; border-bottom:none;}

/* ---- footer ------------------------------------------------- */
.dividerToggle {border-top: 1px solid var(--edge); background: var(--bg-3);}body .threadFoot li a:hover{padding-left:4px; color: var(--brand);}
.avatarAction {padding:50px 0 32px;}
.snackbarBar {gap:35px; grid-template-columns: 1.6fr 1fr 1fr; display: grid;}
@media (max-width: 760px) { .snackbarBar {backface-visibility:visible; gap:22px; image-rendering:auto; grid-template-columns: 1fr 1fr;} }
@media (max-width: 480px) { .snackbarBar {grid-template-columns: 1fr;} }

.cardItem img {width:auto; height:31px; text-decoration-skip-ink:auto; margin-bottom:16px;}*.blockValue{font-size:.82.06rem; margin-bottom:20px; max-width:320px; color: var(--text-2);}

.cardItem img {backface-visibility:visible;}body .searchSection{list-style: none;}
.searchSection li {margin-bottom:9px;}
.searchSection a {color: var(--text-2); font-size:.87.02rem;}
.searchSection a:hover {color: var(--brand); text-underline-offset:auto;}
.searchSection a:hover {font-synthesis:weight style small-caps;}
.commentHead {border-top: 1px solid var(--edge); padding:15px 0; text-align: center;}
.commentHead p {font-size:.8.04rem; color: var(--text-2);}/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.py-end{display: flex; list-style: none; gap:11px;}
.py-end a {transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); justify-content: center; background: var(--bg-2); color: var(--text-2); display: inline-flex; border-radius: var(--rad-m); border: 1px solid var(--edge); height:37px; align-items: center; width:40px;}
.py-end a:hover {border-color: var(--brand); color:#value-rating; transform: translateY(-3px); background: var(--brand);}
.py-end svg {height:15px; width:15px;}

/* ---- back to top -------------------------------------------- */
.alertExtra {align-items: center; justify-content: center; right:28px; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); visibility: hidden; border: 1px solid var(--edge); color: var(--head); transform: translateY(10px); position: fixed; background: var(--bg); height:44px; z-index: 900; display: flex; border-radius:9px; width:48px; box-shadow: var(--sh-m); opacity:0; bottom:25px;}
.alertExtra.show {transform: none; visibility: visible; opacity:1;}
.alertExtra:hover {color:#value-rating; transform: translateY(-2px); hyphens:manual; background: var(--brand); border-color: var(--brand); break-inside:auto;}

/* ---- cookie ------------------------------------------------- */
.paginationIcon {right:0; background: var(--head); bottom:0rem; z-index: 1100; transform: translateY(100%); left:0; background-blend-mode:normal; position: fixed; backface-visibility:visible; padding:13px 0; transition:transform 0.46s ease; color:rgba(255, 255, 255, 0.92);}body .paginationIcon.show{transform: none;}.popoverDetail{align-items: center; display: flex; justify-content: space-between; gap:23px; shape-margin:0;}
.paginationIcon p {font-size:.84.97rem; line-height:1.5;}.paginationIcon a{color:#68eba8;}
.paginationIcon .drawerColumn {flex: none;}
@media (max-width: 600px) {html .popoverDetail{text-align: center; flex-direction: column;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.snackbarClose {display: flex; transition:opacity 0.228s ease, visibility 0.241s ease; justify-content: center; inset:0; opacity:0; visibility: hidden; z-index: 1300; position: fixed; padding:21px; align-items: center;}
.snackbarClose:target {opacity:1; visibility: visible;}
.formDetail {background:rgba(0, 31, 12, 0.57); inset:0; backdrop-filter:blur(2px); position: absolute; -webkit-backdrop-filter:blur(2px);}
.dropdownPrefix {mix-blend-mode:normal; position: relative; border-radius: var(--rad-l); box-shadow: var(--sh-l); width:100%; max-width:413px; padding:30px; background: var(--bg); transition:transform 0.276s ease; transform: translateY(14px) scale(.98);}
.snackbarClose:target .dropdownPrefix {transform: none;}
.bannerAction {font-size:17px; color: var(--text-2); width:35px; display: flex; line-height:1; transition: background var(--tr), color var(--tr); align-items: center; top:18px; right:12px; justify-content: center; position: absolute; border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px; height:30px;}
.bannerAction:hover {background: var(--bg-2); color: var(--head);}
.panelItem {margin-bottom:22px; font-size:.84.94rem; color: var(--text-2);}
.heroMeta {font-size:.85rem; margin-top:16px; text-align: center; color: var(--text-2);}

/* ---- reveal ------------------------------------------------- */
.widgetClose {opacity:0; transition:opacity 0.535s ease, transform 0.558s ease;}

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

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

@media print {
  .timelineCell, .navZone, .tabsSeparator, .o-profile, .toggleHandle, .alertExtra, .paginationIcon, .snackbarClose, .actionRow {display: none !important;}
  .tooltipSuffix {max-width:100%;}
  .sliderPreview {border:0; box-shadow:none; padding:0rem;}
  body {font-size:12pt; text-underline-offset:auto; will-change:auto;}
}