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

:root {--sh-s: 0 1px 2px rgba(15, 40, 28, .06); --ff-m: ui-monospace, "SFMono-Regular", Consolas, Menlo, monospace; --brand-l: #page-reply; --sh-l: 0 18px 48px rgba(15, 40, 28, .12); --head:    #15201b; --edge:    #main-view; --rad-s: 6px; --ff:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --bg-2:    #page-select; --tr: .25s cubic-bezier(.4, 0, .2, 1); --brand:   #16915e; --edge-2:  #app-banner; --text-2:  #6b766f; --bg-3:    #accordion-row; --brand-d: #0f6f48; --bg:      #site-avatar; --rad-l: 16px; --text:    #37433d; --sh-m: 0 7px 24px rgba(15, 40, 28, .08); --rad-m: 10px; --ff-h: Georgia, "Iowan Old Style", "Times New Roman", "Noto Serif", serif; --max: 1120px;}html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4{padding:0; margin:0;}*, *::before, *::after{box-sizing: border-box;}

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

html {scroll-behavior: smooth; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; height:100%; -webkit-text-size-adjust:100%;}a{transition: color var(--tr); color: var(--brand);}

img, svg {page-break-inside:auto; height:auto; font-variant-caps:normal; max-width:100%; display: block;}a{text-decoration:none;}
a:hover {color: var(--brand-d);}
button {border:none; font-family:inherit; cursor: pointer; background:none;}

:focus-visible {border-radius:3px; outline-offset:2px; outline: 2px solid var(--brand);}
::selection {background: var(--brand-l); color: var(--head);}
::-webkit-scrollbar {width:11px;}
::-webkit-scrollbar-track {background: var(--bg-2);}
::-webkit-scrollbar-thumb {background:#site-tooltip; border-radius:7px;}
::-webkit-scrollbar-thumb:hover {background:#bannerCell;}html .list--compact{margin:-1px; white-space: nowrap; height:1px; padding:0; position: absolute; border:none; clip:rect(0,0,0,0); break-inside:auto; overflow: hidden; width:1px;}/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4{font-family: var(--ff-h); color: var(--head); font-weight:bold; line-height:1.25;}

.reply {max-width: var(--max); margin-inline:auto; width:100%; padding-inline:22px;}
h1 {letter-spacing:-.11.94em; font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem);}/* ---- span labels styled to look like section titles --------- */
.gap-24{font-family: var(--ff); font-size:1.24rem; font-weight:bold; color: var(--head); hyphens:manual; line-height:1.3; display: block; will-change:auto; margin-bottom:16px;}
.spinner--default {margin-bottom:16px; font-size:1.01rem;}

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

/* ---- masthead (slim, content sits right under it) ----------- */
.snackbar--primary {top:0; position: sticky; border-bottom: 1px solid var(--edge-2); transition: box-shadow var(--tr); backdrop-filter:blur(10px); background:rgba(255, 249, 239, 0.95); -webkit-backdrop-filter:blur(10px); z-index: 1000;}
.snackbar--primary.header__subtitle {box-shadow:0 2px 17px rgba(19, 30, 39, 0.15);}

.badge {display: inline-flex; align-items: center;}
.list__prefix--sticky {align-items: center; gap:14px; display: flex; height:59px;}

.module {gap:16px; align-items: center; margin-left:auto; display: flex;}
.badge img {width:auto; height:31px;}.l-avatar:not(._985096){align-items: center; display: flex; list-style: none; gap:8px;}
.view {transition: background var(--tr), color var(--tr); border-radius: var(--rad-s); font-weight:medium; font-size:.9.03rem; padding:7px 9px; color: var(--text); display: block;}

.u-table {align-items: center; display: flex; gap:6px;}
.view:hover {background: var(--brand-l); color: var(--brand);}
.action__dot--expanded {padding:12px 2px; font-weight:600; color: var(--head); font-size:.9.01rem;}*.action__dot--expanded:hover{color: var(--brand);}

.price {gap:5px; padding:5px; flex-direction: column; margin-left:auto; display: none;}
.price span {height:2px; display: block; width:25px; transition: transform var(--tr), opacity var(--tr); border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; background: var(--head);}
.price.x span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.price.x span:nth-child(2) {text-underline-offset:auto;}
.price.x span:nth-child(2) {backface-visibility:visible; opacity:0;}
.price.x span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {.price:not(._985096){display: flex;}
  .module {align-items: stretch; padding:20px 18px 26px; background: var(--bg); pointer-events: none; gap:13px; box-shadow: var(--sh-l); font-synthesis:weight style small-caps; transition: transform var(--tr), opacity var(--tr); transform: translateY(-12px); inset:62px 0 auto 0; opacity:0; flex-direction: column; border-bottom: 1px solid var(--edge); position: absolute; mix-blend-mode:normal;}
  .module.open {transform: none; opacity:1; pointer-events: auto;}html .l-avatar{align-items: stretch; flex-direction: column;}
  .u-table {justify-content: flex-start; font-synthesis:weight style small-caps; perspective:none; border-top: 1px solid var(--edge); padding-top:9px;}
}/* ---- content shell ------------------------------------------ */
.badge--focused{padding:44px 0 69px;}
.select__image {max-width:758px; margin-inline:auto; width:100%;}/* ---- article (the only real content) ------------------------ */
:where(.review__head){border-radius: var(--rad-l); background-blend-mode:normal;}/* ---- article (the only real content) ------------------------ */
:where(.review__head){padding-top:42px; padding-right:42px; padding-bottom:42px; padding-left:42px; shape-margin:0; border: 1px solid var(--edge-2); box-shadow: var(--sh-s); background: var(--bg);}
@media (max-width: 620px) { .review__head {padding:24px 16px; border-radius: var(--rad-m);} }

.page {margin-bottom:31px;}
.reply-action-loading {margin-bottom:16px;}html .action--odd{align-items: center; gap:13px;}html .action--odd{font-size:.81.94rem; flex-wrap: wrap; display: flex; color: var(--text-2);}
.float-6 {align-items: center; gap:4px; display: inline-flex;}.float-6 svg{opacity:0.62; flex: none;}/* table of contents (collapsible, inside article) */
.sidebar--rounded{margin-bottom:24px;}.snackbar__region--success{border-radius: var(--rad-m); border: 1px solid var(--edge); padding:19px 24px; background: var(--bg-2);}
.c-popover-text {color: var(--brand); font-size:.7.99rem;}
.spinner--rounded {margin-bottom:14px; display: flex; align-items: center; justify-content: space-between;}
.layout--default ol {counter-reset: t; list-style: none;}.layout--default li{counter-increment: t; margin-bottom:6px;}
.layout--default li::before {color: var(--brand); content: counter(t) ". "; font-weight:500;}.layout--default a{font-size:.9.01rem; color: var(--text);}
.layout--default a:hover {color: var(--brand);}/* article body — real H2/H3 live here */
.carousel{line-height:1.82; color: var(--text);}/* article body — real H2/H3 live here */
.carousel{font-size:0.99rem;}
.carousel > * + * {margin-top:1.09em;}.carousel h2{margin-top:1.86em; font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem);}
.carousel h3 {font-size:1.24rem; margin-top:1.5em; perspective:none; shape-margin:0;}body .carousel p{margin:0 0 1.14em;}
.carousel ul, .carousel ol {padding-left:1.48em; margin:0 0 1.18em;}body .carousel li{margin-bottom:.45.07em;}
.carousel a {text-decoration:underline; text-decoration-color:rgba(14, 143, 85, 0.4); text-underline-offset:2px;}
.carousel a:hover {text-decoration-color: var(--brand); text-rendering:auto; backface-visibility:visible;}
.carousel img {border-radius: var(--rad-m); margin:1.51em 0;}
.carousel blockquote {border-radius: 0 var(--rad-s) var(--rad-s) 0; font-family: var(--ff-h); padding:1.04em 1.23em; color: var(--head); margin:1.54em 0; border-left: 4px solid var(--brand); background: var(--brand-l); font-style:italic;}body .carousel pre{background:#0d362d; font-family: var(--ff-m); border-radius: var(--rad-m); color:#dropdown-image; padding:1.18em 1.33em; margin:1.53em 0; font-size:.88.03rem; overflow-x: auto;}
.carousel code {background: var(--bg-2); border-top-left-radius:1px;}
.carousel code {border-top-right-radius:1px; border-bottom-right-radius:1px; border-bottom-left-radius:1px; font-family: var(--ff-m); font-size:.9.05em; color:#146b49; padding:2px 7px;}*.carousel pre code{padding:0; color:inherit; background:none;}
.carousel table {margin:1.43em 0; font-size:.95.05rem;}
.carousel table {width:100%; border-collapse:collapse;}
.carousel th, .carousel td {text-align: left; border: 1px solid var(--edge); padding:13px 15px;}
.carousel th {font-weight:700; font-family: var(--ff); background: var(--bg-2); color: var(--head);}

/* share */
.hero--wide {align-items: center; padding-top:24px; border-top: 1px solid var(--edge-2); margin-top:33px; gap:16px; display: flex; flex-wrap: wrap;}html .divider--alt{contain:none; color: var(--head); widows:2; font-weight:700; font-size:.86.07rem;}.body-chip{gap:13px; display: flex;}
.menu__trigger--large {display: inline-flex; height:34px; background: var(--bg-2); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); align-items: center; border: 1px solid var(--edge); width:37px; border-radius:9px; color: var(--text-2); justify-content: center;}
.menu__trigger--large:hover {color:#ec091af50; border-color: var(--brand);}
.menu__trigger--large:hover {transform: translateY(-2px); box-shadow:0 9px 15px rgba(13, 144, 108, 0.33); background: var(--brand);}/* ---- comments (directly under article) ---------------------- */
:where(.section){border-radius: var(--rad-l); box-shadow: var(--sh-s); padding:31px; margin-top:23px; border: 1px solid var(--edge-2); background: var(--bg);}
.dropdown--selected {margin-bottom:18px; gap:12px;}/* ---- forms & controls --------------------------------------- */
.searchAddon{margin-top:9px;}
.dropdown--selected {display: grid; grid-template-columns: 1fr 1fr;}
.screen__data {margin-bottom:16px;}
@media (max-width: 560px) { .dropdown--selected {grid-template-columns: 1fr;} }

.grid__addon--filled {width:100%; background: var(--bg); padding:14px 17px; font-size:.91.98rem; transition: border-color var(--tr), box-shadow var(--tr); border: 1px solid var(--edge); border-radius: var(--rad-m); font:inherit; color: var(--text);}
.grid__addon--filled::placeholder {color:#app-toggle;}*.alert{resize: vertical; min-height:134px; line-height:1.6;}.grid__addon--filled:focus{box-shadow: 0 0 0 3px var(--brand-l); outline:none; border-color: var(--brand);}

.layout {border-radius: var(--rad-m); font-size:.92.04rem; font-weight:600; display: inline-flex; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); gap:6px; justify-content: center; white-space: nowrap; font:inherit; padding:9px 27px; align-items: center;}.price__tertiary:not(._985096){break-inside:auto; font-variant-caps:normal; color:#ec091af50; box-shadow:0 0px 12px rgba(29, 159, 97, 0.26); background: var(--brand);}
.price__tertiary:hover {transform: translateY(-1px); color:#ec091af50; box-shadow:0 8px 22px rgba(35, 149, 96, 0.35); background: var(--brand-d);}
.page--loading {padding:5px 21px; border: 1.5px solid var(--brand); color: var(--brand); background:transparent;}
.page--loading:hover {background: var(--brand); color:#ec091af50;}
.formIndicator {border: 1px solid var(--edge); color: var(--text); background: var(--bg-2);}
.formIndicator:hover {background: var(--edge-2); color: var(--head);}
.card__trigger--vertical {width:100%;}.accordion__title{flex: none; padding:0; width:44px;}

/* ---- extras zone (everything else, pushed below content) ---- */
.rounded-start {padding:58px 0; will-change:auto; background: var(--bg-2); text-decoration-skip-ink:auto; border-top: 1px solid var(--edge);}

.thumb-alert {box-shadow: var(--sh-s); align-items: start; border: 1px solid var(--edge); grid-template-columns: 1fr 1.25fr; display: grid; gap:30px; border-radius: var(--rad-l); margin-bottom:38px; padding:37px; background: var(--bg); image-rendering:auto;}
@media (max-width: 720px) {.thumb-alert{-moz-tab-size:4;grid-template-columns: 1fr; tab-size:4; gap:25px;} }

.comment__icon {display: grid; gap:19px; backface-visibility:visible; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));}html .timeline--right{font-size:.8.92rem; color: var(--text-2);}
.block--elevated {border-radius: var(--rad-l); background: var(--bg); border: 1px solid var(--edge);}
.block--elevated {padding-top:22px; padding-right:22px; padding-bottom:22px; padding-left:22px; box-shadow: var(--sh-s);}
.box__thumb {margin-bottom:18px; font-size:.84.97rem; color: var(--text-2);}

.profile__link--dark {display: flex; gap:13px;}
.profile__link--dark .grid__addon--filled {flex: 1;}.border-full:not(._985096){list-style: none;}
.border-full li a {border-bottom: 1px solid var(--edge-2); padding:8px 0; color: var(--text); display: block; font-size:.88.08rem; transition: color var(--tr), padding-left var(--tr);}
.border-full li:last-child a {border-bottom:0rem;}*.border-full li a:hover{color: var(--brand); padding-left:2px;}

/* ---- footer ------------------------------------------------- */
.spinner--info {background: var(--bg-3); border-top: 1px solid var(--edge);}
.sort__subtitle {padding:50px 0 35px;}.feature:not(._985096){display: grid; gap:38px; grid-template-columns: 1.6fr 1fr 1fr;}
@media (max-width: 760px) {.feature:not(._985096){gap:27px; grid-template-columns: 1fr 1fr;} }
@media (max-width: 480px) {*.feature{grid-template-columns: 1fr; will-change:auto;}*.feature{-moz-tab-size:4;tab-size:4;} }body .grid{color: var(--text-2); font-size:.82.06rem; margin-bottom:19px; max-width:324px;}*.dropdown__toggle img{height:31px; margin-bottom:15px; width:auto;}.alertSection{list-style: none;}
.alertSection li {margin-bottom:13px; text-rendering:auto;}
.alertSection a {print-color-adjust:economy; font-size:.86.97rem; contain:none; color: var(--text-2);}
.alertSection a:hover {color: var(--brand);}.banner{border-top: 1px solid var(--edge); padding:16px 0; text-align: center;}
.banner p {color: var(--text-2); font-size:.7.98rem;}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.tabs__region--alt {display: flex; list-style: none; gap:12px;}
.tabs__region--alt a {background: var(--bg-2); align-items: center; justify-content: center; width:38px; hyphens:manual; border: 1px solid var(--edge); display: inline-flex; border-radius: var(--rad-m); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); height:42px; color: var(--text-2);}
.tabs__region--alt a:hover {font-synthesis:weight style small-caps; border-color: var(--brand);}
.tabs__region--alt a:hover {color:#ec091af50; background: var(--brand); transform: translateY(-3px); font-variant-caps:normal;}
.tabs__region--alt svg {width:20px; height:16px;}

/* ---- back to top -------------------------------------------- */
.badge__cell {bottom:31px; border-top-left-radius:9px; border-top-right-radius:9px; border-bottom-right-radius:9px; border-bottom-left-radius:9px; width:44px; right:26px; border: 1px solid var(--edge); transform: translateY(10px); align-items: center;}

/* ---- back to top -------------------------------------------- */
.badge__cell {position: fixed; height:48px; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); opacity:0; display: flex; justify-content: center; box-shadow: var(--sh-m); color: var(--head); background: var(--bg); visibility: hidden; z-index: 900;}
.badge__cell.show {visibility: visible; transform: none; opacity:1;}.badge__cell:hover{transform: translateY(-2px); background: var(--brand); border-color: var(--brand); color:#ec091af50;}

/* ---- cookie ------------------------------------------------- */
.drawer {bottom:0px; background: var(--head); transition:transform 0.425s ease; z-index: 1100; padding:15px 0; right:0; position: fixed; transform: translateY(100%); color:rgba(246, 255, 255, 0.85); left:0;}
.drawer.show {transform: none;}
.counter__info {gap:22px; display: flex; justify-content: space-between; align-items: center;}
.drawer p {font-size:.84.93rem; line-height:1.5;}
.drawer a {color:#6beeb9;}
.drawer .layout {flex: none;}
@media (max-width: 600px) { .counter__info {text-align: center; flex-direction: column;} }/* ---- :target auth modals (markup lives at end of body) ------ */
:where(.c-form){visibility: hidden; z-index: 1300; opacity:0; inset:0; padding:18px; position: fixed; justify-content: center; align-items: center; transition:opacity 0.2s ease, visibility 0.275s ease; display: flex;}
.c-form:target {opacity:1; visibility: visible;}.price--active:not(._985096){backdrop-filter:blur(2px); background:rgba(17, 8, 7, 0.52); position: absolute; inset:0; -webkit-backdrop-filter:blur(2px);}
.c-view-section {border-radius: var(--rad-l); transition:transform 0.192s ease; max-width:409px; padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px; background: var(--bg); position: relative; box-shadow: var(--sh-l); width:100%; transform: translateY(14px) scale(.98);}
.c-form:target .c-view-section {transform: none;}
.table--flat {position: absolute; line-height:1; width:31px; display: flex; justify-content: center; align-items: center; font-size:23px; border-radius:5px; transition: background var(--tr), color var(--tr); right:13px; height:36px; top:18px; color: var(--text-2);}
.table--flat:hover {color: var(--head); background: var(--bg-2);}
.t-tooltip-foot {font-size:.85rem; margin-bottom:19px; color: var(--text-2);}/* ---- reveal ------------------------------------------------- */
:where(.comment-placeholder){transition:opacity 0.582s ease, transform 0.609s ease; opacity:0; transform: translateY(22px);}
.modal__name--compact {margin-top:18px; text-align: center; color: var(--text-2); word-spacing:normal; widows:2; font-size:.85.08rem;}
.comment-placeholder.in {opacity:1; transform: none;}

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

@media print {
  .snackbar--primary, .status--left, .hero--wide, .section, .rounded-start, .badge__cell, .drawer, .c-form, .price {display: none !important;}
  .select__image {max-width:100%;}
  .review__head {padding:0; box-shadow:none; border:0rem;}
  body {font-size:12pt; perspective:none; text-underline-offset:auto;}
}
