*, *::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-3:    #section_addon; --brand-l: #app-page; --brand:   #16915e; --rad-s: 6px; --edge-2:  #table_expand; --text:    #37433d; --bg-2:    #viewExpand; --sh-m: 0 7px 24px rgba(15, 40, 28, .08); --edge:    #main-dropdown; --ff-h: Georgia, "Iowan Old Style", "Times New Roman", "Noto Serif", serif; backface-visibility:visible; --max: 1120px; --sh-s: 0 1px 2px rgba(15, 40, 28, .06); --head:    #15201b; --rad-m: 10px; --sh-l: 0 18px 48px rgba(15, 40, 28, .12); --tr: .25s cubic-bezier(.4, 0, .2, 1); --text-2:  #6b766f; --bg:      #sort_section; --brand-d: #0f6f48; --rad-l: 16px; --ff:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --ff-m: ui-monospace, "SFMono-Regular", Consolas, Menlo, monospace;}

html {-webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale; height:100%; scroll-behavior: smooth;}
html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4 {padding:0; margin:0;}

body {color: var(--text); overflow-x: hidden; background: var(--bg); line-height:1.7; min-height:100%; font-family: var(--ff); font-size:20px;}
a {text-rendering:auto; text-decoration-skip-ink:auto; transition: color var(--tr); color: var(--brand); text-decoration:none;}

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

:focus-visible {border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px; outline-offset:2px; outline: 2px solid var(--brand);}::selection{color: var(--head); background: var(--brand-l);}::-webkit-scrollbar-track{background: var(--bg-2);}::-webkit-scrollbar{width:12px;}
::-webkit-scrollbar-thumb:hover {background:#toggle_addon; mix-blend-mode:normal;}
::-webkit-scrollbar-thumb {border-radius:13px; background:#page-grid;}

.stepInfo {clip:rect(0,0,0,0);}

.breadcrumb--sticky {padding-inline:22px; width:100%; max-width: var(--max); margin-inline:auto;}

.stepInfo {margin:-1px; white-space: nowrap; width:1px; overflow: hidden; height:1px; padding:0; border:0; position: absolute;}/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4{text-rendering:auto; font-weight:700; font-family: var(--ff-h); color: var(--head); line-height:1.25;}/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4{mix-blend-mode:normal;}
h1 {letter-spacing:-.12em; font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem); will-change:auto;}

/* ---- span labels styled to look like section titles --------- */
.profileWrapper {font-family: var(--ff); font-weight:700; line-height:1.3; margin-bottom:20px; color: var(--head); display: block;}

/* ---- span labels styled to look like section titles --------- */
.profileWrapper {font-size:1.11rem;}
.bg-5 {margin-bottom:12px; font-size:0.94rem;}

/* ---- progress rail ------------------------------------------ */
.heroBody {z-index: 1200; transition:width 0.112s linear; height:-1px; background: linear-gradient(90deg, var(--brand), #4fd39c);}

/* ---- progress rail ------------------------------------------ */
.heroBody {inset:0 auto auto 0; position: fixed; width:0;}

/* ---- masthead (slim, content sits right under it) ----------- */
.reviewData {top:0; backdrop-filter:blur(10px); background:rgba(246, 255, 255, 0.89); z-index: 1000;}

/* ---- masthead (slim, content sits right under it) ----------- */
.reviewData {position: sticky; -webkit-backdrop-filter:blur(10px); border-bottom: 1px solid var(--edge-2); transition: box-shadow var(--tr);}.leading-md.reviewData{box-shadow:0 2px 20px rgba(16, 25, 19, 0.01);}.bannerItem:not(._bea698){height:61px; gap:19px; align-items: center; display: flex;}

.tabsBackdrop {display: inline-flex; text-rendering:auto; align-items: center;}.tabsBackdrop img{width:auto; height:26px;}

.spinnerCount {align-items: center; margin-left:auto; display: flex; gap:19px;}
.selectInner {list-style: none; text-decoration-skip-ink:auto; display: flex; gap:6px; orphans:2; align-items: center;}
.breadcrumbRow {padding:9px 15px; border-radius: var(--rad-s); font-weight:500; color: var(--text); display: block; transition: background var(--tr), color var(--tr); font-size:.8.92rem;}

.statusExtra {display: flex; align-items: center; gap:9px;}.breadcrumbRow:hover{perspective:none; transform-style:flat; color: var(--brand); background: var(--brand-l);}body .u-module-item{font-weight:700; color: var(--head); text-rendering:auto; padding:4px 6px; font-size:.9.06rem;}
.u-module-item:hover {perspective:none; color: var(--brand); transform-style:flat;}

.postCell {display: none; margin-left:auto; padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px; gap:4px; flex-direction: column;}.postCell span{background: var(--head); width:22px; display: block; transition: transform var(--tr), opacity var(--tr); height:2px; border-radius:2px;}
.postCell.x span:nth-child(1) {perspective:none; isolation:auto; transform: translateY(7px) rotate(45deg);}
.postCell.x span:nth-child(2) {opacity:0;}
.postCell.x span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {
  .postCell {display: flex;}
  .spinnerCount {border-bottom: 1px solid var(--edge); padding:15px 20px 27px; pointer-events: none; align-items: stretch; inset:62px 0 auto 0; background: var(--bg); opacity:0; transform: translateY(-12px); transition: transform var(--tr), opacity var(--tr); flex-direction: column; position: absolute; box-shadow: var(--sh-l); gap:13px; isolation:auto;}
  .spinnerCount.open {opacity:1; pointer-events: auto; transform: none;}.selectInner:not(._bea698){align-items: stretch; flex-direction: column;}
  .statusExtra {justify-content: flex-start; padding-top:16px; border-top: 1px solid var(--edge);}
}

/* ---- content shell ------------------------------------------ */
.filterTertiary {padding:40px 0 68px;}.sortRow:not(._bea698){margin-inline:auto; max-width:760px; width:100%;}

/* ---- article (the only real content) ------------------------ */
.modalDot {border: 1px solid var(--edge-2);}

/* ---- article (the only real content) ------------------------ */
.modalDot {border-radius: var(--rad-l); padding-top:43px; padding-right:43px; padding-bottom:43px; padding-left:43px; box-shadow: var(--sh-s); background: var(--bg);}
@media (max-width: 620px) { .modalDot {padding:28px 21px; border-radius: var(--rad-m);} }

.reviewSummary {margin-bottom:27px;}html .filterContent{margin-bottom:13px;}
.u-layout {gap:2px; align-items: center; display: inline-flex;}
.menuOuter {gap:13px; display: flex; flex-wrap: wrap; align-items: center; font-size:.81.92rem; color: var(--text-2);}
.u-layout svg {flex: none; opacity:0.62;}

/* table of contents (collapsible, inside article) */
.o-chip-secondary {margin-bottom:26px;}
.timelineDate {padding:18px 20px; border: 1px solid var(--edge); border-radius: var(--rad-m); background: var(--bg-2);}
.sliderSummary {font-size:.8.03rem; color: var(--brand);}
.screenOverlay {-moz-tab-size:4;display: flex; margin-bottom:14px; transform-style:flat; align-items: center; tab-size:4; justify-content: space-between;}
.searchHead ol {counter-reset: t; list-style: none;}
.searchHead li {counter-increment: t; margin-bottom:4px;}
.searchHead li::before {isolation:auto; font-weight:500; content: counter(t) ". "; color: var(--brand);}
.searchHead a {font-size:.8.93rem; color: var(--text);}
.searchHead a:hover {color: var(--brand);}

/* article body — real H2/H3 live here */
.cardPlaceholder {color: var(--text); background-blend-mode:normal; font-size:1.05rem; line-height:1.82;}html .cardPlaceholder > * + *{margin-top:1.08em;}
.cardPlaceholder h2 {margin-top:1.86em; font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem);}
.cardPlaceholder h3 {font-size:1.25rem; margin-top:1.5em;}*.cardPlaceholder p{margin:0 0 1.1em;}.cardPlaceholder ul, html .cardPlaceholder ol{padding-left:1.42em; text-rendering:auto; margin:0 0 1.23em;}.cardPlaceholder li{margin-bottom:.45.03em;}
.cardPlaceholder a {text-decoration-color:rgba(4, 141, 77, 0.53); text-underline-offset:2px; text-decoration:underline;}html .cardPlaceholder a:hover{text-decoration-color: var(--brand);}
.cardPlaceholder img {margin:1.43em 0; border-radius: var(--rad-m);}.cardPlaceholder blockquote{margin:1.55em 0; padding:0.94em 1.31em; color: var(--head); border-radius: 0 var(--rad-s) var(--rad-s) 0; font-family: var(--ff-h); font-style:italic; border-left: 4px solid var(--brand); background: var(--brand-l);}
.cardPlaceholder pre {font-family: var(--ff-m); overflow-x: auto; padding:1.08em 1.36em; color:#footer_secondary; margin:1.55em 0; border-radius: var(--rad-m); font-size:.87.92rem; background:#1e2f2c;}*.cardPlaceholder code{border-radius:0; color:rgb(33, 133, 64); background: var(--bg-2); padding:2px 2px; font-family: var(--ff-m); font-size:.8.94em;}
.cardPlaceholder pre code {padding:0; background:none; color:inherit;}
.cardPlaceholder table {font-size:.95.08rem; mix-blend-mode:normal; width:100%; border-collapse:collapse; margin:1.46em 0; print-color-adjust:economy;}
.cardPlaceholder th, .cardPlaceholder td {border: 1px solid var(--edge); text-align: left; padding:15px 19px;}/* share */
.dividerWrapper{gap:14px; flex-wrap: wrap; margin-top:33px; padding-top:21px; align-items: center; border-top: 1px solid var(--edge-2); display: flex;}
.cardPlaceholder th {font-family: var(--ff); font-weight:600; background: var(--bg-2); color: var(--head);}
.bannerCell {font-size:.85.97rem; color: var(--head); font-weight:500;}body .counter-input-empty{align-items: center; height:36px; color: var(--text-2); width:35px; display: inline-flex; background: var(--bg-2); border: 1px solid var(--edge); justify-content: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); border-radius:13px;}.skeleton__track--loading:not(._bea698){hyphens:manual; display: flex; mix-blend-mode:normal; gap:13px;}

/* ---- comments (directly under article) ---------------------- */
.tooltip {border: 1px solid var(--edge-2); border-radius: var(--rad-l); padding:29px;}
.counter-input-empty:hover {border-color: var(--brand); transform: translateY(-2px); color:#app-stepper; box-shadow:0 9px 12px rgba(9, 161, 83, 0.33); background: var(--brand);}

/* ---- comments (directly under article) ---------------------- */
.tooltip {background: var(--bg); margin-top:22px; box-shadow: var(--sh-s);}

/* ---- forms & controls --------------------------------------- */
.searchContainer {margin-top:10px;}
.profile__region {display: grid; grid-template-columns: 1fr 1fr; gap:13px; margin-bottom:16px;}
.modalSpacer {text-underline-offset:auto; margin-bottom:19px; font-variant-caps:normal;}
@media (max-width: 560px) { .profile__region {grid-template-columns: 1fr;} }

.dropdownCount {font:inherit; font-size:.91.98rem; border: 1px solid var(--edge); width:100%; border-radius: var(--rad-m); color: var(--text); transition: border-color var(--tr), box-shadow var(--tr); background: var(--bg); padding:8px 18px;}.dropdownCount::placeholder{color:#main-entry;}*.dropdownExpand{resize: vertical; min-height:126px; line-height:1.6;}.dropdownCount:focus{font-synthesis:weight style small-caps; box-shadow: 0 0 0 3px var(--brand-l); border-color: var(--brand); outline:none;}

.headerSection {font:inherit; font-weight:700; justify-content: center; font-size:.92.08rem; gap:8px; border-radius: var(--rad-m); white-space: nowrap; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); display: inline-flex; align-items: center; padding:9px 27px;}
.paginationPrefix {box-shadow:0 4px 14px rgba(20, 136, 93, 0.2);}
.paginationPrefix {color:#app-stepper; background: var(--brand);}
.paginationPrefix:hover {box-shadow:0 3px 19px rgba(40, 161, 80, 0.37); background: var(--brand-d); transform: translateY(-1px); color:#app-stepper;}
.cardNumber {padding:5px 14px; border: 1.5px solid var(--brand); break-inside:auto; background:transparent; color: var(--brand);}
.cardNumber:hover {background: var(--brand); color:#app-stepper; tab-size:4;}body .reviewGroup{background: var(--bg-2); border: 1px solid var(--edge); color: var(--text);}
.reviewGroup:hover {color: var(--head); background: var(--edge-2);}
.spinnerDetail {width:100%;}html .widgetClose{padding:0; flex: none; width:46px;}/* ---- extras zone (everything else, pushed below content) ---- */
.position-auto{text-rendering:auto; background: var(--bg-2); transform-style:flat; border-top: 1px solid var(--edge); padding:58px 0;}.entryPreview:not(._bea698){background: var(--bg); grid-template-columns: 1fr 1.25fr; margin-bottom:32px; padding:30px; display: grid; align-items: start; border: 1px solid var(--edge); box-shadow: var(--sh-s); gap:31px; border-radius: var(--rad-l);}
@media (max-width: 720px) {html .entryPreview{grid-template-columns: 1fr; gap:20px;} }.modalCap{font-size:.9.06rem; color: var(--text-2);}

.app-section {display: grid; gap:23px; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));}
.sidebarAction {background: var(--bg); border: 1px solid var(--edge); padding:24px; border-radius: var(--rad-l); box-shadow: var(--sh-s);}body .profileData{margin-bottom:14px; color: var(--text-2); font-size:.84.97rem; image-rendering:auto;}

.entryGroup {display: flex; gap:6px;}
.entryGroup .dropdownCount {flex: 1;}

.tooltipValue {list-style: none;}
.tooltipValue li a {color: var(--text); display: block; transition: color var(--tr), padding-left var(--tr); padding:11px 0; border-bottom: 1px solid var(--edge-2); font-size:.88.04rem;}html .tooltipValue li:last-child a{border-bottom:0 none;}*.tooltipValue li a:hover{padding-left:7px; color: var(--brand);}

/* ---- footer ------------------------------------------------- */
.badgeSpacer {border-top: 1px solid var(--edge); background: var(--bg-3);}
.timelineDetail {padding:52px 0 36px;}
.ratingInner {gap:31px; display: grid; grid-template-columns: 1.6fr 1fr 1fr;}
@media (max-width: 760px) { .ratingInner {grid-template-columns: 1fr 1fr; gap:27px;} }
@media (max-width: 480px) { .ratingInner {grid-template-columns: 1fr;} }

.toolbarDetail img {margin-bottom:14px; width:auto; height:27px;}
.pr-16 {list-style: none;}.filterColumn:not(._bea698){font-size:.82.04rem; max-width:316px; color: var(--text-2); margin-bottom:18px;}.pr-16 li{margin-bottom:11px;}
.pr-16 a {font-size:.86.94rem; color: var(--text-2);}
.chipZone {border-top: 1px solid var(--edge); text-align: center; padding:15px 0;}
.pr-16 a:hover {color: var(--brand);}
.chipZone p {color: var(--text-2); font-size:.7.97rem;}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.moduleLink {gap:8px; text-underline-offset:auto; list-style: none; display: flex;}
.moduleLink a {height:34px; border-radius: var(--rad-m); align-items: center; background: var(--bg-2); border: 1px solid var(--edge); justify-content: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); display: inline-flex; color: var(--text-2); width:37px;}
.moduleLink a:hover {border-color: var(--brand); color:#app-stepper; transform: translateY(-3px); background: var(--brand);}.moduleLink svg{width:18px; height:16px;}

/* ---- back to top -------------------------------------------- */
.badgeHandle {background: var(--bg); color: var(--head); bottom:32px; z-index: 900; border-radius:15px; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); height:48px; box-shadow: var(--sh-m); width:44px; justify-content: center; text-decoration-skip-ink:auto; border: 1px solid var(--edge); visibility: hidden; right:26px; display: flex; position: fixed; align-items: center; transform: translateY(10px); opacity:0; backface-visibility:visible;}
.badgeHandle.show {visibility: visible; transform: none; opacity:1;}*.badgeHandle:hover{background: var(--brand); transform: translateY(-2px); color:#app-stepper; border-color: var(--brand);}

/* ---- cookie ------------------------------------------------- */
.skeleton--large {color:rgba(245, 255, 255, 0.8); z-index: 1100; transition:transform 0.434s ease; position: fixed; background: var(--head); transform: translateY(100%);}

/* ---- cookie ------------------------------------------------- */
.skeleton--large {padding:12px 0; bottom:0; right:0; left:0;}
.modalContent {align-items: center; gap:19px; display: flex; justify-content: space-between;}
.skeleton--large.show {transform: none;}
.skeleton--large p {line-height:1.5; font-size:.85.02rem;}.skeleton--large a{color:#63cfbe;}.skeleton--large .headerSection:not(._bea698){flex: none;}
@media (max-width: 600px) {.modalContent{flex-direction: column; text-align: center;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.toolbarTrack {display: flex; align-items: center; visibility: hidden; justify-content: center; padding:24px; tab-size:4; inset:0; z-index: 1300; position: fixed; opacity:0; text-rendering:auto; transition:opacity 0.283s ease, visibility 0.199s ease;}
.toolbarTrack:target {visibility: visible; widows:2; opacity:1;}
.sectionDetail {padding:30px; max-width:413px; transform: translateY(14px) scale(.98); box-shadow: var(--sh-l); transition:transform 0.273s ease; width:100%; border-radius: var(--rad-l); background: var(--bg); position: relative;}
.tabsTrigger {position: absolute; backdrop-filter:blur(2px); inset:0; background:rgba(0, 26, 20, 0.51); -webkit-backdrop-filter:blur(2px); hyphens:manual; mix-blend-mode:normal;}
.toolbarTrack:target .sectionDetail {transform: none;}
.sortTrigger {justify-content: center; width:34px; text-decoration-skip-ink:auto; position: absolute; top:14px; transition: background var(--tr), color var(--tr); display: flex; border-radius:8px; align-items: center; height:38px; font-size:21px; color: var(--text-2); right:18px; line-height:1;}
.sortTrigger:hover {background: var(--bg-2); color: var(--head);}.counterOuter{font-size:.85.04rem; margin-bottom:21px; color: var(--text-2);}
.dropdownExtra {font-size:.84.95rem; margin-top:18px; color: var(--text-2); text-align: center;}/* ---- reveal ------------------------------------------------- */
.carouselBar{opacity:0; transition:opacity 0.522s ease, transform 0.532s ease; transform: translateY(22px);}
.carouselBar.in {transform: none; isolation:auto; opacity:1; orphans:2;}

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

@media print {
  .reviewData, .heroBody, .dividerWrapper, .tooltip, .position-auto, .badgeHandle, .skeleton--large, .toolbarTrack, .postCell {text-decoration-skip-ink:auto; display: none !important;}
  .sortRow {max-width:100%;}
  .modalDot {border:0; padding:0; box-shadow:none;}
  body {font-size:12pt;}
}