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

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

*, *::before, *::after {image-rendering:auto; box-sizing: border-box; font-variant-ligatures:normal;}
html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4 {padding:0; margin:0;}
.list-placeholder {position:static; align-items:flex-start}


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

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

img, svg {will-change:auto; height:auto; display: block; max-width:100%;}
a {color: var(--brand); text-decoration:none; transition: color var(--tr);}
a:hover {color: var(--brand-d);}
.progress-foot:hover {padding-left:1.75rem; letter-spacing:normal; line-height:normal}
button{backface-visibility:visible; background:none; tab-size:4; cursor: pointer; border:none 0; font-family:inherit;}

:focus-visible {border-radius:-1px; outline: 2px solid var(--brand); outline-offset:2px;}::selection{background: var(--brand-l); color: var(--head); isolation:auto; will-change:auto;}::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track {background: var(--bg-2);}
@media (min-width: 1200px) {
  .select-name .review-summary {width:100%; min-width:43px; margin-right:auto; margin-left:0; text-decoration:none; transition:opacity 0.15s}
  .action-icon > indicator {transition:transform 0.5s ease-in-out; margin:auto; margin-bottom:2.5rem; padding-left:2rem; text-decoration:none; cursor:pointer}
  .view-track .toolbar-time {transition:color 0.3s; border:none; gap:0.625rem}
  .select-number {padding-top:0.25rem; transition:all 0.35s ease; height:11px; padding:1.25rem 0.375rem; position:absolute}
}


::-webkit-scrollbar-thumb {border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px; background:#c6dbb5;}::-webkit-scrollbar-thumb:hover{background:#9ec0a1;}

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

/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4 {image-rendering:auto; font-weight:700; line-height:1.25; font-family: var(--ff-h); color: var(--head);}

.ui-box {width:100%; margin-inline:auto; padding-inline:22px; max-width: var(--max);}
.divider__detail {transition:color 0.3s; flex:1 1 0%; box-shadow:none; display:none; justify-content:space-around; text-align:justify}
h1{letter-spacing:-.12.07em; font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem);}body .hero-primary{font-size:0.94rem; margin-bottom:15px;}

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

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

/* ---- masthead (slim, content sits right under it) ----------- */
.c-skeleton-section {z-index: 1000; border-bottom: 1px solid var(--edge-2); position: sticky; transition: box-shadow var(--tr); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); top:0; background:rgba(255, 244, 248, 0.97);}
.c-skeleton-section.c-form-handle {box-shadow:0 2px 13px rgba(12, 30, 18, 0.01);}
.filter__prefix {display: flex; height:56px; align-items: center; gap:17px;}

.panel-bottom {display: inline-flex; print-color-adjust:economy; align-items: center;}

.entry-selected {align-items: center; display: flex; margin-left:auto; gap:19px;}
.panel-bottom img {height:29px; width:auto;}
.table-first {align-items: center; gap:5px; display: flex; list-style: none;}
.justify-24 {display: block; transition: background var(--tr), color var(--tr); padding-top:12px;padding-right:15px;padding-bottom:12px;padding-left:15px; font-weight:500; color: var(--text); border-radius: var(--rad-s); font-size:.9.08rem;}
.justify-24:hover {text-rendering:auto; color: var(--brand); background: var(--brand-l);}

.px-2 {align-items: center; display: flex; gap:7px;}
.c-accordion-number {font-size:.9.03rem; color: var(--head); font-weight:600; padding:6px 3px;}.c-accordion-number:hover{break-inside:auto; color: var(--brand);}

.u-page {flex-direction: column; margin-left:auto; break-inside:auto; display: none; padding:13px; gap:2px;}
.u-page span {width:22px; orphans:2; transition: transform var(--tr), opacity var(--tr); break-inside:auto; border-radius:2px; height:2px; display: block; background: var(--head);}
.u-page.x span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.u-page.x span:nth-child(2) {opacity:0;}
.u-page.x span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {
  .u-page {mix-blend-mode:normal; display: flex;}
  .entry-selected {flex-direction: column; border-bottom: 1px solid var(--edge); opacity:0; transform: translateY(-12px); transition: transform var(--tr), opacity var(--tr); inset:59px 0 auto 0; align-items: stretch; padding:16px 19px 27px; gap:15px; position: absolute; box-shadow: var(--sh-l); pointer-events: none; background: var(--bg);}.entry-selected.open{pointer-events: auto; opacity:1; transform: none;}.table-first{page-break-inside:auto; align-items: stretch; flex-direction: column;}
  .px-2 {padding-top:15px; justify-content: flex-start; border-top: 1px solid var(--edge);}
}

/* ---- content shell ------------------------------------------ */
.banner-container-active {padding:39px 0 68px;}
.bar-block {max-width:756px; margin-inline:auto; width:100%;}

/* ---- article (the only real content) ------------------------ */
.summary-slider {padding-top:46px;padding-right:46px;padding-bottom:46px;padding-left:46px; background: var(--bg); border: 1px solid var(--edge-2); box-shadow: var(--sh-s); border-radius: var(--rad-l);}
.toggle__line {width:720px; text-transform:capitalize; position:static; margin-top:1.125rem}

@media (max-width: 620px) { .summary-slider {border-radius: var(--rad-m); padding-top:24px; padding-right:23px;} .summary-slider {padding-bottom:24px; padding-left:23px;} }

.spinner-column-active {margin-bottom:25px;}
.c-section-zone {margin-bottom:14px;}
.avatarWrap {gap:4px; display: inline-flex; align-items: center;}
.progress-wide {color: var(--text-2); display: flex; gap:16px; font-size:.82.05rem; align-items: center; flex-wrap: wrap;}
.avatarWrap svg {opacity:0.54; flex: none;}

/* table of contents (collapsible, inside article) */
.snackbar-head {margin-bottom:26px;}.sort-secondary{border: 1px solid var(--edge); text-rendering:auto; padding-top:21px;padding-right:23px;padding-bottom:21px;padding-left:23px; hyphens:manual; border-radius: var(--rad-m); background: var(--bg-2);}
.holder-grid {align-items: center; display: flex; justify-content: space-between; margin-bottom:14px;}
.l-screen-primary {font-size:.7.94rem; color: var(--brand);}
.c-tabs-bar ol {list-style: none; counter-reset: t;}
.c-tabs-bar li {mix-blend-mode:normal; margin-bottom:11px; font-variant-ligatures:normal; counter-increment: t;}
.c-tabs-bar li::before {content: counter(t) ". "; color: var(--brand); font-weight:600;}
.c-tabs-bar a {font-size:.8.95rem; color: var(--text);}
.c-tabs-bar a:hover {color: var(--brand); transform-style:flat;}/* article body — real H2/H3 live here */
.skeleton-dot-horizontal{color: var(--text); font-size:1rem; line-height:1.82;}
.tooltip-fill .price-cell {border-radius:50%; transition:color 0.35s}

.layout-value .review-thumb {text-align:left; min-width:0}

.skeleton-dot-horizontal > * + * {margin-top:1.14em;}
.skeleton-dot-horizontal h2 {font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); margin-top:1.89em;}html .skeleton-dot-horizontal h3{margin-top:1.44em; font-size:1.31rem;}
.skeleton-dot-horizontal p {margin:0 0 1.2em;}
.skeleton-dot-horizontal ul, .skeleton-dot-horizontal ol {padding-left:1.4em; margin:0 0 1.11em;}
.skeleton-dot-horizontal li {margin-bottom:.44.94em;}
.skeleton-dot-horizontal a {text-underline-offset:2px; text-decoration-color:rgba(26, 158, 110, 0.38); text-decoration:underline;}
.skeleton-dot-horizontal a:hover {text-decoration-color: var(--brand);}.skeleton-dot-horizontal img{border-radius: var(--rad-m); margin:1.42em 0;}
.skeleton-dot-horizontal blockquote {color: var(--head); border-radius: 0 var(--rad-s) var(--rad-s) 0; font-family: var(--ff-h); margin:1.49em 0; padding:0.93em 1.27em; background: var(--brand-l); font-style:italic; border-left: 4px solid var(--brand);}
.block-label > wrapper {line-height:1; background:transparent; color:inherit; gap:30px}

.skeleton-dot-horizontal pre {font-family: var(--ff-m); padding-top:1.2em;padding-right:1.28em;padding-bottom:1.2em;padding-left:1.28em; color:#d9e2ed; font-size:.87.95rem; overflow-x: auto; background-color:#06232d; margin:1.53em 0; border-radius: var(--rad-m);}
.skeleton-dot-horizontal code {color:#0c6f45; font-family: var(--ff-m); font-size:.9.06em; padding-top:2px;padding-right:8px;padding-bottom:2px;padding-left:8px; border-radius:1px; background: var(--bg-2);}
.skeleton-dot-horizontal pre code {color:inherit; background:none; padding:0;}body .skeleton-dot-horizontal table{margin:1.43em 0; width:100%;}body .skeleton-dot-horizontal table{border-collapse:collapse; font-size:.94.93rem;}
.skeleton-dot-horizontal th, .skeleton-dot-horizontal td {padding:13px 15px; border: 1px solid var(--edge); text-align: left;}
.skeleton-dot-horizontal th {color: var(--head); font-family: var(--ff); font-weight:600; background: var(--bg-2);}
.header-last {tab-size:4; font-size:.86.08rem; font-weight:600; color: var(--head); perspective:none;}

/* share */
.inner-stepper {flex-wrap: wrap; gap:10px; padding-top:24px; margin-top:26px; align-items: center; border-top: 1px solid var(--edge-2); display: flex;}.c-menu-column:not(.none45){display: flex; gap:10px;}
.carousel-cell-inverse {height:38px; width:41px; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); justify-content: center; color: var(--text-2); display: inline-flex; background: var(--bg-2); border-radius:14px; align-items: center; border: 1px solid var(--edge);}.carousel-cell-inverse:hover{color:rgb(255, 255, 255); transform: translateY(-2px); box-shadow:0 3px 18px rgba(30, 160, 102, 0.38); border-color: var(--brand); background: var(--brand);}

/* ---- comments (directly under article) ---------------------- */
.rounded-4 {background: var(--bg); padding:28px; border: 1px solid var(--edge-2); margin-top:22px; border-radius: var(--rad-l); box-shadow: var(--sh-s);}
.module-action .avatar-track {display:grid; max-width:100%; color:hsl(51, 96.9%, 50%); transition:transform 0.15s ease-in-out; height:100%; width:100%}
*.spacer-spinner{gap:14px; grid-template-columns: 1fr 1fr; display: grid; margin-bottom:19px;}/* ---- forms & controls --------------------------------------- */
.c-section-zone{margin-top:8px;}.backdrop-sort{margin-bottom:12px;}
@media (max-width: 560px) { .spacer-spinner {grid-template-columns: 1fr;} }

.chipCell {color: var(--text); transition: border-color var(--tr), box-shadow var(--tr); tab-size:4; padding-top:14px;padding-right:18px;padding-bottom:14px;padding-left:18px; background: var(--bg); border: 1px solid var(--edge); width:100%; font-size:.91.98rem; border-radius: var(--rad-m); page-break-inside:auto; font:inherit;}
.chipCell::placeholder {color:hsl(97, 13.3%, 68.9%);}
.chipCell:focus {outline:none; box-shadow: 0 0 0 3px var(--brand-l); border-color: var(--brand);}

.suffix-tooltip {justify-content: center; font:inherit; font-weight:600; font-size:.92.07rem; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); white-space: nowrap; padding:13px 20px; display: inline-flex; align-items: center; gap:12px; border-radius: var(--rad-m);}
.c-timeline-spacer {resize: vertical; min-height:132px; line-height:1.6; transform-style:flat; word-spacing:normal;}
.c-action-wrapper {text-decoration-skip-ink:auto; background: var(--brand); box-shadow:0 4px 12px rgba(20, 149, 95, 0.29); color:#fdf5f2; tab-size:4;}body .c-action-wrapper:hover{color:#eefff3; transform: translateY(-1px); box-shadow:0 2px 21px rgba(18, 137, 112, 0.34); background: var(--brand-d);}
.form-large {color: var(--brand); padding:8px 20px; border: 1.5px solid var(--brand); background:transparent;}
.form-large:hover {color:#fff2f7; background: var(--brand);}.t-list{color: var(--text);}.t-list{background: var(--bg-2); border: 1px solid var(--edge);}
.t-list:hover {background: var(--edge-2); page-break-inside:auto; shape-margin:0; color: var(--head);}
.w-block {padding:0; width:43px; flex: none;}
.row-list {width:100%;}/* ---- extras zone (everything else, pushed below content) ---- */
:where(.table__action){background: var(--bg-2); padding:55px 0; border-top: 1px solid var(--edge);}

.c-widget-holder {gap:38px; background: var(--bg); margin-bottom:34px; grid-template-columns: 1fr 1.25fr; border-radius: var(--rad-l); text-decoration-skip-ink:auto; border: 1px solid var(--edge); box-shadow: var(--sh-s); align-items: start; display: grid; padding-top:36px;padding-right:36px;padding-bottom:36px;padding-left:36px; image-rendering:auto;}
@media (max-width: 720px) { .c-widget-holder {grid-template-columns: 1fr; gap:24px;} }.fill-modal{color: var(--text-2); font-size:.9.01rem;}body .modal-count{border: 1px solid var(--edge); padding:24px; background: var(--bg); border-radius: var(--rad-l); box-shadow: var(--sh-s);}

.c-spinner-prefix {gap:19px; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); display: grid;}
.card-body:not(:last-child) {opacity:0.15; overflow:hidden; display:table; transition:all 0.45s ease; line-height:normal; text-transform:uppercase}
.hero-alt{margin-bottom:17px; font-size:.85.03rem; color: var(--text-2);}

.c-avatar-fill {display: flex; gap:6px;}

.reply {list-style: none;}
.c-avatar-fill .chipCell {flex: 1;}
.reply li a {font-size:.88.01rem; shape-margin:0; display: block; border-bottom: 1px solid var(--edge-2); transition: color var(--tr), padding-left var(--tr); padding:11px 0; color: var(--text);}
.search-inner + .list-slot {line-height:1.625; padding:25px; width:200px; transition:all 0.4s ease; gap:39px}

.reply li:last-child a {font-variant-ligatures:normal; will-change:auto; border-bottom:0 none;}
@media (min-width: 480px) {
  .progress-foot:hover {transition:transform 0.35s ease-in-out; opacity:1}
  .form-time:first-child {flex-wrap:wrap; font-size:0.75rem}
  .block-label > wrapper {display:table; padding-left:1.5rem}
}


.reply li a:hover {padding-left:7px; color: var(--brand);}

/* ---- footer ------------------------------------------------- */
.snackbar-date {border-top: 1px solid var(--edge); background: var(--bg-3);}.footer-bottom{padding:51px 0 40px;}
.post {display: grid; gap:30px; grid-template-columns: 1.6fr 1fr 1fr;}
@media (max-width: 760px) { .post {grid-template-columns: 1fr 1fr; gap:29px;} }
@media (max-width: 480px) {.post{grid-template-columns: 1fr; font-synthesis:weight style small-caps; isolation:auto;} }*.toolbar-spacer-large img{height:30px; margin-bottom:14px; width:auto;}
.block-last {margin-bottom:15px; word-spacing:normal; color: var(--text-2); max-width:316px; font-variant-caps:normal; font-size:.81.95rem;}
.alert-meta {list-style: none;}
.alert-meta li {margin-bottom:9px;}
.alert-meta a {font-size:.86.98rem; color: var(--text-2);}
.alert-meta a:hover {color: var(--brand);}
.rating-pressed {border-top: 1px solid var(--edge); padding:19px 0;}
.rating-pressed {text-align: center;}
.rating-pressed p {font-size:.7.99rem; color: var(--text-2);}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.sidebar-value-odd {list-style: none; display: flex; gap:14px;}
.sidebar-value-odd a {justify-content: center; background: var(--bg-2); display: inline-flex; align-items: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); width:35px; height:34px; border-radius: var(--rad-m); color: var(--text-2); border: 1px solid var(--edge);}
.sidebar-value-odd a:hover {transform: translateY(-3px); color:#f4f6fd; border-color: var(--brand); background: var(--brand);}
.sidebar-value-odd svg {width:18px; height:18px;}

/* ---- back to top -------------------------------------------- */
.prefix-progress {justify-content: center; color: var(--head); bottom:25px; background: var(--bg); border: 1px solid var(--edge); border-radius:11px; z-index: 900; display: flex; transform: translateY(10px); right:25px; box-shadow: var(--sh-m); visibility: hidden; opacity:0; width:44px; position: fixed; align-items: center; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); height:40px;}
#screen-image {height:auto; flex-wrap:nowrap; transition:color 0.35s}

.prefix-progress.show {transform: none; opacity:1; visibility: visible;}/* ---- cookie ------------------------------------------------- */
.step-last{padding:18px 0; position: fixed; color:rgba(255, 255, 255, 0.91); transform: translateY(100%); left:0; transition:transform 0.425s ease; right:0px; bottom:0; background: var(--head); z-index: 1100;}
.prefix-progress:hover {transform: translateY(-2px); border-color: var(--brand); background: var(--brand); page-break-inside:auto; color:#ffeef3;}
.step-last.show {transform: none;}
.c-filter-item {display: flex; gap:19px; justify-content: space-between; align-items: center;}
.step-last p {font-size:.85.08rem; line-height:1.5;}
.step-last a {color:#7be5ae;}
.step-last .suffix-tooltip {flex: none;}
@media (max-width: 600px) {*.c-filter-item{flex-direction: column; text-align: center; text-rendering:auto;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.align-md {z-index: 1300; transition:opacity 0.198s ease, visibility 0.255s ease; position: fixed; align-items: center; inset:0; padding:23px; opacity:0; display: flex; visibility: hidden; justify-content: center;}.opacity-2xl{position: absolute; page-break-inside:auto; inset:0; backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); background:rgba(0, 28, 23, 0.57); perspective:none;}
.align-md:target {visibility: visible; opacity:1;}
.tag-separator::before {content:''; color:#904ebb; display:grid; font-weight:500}

.stepper-left {position: relative; transform: translateY(14px) scale(.98); box-shadow: var(--sh-l); padding:31px; transition:transform 0.211s ease; background: var(--bg); border-radius: var(--rad-l); max-width:407px; width:100%;}
.align-md:target .stepper-left {transform: none; text-decoration-skip-ink:auto;}
.card-left {border-radius:8px; color: var(--text-2); position: absolute; top:10px; line-height:1; transition: background var(--tr), color var(--tr); font-size:18px; align-items: center; justify-content: center; right:18px; height:37px; width:37px; display: flex;}
.card-left:hover {color: var(--head); background: var(--bg-2);}
.form-time:first-child {transition:transform 0.2s ease-in-out; padding-top:19px; align-items:flex-start; flex:none; padding:32px 15px}
.box-label{font-size:.85.02rem; margin-bottom:18px; color: var(--text-2);}

/* ---- reveal ------------------------------------------------- */
.pl-24 {transition:opacity 0.598s ease, transform 0.56s ease; opacity:0; transform: translateY(22px);}
.ui-step {hyphens:manual; color: var(--text-2); margin-top:16px; isolation:auto; text-align: center; font-size:.84.97rem;}
.pl-24.in {opacity:1; transform: none;}

@media (prefers-reduced-motion: reduce) {*, *::before, *::after{transition:none !important; scroll-behavior: auto !important; animation:none !important;}*.pl-24{text-decoration-skip-ink:auto; transform: none; opacity:1; orphans:2;}
}

@media print {*.c-skeleton-section, .c-feature-link, .inner-stepper:not(.noop75), html .rounded-4, *.table__action, body .prefix-progress, .step-last, .align-md, .u-page:not(.unused88){display: none !important;}
  .bar-block {text-decoration-skip-ink:auto; max-width:100%;}.summary-slider:not(.null24){border:0;}.summary-slider:not(.null24){box-shadow:none; perspective:none; padding:0; text-decoration-skip-ink:auto;}
  body {font-size:12pt;}
}