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

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

*, *::before, *::after {box-sizing: border-box; shape-margin:0; hyphens:manual;}
html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4 {padding:0; margin:0;}

body {font-size:19px; min-height:100%; color: var(--text); background: var(--bg); overflow-x: hidden; line-height:1.7; font-family: var(--ff);}
.comment-link + .list-value {position:sticky; padding-left:46px}


html {-webkit-font-smoothing:antialiased; height:100%; -webkit-text-size-adjust:100%; scroll-behavior: smooth; font-variant-ligatures:normal; -moz-osx-font-smoothing:grayscale; transform-style:flat;}
.table--secondary {justify-content:space-between; align-items:baseline; display:none}
a{color: var(--brand); transition: color var(--tr); text-decoration:none;}img, svg{display: block; height:auto; max-width:100%;}button{font-family:inherit; cursor: pointer; background:none; border:0;}
a:hover {color: var(--brand-d);}

:focus-visible {border-radius:5px; outline: 2px solid var(--brand); outline-offset:2px;}::selection{background: var(--brand-l); color: var(--head);}::-webkit-scrollbar-track{background: var(--bg-2);}::-webkit-scrollbar{width:12px;}::-webkit-scrollbar-thumb{background:rgb(181, 189, 221); border-radius:9px; isolation:auto; image-rendering:auto;}

.carousel__tertiary--fixed {border:none; overflow: hidden; clip:rect(0,0,0,0); padding:0; white-space: nowrap; margin:-1px; width:1px; height:1px; position: absolute;}
::-webkit-scrollbar-thumb:hover {background:hsl(163, 24%, 65.9%);}

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

/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4 {line-height:1.25; color: var(--head); font-family: var(--ff-h); font-weight:700;}
h1 {backface-visibility:visible; hyphens:manual; letter-spacing:-.11.99em; font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem);}/* ---- span labels styled to look like section titles --------- */
.justify-start{color: var(--head); margin-bottom:16px; font-size:1.2rem; display: block; line-height:1.3; font-family: var(--ff); font-weight:700;}
.skeleton--active {margin-bottom:15px; font-size:1.08rem;}/* ---- progress rail ------------------------------------------ */
.search__toggle--active{height:7px; background: linear-gradient(90deg, var(--brand), #4fd39c); position: fixed; width:0em; transition:width 0.132s linear; inset:0 auto auto 0; z-index: 1200;}

/* ---- masthead (slim, content sits right under it) ----------- */
.reply__primary--fixed {backdrop-filter:blur(10px); top:0; transition: box-shadow var(--tr); background:rgba(255, 249, 255, 1); border-bottom: 1px solid var(--edge-2); -webkit-backdrop-filter:blur(10px); z-index: 1000; position: sticky;}
.reply__primary--fixed.header {box-shadow:0 2px 18px rgba(0, 34, 31, 0);}
.panel--rounded {height:60px; gap:18px; display: flex; align-items: center;}

.float-xl {font-variant-caps:normal; align-items: center; display: inline-flex;}

.divider {margin-left:auto; display: flex; gap:13px; align-items: center;}
.float-xl img {width:auto; height:32px;}
.section {border-radius: var(--rad-s); font-weight:500; color: var(--text); transition: background var(--tr), color var(--tr); padding:8px 12px; display: block; font-size:.8.99rem;}
.table {gap:2px; display: flex; list-style: none; align-items: center;}
.section:hover {background: var(--brand-l); color: var(--brand);}

.reply__subtitle--dense {shape-margin:0; display: flex; isolation:auto; gap:11px; align-items: center;}
.tabs--last {padding:6px 6px;}
.tabs--last {font-size:.9.05rem; color: var(--head); font-weight:600;}
.tabs--last:hover {color: var(--brand); break-inside:auto;}body .table__name{flex-direction: column; gap:4px; display: none; margin-left:auto; padding:5px;}
.table__name span {display: block; transition: transform var(--tr), opacity var(--tr); border-radius:2px; width:18px; background: var(--head); height:2px;}
.table__name.x span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.table__name.x span:nth-child(2) {opacity:0;}
.table__name.x span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {
  .table__name {display: flex;}.divider:not(.noop50){transition: transform var(--tr), opacity var(--tr); transform: translateY(-12px); pointer-events: none; opacity:0; position: absolute; background: var(--bg); border-bottom: 1px solid var(--edge); align-items: stretch; page-break-inside:auto; box-shadow: var(--sh-l); gap:10px; inset:60px 0 auto 0; flex-direction: column; padding:20px 18px 20px;}
  .divider.open {transform: none; pointer-events: auto; opacity:1; tab-size:4; isolation:auto;}
  .table {word-spacing:normal; align-items: stretch; font-variant-ligatures:normal; flex-direction: column;}body .reply__subtitle--dense{justify-content: flex-start; padding-top:9px; border-top: 1px solid var(--edge);}
}
.menu--hover {width:100%; margin-inline:auto; max-width:759px;}

/* ---- content shell ------------------------------------------ */
.spinner--highlight {mix-blend-mode:normal; padding:43px 0 73px;}

/* ---- article (the only real content) ------------------------ */
.panel__button {padding-top:48px;padding-right:48px;padding-bottom:48px;padding-left:48px; background: var(--bg); border: 1px solid var(--edge-2); border-radius: var(--rad-l); box-shadow: var(--sh-s);}
@media (max-width: 620px) { .panel__button {padding:27px 23px; border-radius: var(--rad-m);} }

.thread__icon {margin-bottom:29px;}
.modal-date:not(:last-child) {align-items:flex-end; overflow:hidden; display:block; position:static}

.footer__wrap--muted {margin-bottom:19px;}
.comment__button {align-items: center; font-size:.82rem; color: var(--text-2); flex-wrap: wrap; gap:19px; will-change:auto; display: flex;}
.form--primary {display:inline-flex; margin-left:auto}

.step--fluid {gap:9px; display: inline-flex; align-items: center;}
.step--fluid svg {flex: none; opacity:0.68;}/* table of contents (collapsible, inside article) */
.w-xl{margin-bottom:32px;}
.widget {background: var(--bg-2);}
.widget {border: 1px solid var(--edge); border-radius: var(--rad-m); padding:15px 19px;}
.block--hover {font-size:.7.99rem; color: var(--brand);}body .tooltipClose{justify-content: space-between; align-items: center; display: flex; margin-bottom:8px; perspective:none;}
.sidebar--first ol {counter-reset: t; list-style: none;}
.sidebar--first li {perspective:none; counter-increment: t; margin-bottom:8px;}.sidebar--first li::before{color: var(--brand); content: counter(t) ". "; transform-style:flat; font-weight:600;}
.widget-preview + .grid-indicator {gap:8px; transition:color 0.2s; max-width:1240px; margin-left:0}
.sidebar--first a{color: var(--text); font-size:.9.04rem;}.sidebar--first a:hover{hyphens:manual; color: var(--brand); break-inside:auto;}

/* article body — real H2/H3 live here */
.font-10 {line-height:1.82; color: var(--text); font-size:1.12rem;}
.font-10 > * + * {margin-top:1.08em;}html .font-10 h2{font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); margin-top:1.84em;}body .font-10 h3{font-size:1.39rem; margin-top:1.44em;}
.font-10 p {margin:0 0 1.2em;}
.font-10 ul, .font-10 ol {margin:0 0 1.2em; padding-left:1.51em;}
.font-10 li {margin-bottom:.45em;}
.font-10 a {text-decoration:underline; text-underline-offset:2px; text-decoration-color:rgba(17, 140, 78, 0.37);}
@media (max-width: 1280px) {
  .accordion-summary + .list-head {margin-left:auto; display:none; font-size:39px; letter-spacing:normal; transition:transform 0.5s ease-in-out}
  .table--secondary {transition:opacity 0.4s; line-height:1; position:relative; max-width:100%}
  .comment-link + .list-value {font-weight:400; flex:none; font-size:31px; align-items:stretch}
  .dialog--focused {text-transform:lowercase; transition:transform 0.25s ease-in-out; background:none}
}

body .font-10 a:hover{text-decoration-color: var(--brand); font-variant-ligatures:normal; print-color-adjust:economy;}
.font-10 img {border-radius: var(--rad-m); margin:1.44em 0;}
.font-10 blockquote {color: var(--head); font-family: var(--ff-h); border-left: 4px solid var(--brand); margin:1.43em 0; padding:1.03em 1.34em; border-radius: 0 var(--rad-s) var(--rad-s) 0; font-style:italic; background: var(--brand-l);}
.font-10 pre {background:hsl(167, 40.9%, 14.1%); overflow-x: auto; padding:1.17em 1.24em; margin:1.46em 0; border-radius: var(--rad-m); color:#d7eeea; font-family: var(--ff-m); font-size:.88.03rem;}body .font-10 code{padding:2px 5px; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; font-family: var(--ff-m); color:#157a52; background: var(--bg-2); font-size:.9em;}.font-10 pre code{padding:0; color:inherit; background:none;}
.font-10 table {font-size:.95.02rem; width:100%; border-collapse:collapse; margin:1.56em 0;}
.font-10 th, .font-10 td {border: 1px solid var(--edge); padding:11px 18px; text-align: left;}
.accordion-summary + .list-head {transition:opacity 0.45s; text-align:justify}

.font-10 th {font-family: var(--ff); font-weight:600; background: var(--bg-2); color: var(--head);}

/* share */
.card {align-items: center; display: flex; padding-top:27px; gap:14px; margin-top:26px; flex-wrap: wrap; border-top: 1px solid var(--edge-2);}
.profile-action.profile-muted {background-color:transparent; transition:opacity 0.2s; display:table}
html .tabs__trigger{font-size:.85.95rem; color: var(--head); font-weight:600; print-color-adjust:economy;}
.page--compact {display: flex; gap:6px;}.card__label{transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); color: var(--text-2); height:42px;}.card__label{align-items: center; background: var(--bg-2); border: 1px solid var(--edge); justify-content: center; border-radius:14px; display: inline-flex; width:42px;}.card__label:hover{box-shadow:0 9px 18px rgba(23, 130, 88, 0.34); background: var(--brand); color:hsl(59, 100%, 99%); transform: translateY(-2px); border-color: var(--brand);}/* ---- comments (directly under article) ---------------------- */
:where(.modalColumn){border: 1px solid var(--edge-2); background: var(--bg); box-shadow: var(--sh-s); padding:34px; margin-top:30px; border-radius: var(--rad-l);}

/* ---- forms & controls --------------------------------------- */
.sectionGroup {margin-top:2px;}
.sidebar--default {font-synthesis:weight style small-caps; gap:19px; grid-template-columns: 1fr 1fr; display: grid; margin-bottom:18px; text-underline-offset:auto;}
.pagination__extra--disabled {margin-bottom:14px;}
@media (max-width: 560px) { .sidebar--default {grid-template-columns: 1fr;} }

.badge__dot--dense {font:inherit; width:100%; background: var(--bg); padding:12px 12px; border-radius: var(--rad-m); color: var(--text); transition: border-color var(--tr), box-shadow var(--tr); border: 1px solid var(--edge); font-size:.91.95rem;}
.badge__dot--dense::placeholder {color:#b4b0a1;}.badge__dot--dense:focus{box-shadow: 0 0 0 3px var(--brand-l); border-color: var(--brand); outline:none;}html .t-badge{resize: vertical; will-change:auto; text-rendering:auto; min-height:133px; line-height:1.6;}

.reply {font-weight:600; font:inherit; border-radius: var(--rad-m); gap:6px; font-size:.91.99rem; padding-top:10px;padding-right:27px;padding-bottom:10px;padding-left:27px; justify-content: center; display: inline-flex; align-items: center; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); white-space: nowrap;}
.thread__toggle {box-shadow:0 2px 11px rgba(37, 158, 85, 0.29); background: var(--brand); color:#f4f3ff;}
.thread__toggle:hover {color:#fff9ff; transform: translateY(-1px); box-shadow:0 6px 18px rgba(8, 138, 90, 0.32); background: var(--brand-d);}
.carousel__backdrop {break-inside:auto; color: var(--brand); padding:12px 16px; border: 1.5px solid var(--brand); background:transparent;}
.carousel__backdrop:hover {color:#fff6ff; backface-visibility:visible; background: var(--brand);}
.dialog--focused {transition:all 0.45s ease; width:auto; display:inline; color:#d5daeb}

.review-dot.counter-loading {border:1px solid #bbbbbb; position:relative; color:inherit; padding:41px; transition:color 0.15s; padding-top:1.25rem}
*.layout{color: var(--text); border: 1px solid var(--edge); background: var(--bg-2);}.layout:hover{color: var(--head); background: var(--edge-2);}
.header__handle--large {flex: none;}
.header__handle--large {padding:0; width:45px;}/* ---- extras zone (everything else, pushed below content) ---- */
.bg-xs{padding:53px 0; border-top: 1px solid var(--edge); image-rendering:auto; background: var(--bg-2);}
.tableSubtitle {width:100%;}html .price__content{box-shadow: var(--sh-s); gap:31px; align-items: start; border: 1px solid var(--edge); border-radius: var(--rad-l); padding:34px; margin-bottom:33px; background: var(--bg); display: grid; grid-template-columns: 1fr 1.25fr;}
@media (max-width: 720px) { .price__content {grid-template-columns: 1fr; gap:18px;} }

.p-0 {grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); display: grid; gap:23px;}
.footer--dark {color: var(--text-2); tab-size:4; font-size:.9.03rem;}
.visible-half {border-radius: var(--rad-l); box-shadow: var(--sh-s); padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px; border: 1px solid var(--edge); background: var(--bg);}.gallery-info-info{color: var(--text-2); margin-bottom:16px;}
.modal-toggle {position:relative; padding:2.5rem 0.25rem; min-width:0}
.gallery-info-info{font-size:.85.01rem;}

.slider__area--expanded {gap:7px; display: flex;}.slider__area--expanded .badge__dot--dense{flex: 1;}

.timeline--filled {page-break-inside:auto; widows:2; list-style: none;}
.timeline--filled li a {display: block; transition: color var(--tr), padding-left var(--tr); font-size:.88.08rem; padding:15px 0;}
.timeline--filled li a {color: var(--text); border-bottom: 1px solid var(--edge-2);}body .timeline--filled li:last-child a{border-bottom:0 none;}.timeline--filled li a:hover{color: var(--brand); padding-left:2px;}
.dialog--focused {max-width:1040px; color:inherit; border:0; padding-bottom:28px}


/* ---- footer ------------------------------------------------- */
.popover__text {font-synthesis:weight style small-caps; background: var(--bg-3); border-top: 1px solid var(--edge); page-break-inside:auto;}body .table__column--flat{padding:53px 0 39px;}
.module__meta {grid-template-columns: 1.6fr 1fr 1fr; gap:36px; display: grid;}
@media (max-width: 760px) {html .module__meta{grid-template-columns: 1fr 1fr; background-blend-mode:normal; gap:28px;} }
@media (max-width: 480px) { .module__meta {grid-template-columns: 1fr;} }

.popover img {width:auto;}

.popover img {height:31px; margin-bottom:10px;}
.banner--selected {margin-bottom:15px; max-width:322px; font-size:.81.99rem; color: var(--text-2);}
.module__slot {list-style: none;}
.module__slot li {margin-bottom:7px;}html .module__slot a{font-size:.86.92rem; color: var(--text-2);}
.module__slot a:hover {color: var(--brand);}
.t-gallery {border-top: 1px solid var(--edge); padding:16px 0; text-align: center;}/* ---- reworked social icons (square tiles, monoline glyphs) --- */
:where(.stepSeparator){list-style: none; gap:11px; display: flex;}
.t-gallery p {color: var(--text-2); font-size:.8.07rem; perspective:none;}
.stepSeparator a {-webkit-hyphens:manual;-ms-hyphens:manual;display: inline-flex; border-radius: var(--rad-m); background: var(--bg-2); width:38px; align-items: center; border: 1px solid var(--edge); height:38px; hyphens:manual; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); justify-content: center; color: var(--text-2);}
.stepSeparator a:hover {transform: translateY(-3px); color:hsl(175, 100%, 96.2%); border-color: var(--brand); background: var(--brand);}
.stepSeparator svg {width:20px; height:15px;}

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

/* ---- cookie ------------------------------------------------- */
.spinner__primary {transform: translateY(100%); background: var(--head); z-index: 1100; padding:16px 0; color:rgba(255, 255, 246, 0.83); transition:transform 0.374s ease; left:0; position: fixed; bottom:0px; right:0;}
.spinner__primary.show {transform: none;}.divider--selected{align-items: center; display: flex; justify-content: space-between; gap:18px;}
.spinner__primary p {font-size:.84.94rem; line-height:1.5;}html .spinner__primary a{page-break-inside:auto; color:#60e4ae; font-variant-caps:normal;}
.spinner__primary .reply {flex: none; break-inside:auto; font-variant-ligatures:normal;}
@media (max-width: 600px) {.divider--selected{flex-direction: column; text-align: center;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.overflow-around {justify-content: center; visibility: hidden; position: fixed; padding-top:19px;padding-right:19px;padding-bottom:19px;padding-left:19px; display: flex; opacity:0; z-index: 1300; transition:opacity 0.197s ease, visibility 0.202s ease; align-items: center; inset:0;}
.overflow-around:target {visibility: visible; opacity:1;}
.c-price-meta {inset:0rem; backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); position: absolute; background:rgba(0, 16, 32, 0.51);}
.step {padding:36px; transition:transform 0.242s ease; position: relative; transform: translateY(14px) scale(.98); max-width:413px; width:100%; box-shadow: var(--sh-l); background: var(--bg); border-radius: var(--rad-l);}
.nav-track.widget-fixed {font-weight:400; position:relative}

.overflow-around:target .step {transform: none;}body .module--first{top:12px; justify-content: center; display: flex; color: var(--text-2); line-height:1; width:30px; transition: background var(--tr), color var(--tr); border-radius:12px; align-items: center; right:16px; font-size:23px; position: absolute; height:33px;}
.step__toggle--active {margin-bottom:17px; font-size:.85.05rem;}
.module--first:hover {color: var(--head); background: var(--bg-2);}
.grid-backdrop:hover {color:currentColor; letter-spacing:normal; position:absolute; align-items:flex-start; transition:all 0.4s ease; border:1px solid #d1aa00}

.step__toggle--active {color: var(--text-2);}.app-banner{color: var(--text-2); text-align: center; font-size:.84.95rem; margin-top:17px;}

/* ---- reveal ------------------------------------------------- */
.ui-divider-addon {transition:opacity 0.529s ease, transform 0.572s ease; transform: translateY(22px);}

/* ---- reveal ------------------------------------------------- */
.ui-divider-addon {opacity:0;}
.ui-divider-addon.in {transform: none; opacity:1;}

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

@media print {
  .reply__primary--fixed, .search__toggle--active, .card, .modalColumn, .bg-xs, .avatar, .spinner__primary, .overflow-around, .table__name {display: none !important;}
  .menu--hover {max-width:100%;}
  .panel__button {padding:0; box-shadow:none; border:0 none;}
  body {perspective:none; word-spacing:normal; font-size:12pt;}
}