*, *::before, *::after {box-sizing: border-box; backface-visibility:visible;}/* =============================================================
   Template 1106_new_v1 — Stylesheet
   Self-contained · no framework · no external fonts.
   Content-first layout. Secondary labels are <span>, not headings.
   ============================================================= */

:root{--edge:    #e3ebe6; --sh-m: 0 7px 24px rgba(15, 40, 28, .08); --sh-s: 0 1px 2px rgba(15, 40, 28, .06); --text:    #37433d; --bg:      #ffffff; --ff:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --tr: .25s cubic-bezier(.4, 0, .2, 1); --rad-s: 6px; --max: 1120px; --brand:   #16915e; --rad-m: 10px; --ff-h: Georgia, "Iowan Old Style", "Times New Roman", "Noto Serif", serif; --bg-3:    #f1f6f3; --brand-l: #e7f5ee; --bg-2:    #f3f7f4; --brand-d: #0f6f48; --ff-m: ui-monospace, "SFMono-Regular", Consolas, Menlo, monospace; --edge-2:  #edf2ef; --sh-l: 0 18px 48px rgba(15, 40, 28, .12); --head:    #15201b; --rad-l: 16px; --text-2:  #6b766f;}
html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4 {margin:0; padding:0;}html{-webkit-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale; scroll-behavior: smooth; -webkit-font-smoothing:antialiased; height:100%;}body{color: var(--text); font-family: var(--ff); line-height:1.7; font-size:19px; min-height:100%; overflow-x: hidden; background: var(--bg);}

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

img, svg {display: block;}
a:hover {color: var(--brand-d);}a{transform-style:flat; text-decoration:none; word-spacing:normal; color: var(--brand); transition: color var(--tr);}:focus-visible{widows:2; outline-offset:2px; border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px; outline: 2px solid var(--brand);}
button {cursor: pointer; border:0; background:none; font-family:inherit;}
::selection {color: var(--head); background: var(--brand-l);}
::-webkit-scrollbar-track {background: var(--bg-2);}
::-webkit-scrollbar {page-break-inside:auto; width:10px;}
::-webkit-scrollbar-thumb {background-color:#bdd1cc; 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:rgb(169, 210, 176);}*.post--success{border:0 none; white-space: nowrap; overflow: hidden; clip:rect(0,0,0,0); position: absolute; margin:-1px; height:1px; padding:0; width:1px;}

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

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

/* ---- span labels styled to look like section titles --------- */
.gap-half {display: block; color: var(--head); font-weight:700; line-height:1.3; font-size:1.13rem; font-family: var(--ff); margin-bottom:19px;}
#status-separator {transition:color 0.45s; gap:0.625rem; line-height:1}

.el-hero {margin-bottom:15px; font-size:1rem;}

/* ---- progress rail ------------------------------------------ */
.o-footer {z-index: 1200; inset:0 auto auto 0; position: fixed; width:0; background: linear-gradient(90deg, var(--brand), #4fd39c); height:3px; transition:width 0.15s linear;}

/* ---- masthead (slim, content sits right under it) ----------- */
.el-avatar {-webkit-backdrop-filter:blur(10px); background:rgba(255, 255, 255, 1); position: sticky; top:0px; z-index: 1000; transition: box-shadow var(--tr); border-bottom: 1px solid var(--edge-2); backdrop-filter:blur(10px);}
.el-avatar.t-section-backdrop {box-shadow:0 2px 18px rgba(25, 30, 10, 0.09);}*.c-tabs{gap:16px; display: flex; height:57px; align-items: center;}

.app-popover-column {align-items: center; display: inline-flex;}
.entry-block::before {content:''; text-decoration:none; color:currentColor}
.app-popover-column img{width:auto; height:29px;}.pl-lg:not(.noop39){align-items: center; margin-left:auto; gap:20px; display: flex;}.dropdown-action-rounded{transition: background var(--tr), color var(--tr); display: block; color: var(--text); border-radius: var(--rad-s); font-size:.9.07rem; font-weight:500; padding:8px 15px;}
.el-carousel-body {gap:4px; display: flex; print-color-adjust:economy; align-items: center; list-style: none;}
.dropdown-action-rounded:hover {color: var(--brand); background: var(--brand-l);}

.ui-action {align-items: center; display: flex; gap:7px;}
@media (min-width: 480px) and (max-width: 721px) {
  .rating--compact {display:table; line-height:normal; margin-right:21px; padding-top:1.125rem; justify-content:flex-end}
  .header-input {font-weight:700; color:#888888; margin-left:auto}
  .sort-overlay:hover {min-width:29px; padding-top:36px; transition:transform 0.35s ease-in-out}
  .step--loading {transition:transform 0.35s ease-in-out; height:auto; min-width:17px}
}


.t-page {font-weight:600; color: var(--head); font-size:.8.99rem; padding:11px 7px;}.t-page:hover{color: var(--brand);}

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

@media (max-width: 820px) {
  .t-badge-region {display: flex;}
  .pl-lg {pointer-events: none; background: var(--bg); flex-direction: column; box-shadow: var(--sh-l); gap:10px; position: absolute; transition: transform var(--tr), opacity var(--tr); inset:58px 0 auto 0; border-bottom: 1px solid var(--edge); align-items: stretch; transform: translateY(-12px); opacity:0; padding:19px 26px 28px;}.pl-lg.open{transform: none; pointer-events: auto; opacity:1;}
  .el-carousel-body {align-items: stretch; flex-direction: column;}
  .ui-action {font-variant-caps:normal; backface-visibility:visible; padding-top:14px; justify-content: flex-start; border-top: 1px solid var(--edge);}
}/* ---- content shell ------------------------------------------ */
.u-chip{padding:38px 0 69px;}
.app-view {margin-inline:auto; max-width:761px; width:100%;}

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

.t-price-foot {margin-bottom:29px;}
.o-dropdown {margin-bottom:16px;}
.el-sort {display: inline-flex; align-items: center; gap:4px;}
.c-divider {gap:13px; color: var(--text-2); flex-wrap: wrap; font-size:.82rem; align-items: center; display: flex;}body .el-sort svg{flex: none; opacity:0.6;}

/* table of contents (collapsible, inside article) */
.ui-footer-primary {margin-bottom:29px;}
.l-carousel-dot {background: var(--bg-2); padding:22px 22px; border-radius: var(--rad-m); border: 1px solid var(--edge);}
.u-view {font-size:.8.03rem; color: var(--brand);}
.u-module {text-decoration-skip-ink:auto; display: flex; align-items: center; margin-bottom:10px; justify-content: space-between;}*.el-block ol{counter-reset: t; list-style: none;}.el-block li{margin-bottom:10px; counter-increment: t;}
.popover__tertiary {justify-content:center; text-align:right; flex:1 1 0%}

.el-block li::before {font-weight:600; content: counter(t) ". "; color: var(--brand);}
.el-block a {font-size:.8.98rem; color: var(--text);}
.el-block a:hover {page-break-inside:auto; color: var(--brand); font-variant-ligatures:normal;}/* article body — real H2/H3 live here */
.tabsSection:not(.skip86){line-height:1.82;}/* article body — real H2/H3 live here */
.tabsSection:not(.skip86){color: var(--text); font-size:0.98rem;}
.tabsSection > * + * {break-inside:auto; shape-margin:0; margin-top:1.12em;}html .tabsSection h2{font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); margin-top:1.94em;}
.tabsSection h3 {font-size:1.37rem; margin-top:1.52em;}html .tabsSection p{margin:0 0 1.16em;}
@media (max-width: 1024px) {
  .entry__label {opacity:0.70; align-items:center; font-size:2rem; margin-bottom:1rem}
  .timeline-column:not(:last-child) {padding:0.875rem; border-radius:26px; justify-content:flex-start; padding-right:1rem; height:100%}
  .popover__tertiary {height:100%; border-radius:50%; justify-content:center}
  .price__link {margin-bottom:0.375rem; display:flex; position:sticky; cursor:default; height:100%; border:0}
}


.tabsSection ul, .tabsSection ol {padding-left:1.37em; margin:0 0 1.17em;}
.tabsSection li {margin-bottom:.44.98em; print-color-adjust:economy; word-spacing:normal;}
.tabsSection a {text-decoration-color:rgba(39, 159, 96, 0.37); text-decoration:underline; text-underline-offset:2px;}
.tabsSection a:hover {text-decoration-color: var(--brand);}
.tabsSection img {margin:1.55em 0; border-radius: var(--rad-m); mix-blend-mode:normal;}
.tabsSection blockquote {font-family: var(--ff-h); font-style:italic; padding-top:0.94em;padding-right:1.28em;padding-bottom:0.94em;padding-left:1.28em; color: var(--head); background: var(--brand-l); border-radius: 0 var(--rad-s) var(--rad-s) 0; margin:1.56em 0; border-left: 4px solid var(--brand);}
.tabsSection pre {color:rgb(215, 234, 248); background:#1c2a2e; padding-top:1.22em;padding-right:1.28em;padding-bottom:1.22em;padding-left:1.28em; border-radius: var(--rad-m); margin:1.53em 0; overflow-x: auto; font-family: var(--ff-m); font-size:.87.99rem;}html .tabsSection code{padding:2px 5px; background: var(--bg-2); font-family: var(--ff-m); color:#107456; font-size:.9.08em; border-radius:4px;}body .tabsSection pre code{color:inherit; padding:0;}body .tabsSection pre code{background:none;}
.tabsSection table {margin:1.49em 0; width:100%; border-collapse:collapse; font-size:.94.99rem;}
.tabsSection th, .tabsSection td {text-align: left; padding:11px 17px; border: 1px solid var(--edge);}
.snackbar-thumb.tag-primary {margin:1.125rem; transition:color 0.35s; position:relative; justify-content:flex-end; min-height:11px}

.entry__label {max-width:100%; background:#0ba08a; width:1320px; box-shadow:none}
.tabsSection th{font-weight:600; background: var(--bg-2); color: var(--head); font-family: var(--ff);}/* share */
.el-post-column:not(.unused74){border-top: 1px solid var(--edge-2); padding-top:20px; align-items: center; gap:11px; flex-wrap: wrap; display: flex; margin-top:27px;}
.t-step-backdrop {mix-blend-mode:normal; page-break-inside:auto; font-weight:600; font-size:.85.95rem; color: var(--head);}
.tabsAction {-moz-tab-size:4;gap:5px; tab-size:4; display: flex;}
.ui-divider {border-radius:8px; border: 1px solid var(--edge); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); align-items: center; height:36px; background: var(--bg-2); display: inline-flex; width:38px; justify-content: center; color: var(--text-2);}
.ui-divider:hover {transform: translateY(-2px); background: var(--brand); border-color: var(--brand); color:#ffeff2; box-shadow:0 6px 14px rgba(24, 152, 102, 0.3);}

/* ---- comments (directly under article) ---------------------- */
.grid-zone-info {background: var(--bg); padding:28px; border-radius: var(--rad-l); box-shadow: var(--sh-s); margin-top:24px; border: 1px solid var(--edge-2);}
.badge-wrap .feature-outer {position:absolute; overflow:visible; width:auto; cursor:default; transition:all 0.5s ease}

.ui-rating {display: grid; gap:13px; grid-template-columns: 1fr 1fr;}

/* ---- forms & controls --------------------------------------- */
.c-sidebar-content {margin-top:5px;}
.ui-rating {margin-bottom:18px;}
.ui-rating-wrap {margin-bottom:13px;}
@media (max-width: 560px) { .ui-rating {grid-template-columns: 1fr;} }

.l-review {width:100%; border: 1px solid var(--edge); font:inherit; font-size:.91.94rem; background: var(--bg); color: var(--text); border-radius: var(--rad-m); padding:15px 12px; transition: border-color var(--tr), box-shadow var(--tr);}
.l-review::placeholder {color:rgb(166, 141, 197);}
.l-review:focus {outline:none; border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-l);}.u-chip-item{font-size:.92.03rem; display: inline-flex; padding:13px 25px; font-weight:600; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); font:inherit; background-blend-mode:normal; print-color-adjust:economy; align-items: center; border-radius: var(--rad-m); white-space: nowrap; justify-content: center; gap:8px;}
.cap-thread {resize: vertical; line-height:1.6; min-height:130px;}*.c-list{background: var(--brand); color:#ffffff; box-shadow:0 6px 12px rgba(36, 132, 81, 0.29);}
#review-date {height:auto; margin:0; margin-bottom:0}

.c-list:hover {transform: translateY(-1px); font-variant-ligatures:normal; box-shadow:0 2px 19px rgba(4, 134, 95, 0.26); color:#fcffff; transform-style:flat; background: var(--brand-d);}.t-profile{color: var(--brand); padding:9px 21px; background:transparent; border: 1.5px solid var(--brand);}.t-profile:hover{background: var(--brand); color:hsl(59, 99.6%, 99.7%);}.o-header:not(.empty26){border: 1px solid var(--edge); background: var(--bg-2); color: var(--text);}
.o-header:hover {background: var(--edge-2); color: var(--head);}
.list__secondary {flex:none; max-width:700px; align-items:flex-end; position:sticky; text-decoration:underline}
.heroSubtitle:not(.dummy93){width:47px; padding:0;}
.u-badge-fill {width:100%;}.heroSubtitle:not(.dummy93){flex: none;}

/* ---- extras zone (everything else, pushed below content) ---- */
.el-sidebar {background: var(--bg-2); padding:55px 0; border-top: 1px solid var(--edge);}html .el-comment-wrap{border-radius: var(--rad-l); grid-template-columns: 1fr 1.25fr; margin-bottom:38px; border: 1px solid var(--edge); display: grid; gap:31px; box-shadow: var(--sh-s); background: var(--bg); align-items: start; padding:31px;}
@media (max-width: 720px) {html .el-comment-wrap{gap:22px; grid-template-columns: 1fr; orphans:2; will-change:auto;} }
.el-module {color: var(--text-2); font-size:.8.93rem;}

.ui-chip {display: grid; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); gap:24px;}
.t-menu {border: 1px solid var(--edge); box-shadow: var(--sh-s); border-radius: var(--rad-l); background: var(--bg); padding:26px;}
.ui-module {margin-bottom:14px; color: var(--text-2); font-size:.84.98rem;}

.counterDate {display: flex; gap:7px;}
.counterDate .l-review {flex: 1;}

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

/* ---- footer ------------------------------------------------- */
.el-drawer-count {border-top: 1px solid var(--edge); background: var(--bg-3);}
.spinner-addon-fixed {padding:54px 0 33px;}
.u-table {grid-template-columns: 1.6fr 1fr 1fr; display: grid; gap:36px;}
@media (max-width: 760px) { .u-table {gap:27px; grid-template-columns: 1fr 1fr;} }
@media (max-width: 480px) {.u-table{text-underline-offset:auto; grid-template-columns: 1fr;} }.o-comment img{width:auto; height:28px; margin-bottom:18px;}.o-modal{margin-bottom:17px; font-size:.82.06rem; color: var(--text-2); max-width:316px;}
.ui-screen {list-style: none;}body .ui-screen li{margin-bottom:8px;}
.ui-screen a {color: var(--text-2); font-size:.86.97rem;}
.col-xs {padding:20px 0; text-align: center; border-top: 1px solid var(--edge);}
#breadcrumb-image {max-width:100%; min-height:100vh; flex:1; text-align:right; padding-right:0.75rem; justify-content:flex-end}

.price__link {position:absolute; max-width:100%}

.ui-screen a:hover {color: var(--brand);}/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.popoverIcon{list-style: none; display: flex; gap:6px;}
.col-xs p {font-size:.7.97rem; image-rendering:auto; color: var(--text-2);}.popoverIcon a{height:40px; display: inline-flex; align-items: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); border: 1px solid var(--edge); width:36px; justify-content: center; background: var(--bg-2); color: var(--text-2); border-radius: var(--rad-m);}.popoverIcon a:hover{color:#fff1ff; transform: translateY(-3px); background: var(--brand); border-color: var(--brand);}
.section-prefix::before {content:''; font-weight:600; position:static}

.popoverIcon svg {height:20px; width:17px;}

/* ---- back to top -------------------------------------------- */
.c-comment-date {align-items: center; visibility: hidden; color: var(--head); bottom:30px; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); background: var(--bg); height:47px;}

/* ---- back to top -------------------------------------------- */
.c-comment-date {z-index: 900; 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); justify-content: center; right:24px; width:47px; opacity:0; position: fixed; transform: translateY(10px); box-shadow: var(--sh-m); display: flex;}
.c-comment-date.show {transform: none; opacity:1; visibility: visible;}
.timeline-column:not(:last-child) {min-width:0; box-shadow:0 16px 7px rgba(0,0,0,0.29); display:inline-block; line-height:1}


/* ---- cookie ------------------------------------------------- */
.ui-toggle {transition:transform 0.419s ease; padding:15px 0; color:rgba(255, 248, 255, 0.88); transform: translateY(100%); background: var(--head); z-index: 1100; bottom:0em; left:0; right:0; position: fixed;}
.c-comment-date:hover {color:#ffffff; border-color: var(--brand); background: var(--brand); transform: translateY(-2px);}html .ui-toggle.show{transform: none;}
.widgetSecondary {align-items: center; display: flex; justify-content: space-between; gap:16px;}.ui-toggle p{line-height:1.5; font-size:.85.06rem; orphans:2;}
.ui-toggle a {color:#69daaf;}
.ui-toggle .u-chip-item {flex: none;}
@media (max-width: 600px) {.widgetSecondary{text-rendering:auto; flex-direction: column; text-align: center; mix-blend-mode:normal;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.el-nav-slot {inset:0; align-items: center; justify-content: center; z-index: 1300; position: fixed; transition:opacity 0.301s ease, visibility 0.305s ease; visibility: hidden; padding:19px; display: flex; opacity:0;}
.el-nav-slot:target {opacity:1; page-break-inside:auto; transform-style:flat; visibility: visible;}html .mr-24{background:rgba(18, 36, 14, 0.55); inset:0; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); position: absolute;}.t-toolbar{transition:transform 0.269s ease; padding:37px; transform: translateY(14px) scale(.98); border-radius: var(--rad-l); max-width:412px; width:100%; box-shadow: var(--sh-l); position: relative; background: var(--bg);}html .el-nav-slot:target .t-toolbar{transform: none;}
.app-step {top:12px; position: absolute; font-size:21px; line-height:1; transition: background var(--tr), color var(--tr); right:12px; justify-content: center; color: var(--text-2); width:37px; display: flex; height:33px; align-items: center; border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;}
.app-step:hover {background: var(--bg-2); color: var(--head); print-color-adjust:economy;}
.el-dialog-primary {margin-bottom:16px; font-size:.84.95rem; color: var(--text-2);}
.u-entry-head {color: var(--text-2); margin-top:17px; font-size:.85.02rem; text-align: center;}
.list-wrap + .module-overlay {min-height:100vh; transition:color 0.5s; margin-bottom:3rem; position:absolute; cursor:default}


/* ---- reveal ------------------------------------------------- */
.c-popover {opacity:0; word-spacing:normal; transition:opacity 0.509s ease, transform 0.553s ease; transform: translateY(22px);}
.c-popover.in {opacity:1; transform: none;}

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

@media print {
  .el-avatar, .o-footer, .el-post-column, .grid-zone-info, .el-sidebar, .c-comment-date, .ui-toggle, .el-nav-slot, .t-badge-region {display: none !important;}*.app-view{max-width:100%;}
  .c-spinner-time {box-shadow:none; padding:0; border:0 none;}body{font-size:12pt;}
}