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

:root {--ff-m: ui-monospace, "SFMono-Regular", Consolas, Menlo, monospace; --edge-2:  #edf2ef; --rad-m: 10px; --tr: .25s cubic-bezier(.4, 0, .2, 1); --bg:      #ffffff; --sh-l: 0 18px 48px rgba(15, 40, 28, .12); --sh-s: 0 1px 2px rgba(15, 40, 28, .06); --edge:    #e3ebe6;}/* =============================================================
   Template 1106_new_v1 — Stylesheet
   Self-contained · no framework · no external fonts.
   Content-first layout. Secondary labels are <span>, not headings.
   ============================================================= */

:root {--head:    #15201b; --brand-d: #0f6f48; --bg-2:    #f3f7f4; --rad-l: 16px; --ff:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --rad-s: 6px; --bg-3:    #f1f6f3; --ff-h: Georgia, "Iowan Old Style", "Times New Roman", "Noto Serif", serif; --text-2:  #6b766f; --sh-m: 0 7px 24px rgba(15, 40, 28, .08); --max: 1120px; --brand:   #16915e; --brand-l: #e7f5ee; --text:    #37433d;}

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

img, svg {display: block; max-width:100%; height:auto;}body{min-height:100%; font-size:19px; color: var(--text); overflow-x: hidden; background: var(--bg); font-family: var(--ff); line-height:1.7;}
a:hover {color: var(--brand-d);}
a {text-decoration:none; color: var(--brand); transition: color var(--tr);}

:focus-visible {outline: 2px solid var(--brand); border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; outline-offset:2px;}
button {border:0; cursor: pointer; background:none; font-family:inherit;}::selection{background: var(--brand-l); color: var(--head);}
::-webkit-scrollbar {width:8px;}
::-webkit-scrollbar-track {background: var(--bg-2);}
::-webkit-scrollbar-thumb {border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px; text-decoration-skip-ink:auto; background:rgb(173, 212, 175); font-variant-caps:normal;}
::-webkit-scrollbar-thumb:hover {print-color-adjust:economy; background:rgb(150, 192, 170);}

.u-hero-addon {margin:-1px; overflow: hidden; clip:rect(0,0,0,0); white-space: nowrap;}

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

.u-hero-addon {position: absolute; border:0 none; height:1px; padding:0; width:1px;}

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

/* ---- span labels styled to look like section titles --------- */
.app-nav-text {display: block; font-family: var(--ff); font-size:1.2rem; margin-bottom:18px; line-height:1.3; font-weight:bold; color: var(--head);}h1{letter-spacing:-.12.08em; break-inside:auto; text-underline-offset:auto; font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem);}.footer-row{margin-bottom:14px; font-size:1.07rem;}

/* ---- progress rail ------------------------------------------ */
.dot-pagination {position: fixed; z-index: 1200; inset:0 auto auto 0; width:0; background: linear-gradient(90deg, var(--brand), #4fd39c); transition:width 0.137s linear; height:7px;}/* ---- masthead (slim, content sits right under it) ----------- */
.accordion-name{border-bottom: 1px solid var(--edge-2); z-index: 1000; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); transition: box-shadow var(--tr); background:rgba(246, 252, 255, 1); top:0; position: sticky;}
.accordion-name.row-profile {box-shadow:0 2px 17px rgba(6, 49, 23, 0.11);}html .snackbar-dense{gap:17px; height:55px; display: flex; align-items: center;}html .position-lg{display: inline-flex; align-items: center;}

.progress-wrapper-secondary {align-items: center; display: flex; gap:20px; margin-left:auto;}
.position-lg img {height:32px; width:auto;}
.layout-cap-small {border-radius: var(--rad-s); font-weight:500; font-size:.8.95rem; transition: background var(--tr), color var(--tr); word-spacing:normal; color: var(--text); display: block; padding:12px 10px;}.c-box-section{display: flex; align-items: center; gap:3px; list-style: none;}

.screen-suffix-first {display: flex; gap:8px; align-items: center;}
.layout-cap-small:hover {color: var(--brand); background: var(--brand-l);}
.c-accordion-toggle {color: var(--head); font-size:.9.01rem; font-weight:600; padding-top:4px;padding-right:2px;padding-bottom:4px;padding-left:2px;}body .c-accordion-toggle:hover{color: var(--brand);}

.widget-hover {margin-left:auto;}

.widget-hover {flex-direction: column; gap:4px; padding:8px; display: none;}
.widget-hover span {background: var(--head); height:2px; border-radius:2px; shape-margin:0;}
.widget-hover span {display: block; transition: transform var(--tr), opacity var(--tr); width:21px;}html .widget-hover.x span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.widget-hover.x span:nth-child(2) {opacity:0; background-blend-mode:normal;}html .widget-hover.x span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {
  .widget-hover {display: flex;}
  .progress-wrapper-secondary {pointer-events: none; transition: transform var(--tr), opacity var(--tr); box-shadow: var(--sh-l); background: var(--bg); position: absolute; flex-direction: column; opacity:0; transform: translateY(-12px); inset:55px 0 auto 0; padding:19px 21px 22px; gap:12px; align-items: stretch; border-bottom: 1px solid var(--edge);}
  .progress-wrapper-secondary.open {opacity:1;}
  .progress-wrapper-secondary.open {transform: none; pointer-events: auto;}*.c-box-section{align-items: stretch; flex-direction: column;}body .screen-suffix-first{padding-top:16px; border-top: 1px solid var(--edge); justify-content: flex-start;}
}/* ---- content shell ------------------------------------------ */
.c-reply-region{padding:44px 0 75px;}
.block-addon-fixed {max-width:761px; margin-inline:auto; width:100%;}

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

.alertValue {margin-bottom:24px;}
.comment-success {margin-bottom:19px;}
.footer-data-highlight {flex-wrap: wrap; display: flex; align-items: center; font-size:.81.99rem;}.menu-half{align-items: center; gap:10px; display: inline-flex;}
.footer-data-highlight {gap:18px; color: var(--text-2);}
.menu-half svg {flex: none; opacity:0.55;}/* table of contents (collapsible, inside article) */
.section--even{margin-bottom:31px;}*.breadcrumb-loading{border-radius: var(--rad-m); padding:15px 20px; border: 1px solid var(--edge); background: var(--bg-2);}*.tabs-expanded{display: flex; align-items: center; margin-bottom:9px; justify-content: space-between;}
.badge-handle {color: var(--brand); font-size:.8.02rem; orphans:2; perspective:none;}
.menu-elevated ol {counter-reset: t; list-style: none;}
.menu-elevated li {print-color-adjust:economy; margin-bottom:4px; hyphens:manual; counter-increment: t;}
.menu-elevated li::before {content: counter(t) ". ";}
.menu-elevated li::before {color: var(--brand); font-weight:600;}
.menu-elevated a {font-size:.8.95rem; color: var(--text);}
.menu-elevated a:hover {color: var(--brand);}/* article body — real H2/H3 live here */
.gallery-overlay-highlight{color: var(--text); font-size:1.09rem;}/* article body — real H2/H3 live here */
.gallery-overlay-highlight{line-height:1.82;}.gallery-overlay-highlight > * + *{margin-top:1.2em;}
.gallery-overlay-highlight h2 {margin-top:1.96em; font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem);}body .gallery-overlay-highlight h3{margin-top:1.46em; font-size:1.37rem;}
.gallery-overlay-highlight p {margin:0 0 1.21em;}.gallery-overlay-highlight ul, body .gallery-overlay-highlight ol{padding-left:1.37em; margin:0 0 1.13em;}
.gallery-overlay-highlight li {margin-bottom:.45em;}
.gallery-overlay-highlight a {text-decoration:underline; text-decoration-color:rgba(39, 145, 95, 0.4); text-underline-offset:2px;}
.gallery-overlay-highlight a:hover {text-decoration-color: var(--brand);}
.gallery-overlay-highlight img {border-radius: var(--rad-m); margin:1.46em 0;}
.gallery-overlay-highlight blockquote {border-left: 4px solid var(--brand); border-radius: 0 var(--rad-s) var(--rad-s) 0; font-style:italic; font-family: var(--ff-h); padding:1.05em 1.33em; margin:1.46em 0; color: var(--head); background: var(--brand-l);}
.gallery-overlay-highlight pre {font-family: var(--ff-m); font-size:.87.98rem; background:hsl(124, 34.8%, 14.2%); margin:1.58em 0; overflow-x: auto; border-radius: var(--rad-m); color:hsl(83, 60.5%, 92.5%); padding-top:1.2em;padding-right:1.29em;padding-bottom:1.2em;padding-left:1.29em;}
.gallery-overlay-highlight code {color:#146e3a; background: var(--bg-2); font-size:.9.02em; padding-top:2px;padding-right:6px;padding-bottom:2px;padding-left:6px; font-family: var(--ff-m); border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
.gallery-overlay-highlight pre code {color:inherit; padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px; background:none;}*.gallery-overlay-highlight table{border-collapse:collapse; margin:1.45em 0; width:100%; font-size:.95.01rem;}
.gallery-overlay-highlight th, .gallery-overlay-highlight td {text-align: left; padding:7px 13px; border: 1px solid var(--edge);}.gallery-overlay-highlight th{color: var(--head); font-weight:600;}.gallery-overlay-highlight th{background: var(--bg-2); font-family: var(--ff);}

/* share */
.layout-toggle-outlined {flex-wrap: wrap; margin-top:27px; padding-top:20px;}

/* share */
.layout-toggle-outlined {gap:15px; border-top: 1px solid var(--edge-2); align-items: center; display: flex;}.screen-outer-half{font-size:.85.95rem; color: var(--head); font-weight:600;}
.p-20 {background: var(--bg-2); width:34px; border: 1px solid var(--edge); height:42px; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr);}.dropdown-slot-horizontal{display: flex; gap:5px;}
.p-20 {border-radius:7px; justify-content: center; align-items: center; color: var(--text-2); display: inline-flex;}
.p-20:hover {box-shadow:0 1px 11px rgba(25, 144, 79, 0.37); border-color: var(--brand); transform: translateY(-2px); background: var(--brand);}
.p-20:hover {tab-size:4; color:#fffcff;}

/* ---- comments (directly under article) ---------------------- */
.region-avatar {margin-top:27px; padding-top:34px;padding-right:34px;padding-bottom:34px;padding-left:34px; border: 1px solid var(--edge-2); background: var(--bg); border-radius: var(--rad-l); box-shadow: var(--sh-s);}/* ---- forms & controls --------------------------------------- */
.c-grid-zone{margin-top:8px;}body .c-layout{margin-bottom:18px; gap:15px; grid-template-columns: 1fr 1fr; display: grid;}
.pagination-backdrop {margin-bottom:15px;}
@media (max-width: 560px) { .c-layout {grid-template-columns: 1fr;} }.price-outer-half{transition: border-color var(--tr), box-shadow var(--tr); print-color-adjust:economy; border-radius: var(--rad-m); break-inside:auto; font-size:.92.04rem; background: var(--bg); font:inherit; color: var(--text); padding:9px 14px; width:100%; border: 1px solid var(--edge);}
.price-outer-half::placeholder {color:#a8a2a0;}
.alert-backdrop {min-height:134px; resize: vertical; line-height:1.6;}
.price-outer-half:focus {box-shadow: 0 0 0 3px var(--brand-l); border-color: var(--brand); outline:none;}

.c-step-cap {font-weight:600; font:inherit; display: inline-flex; align-items: center; justify-content: center; padding-top:13px;padding-right:26px;padding-bottom:13px;padding-left:26px; font-size:.91.94rem; gap:7px; white-space: nowrap; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); border-radius: var(--rad-m);}body .tooltip__slot{word-spacing:normal; background: var(--brand); color:hsl(181, 99.2%, 98.1%); box-shadow:0 3px 18px rgba(6, 135, 76, 0.16);}
.tooltip__slot:hover {color:#fffff6; background: var(--brand-d); box-shadow:0 7px 22px rgba(6, 160, 108, 0.28); background-blend-mode:normal; transform: translateY(-1px);}
.my-half {padding:6px 20px; color: var(--brand); border: 1.5px solid var(--brand); background:transparent;}.extra-step{background: var(--bg-2); border: 1px solid var(--edge); color: var(--text);}
.my-half:hover {background: var(--brand); color:#f7f9ff;}
.extra-step:hover {color: var(--head); background: var(--edge-2);}
.o-footer-indicator {width:45px; flex: none; padding:0;}
.slot-block {contain:none; font-variant-caps:normal; width:100%;}

/* ---- extras zone (everything else, pushed below content) ---- */
.item-grid {background: var(--bg-2); border-top: 1px solid var(--edge); padding:58px 0;}

.l-profile {display: grid; align-items: start; border-radius: var(--rad-l); box-shadow: var(--sh-s); margin-bottom:38px;}

.l-profile {grid-template-columns: 1fr 1.25fr; gap:36px; padding:32px; border: 1px solid var(--edge); background: var(--bg);}
@media (max-width: 720px) { .l-profile {gap:23px; orphans:2; grid-template-columns: 1fr;} }
.u-modal {color: var(--text-2); font-size:.8.98rem;}html .text-breadcrumb{gap:24px; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); display: grid;}
.avatar-number-hover {background: var(--bg); border: 1px solid var(--edge); box-shadow: var(--sh-s); padding:26px; border-radius: var(--rad-l);}

.wrapper-chip {gap:12px; display: flex;}
.outer-reply {margin-bottom:18px; color: var(--text-2); font-size:.85.07rem;}
.wrapper-chip .price-outer-half {flex: 1;}.status-suffix-muted{list-style: none;}.status-suffix-muted li a{transition: color var(--tr), padding-left var(--tr); font-size:.88.03rem; padding:11px 0; display: block; color: var(--text); border-bottom: 1px solid var(--edge-2);}
.status-suffix-muted li:last-child a {border-bottom:0;}
.status-suffix-muted li a:hover {padding-left:2px; color: var(--brand);}

/* ---- footer ------------------------------------------------- */
.icon-grid {hyphens:manual; background: var(--bg-3);}

/* ---- footer ------------------------------------------------- */
.icon-grid {border-top: 1px solid var(--edge); contain:none;}
.c-skeleton-secondary {padding:53px 0 35px;}
.c-card-group {gap:30px; transform-style:flat; display: grid; break-inside:auto; grid-template-columns: 1.6fr 1fr 1fr;}
@media (max-width: 760px) { .c-card-group {gap:25px; grid-template-columns: 1fr 1fr;} }
@media (max-width: 480px) { .c-card-group {grid-template-columns: 1fr;} }

.progress-foot-top img {width:auto; margin-bottom:12px; height:33px;}body .mt-md{margin-bottom:20px; isolation:auto; page-break-inside:auto; color: var(--text-2); max-width:316px; font-size:.81.93rem;}.w-1:not(.placeholder86){list-style: none;}
.w-1 li {margin-bottom:10px;}
.w-1 a {color: var(--text-2); font-size:.86.92rem;}
.w-1 a:hover {color: var(--brand); image-rendering:auto;}*.search-flat{text-align: center; border-top: 1px solid var(--edge); padding:14px 0;}
.search-flat p {color: var(--text-2); font-size:.7.98rem;}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.drawer-column-horizontal {gap:9px; display: flex; list-style: none;}
.drawer-column-horizontal a {background: var(--bg-2); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); justify-content: center; width:41px; color: var(--text-2); border-radius: var(--rad-m); display: inline-flex; border: 1px solid var(--edge); align-items: center; height:34px;}
.drawer-column-horizontal a:hover {color:#fffff0; font-variant-ligatures:normal; widows:2;}
.drawer-column-horizontal a:hover {border-color: var(--brand); transform: translateY(-3px); background: var(--brand);}

/* ---- back to top -------------------------------------------- */
.module-left {-webkit-hyphens:manual;-ms-hyphens:manual;height:42px; perspective:none; border: 1px solid var(--edge); background: var(--bg); width:48px; justify-content: center; display: flex; position: fixed; border-top-left-radius:9px;border-top-right-radius:9px;border-bottom-right-radius:9px;border-bottom-left-radius:9px; right:32px; box-shadow: var(--sh-m); opacity:0; bottom:25px; transform: translateY(10px); color: var(--head); align-items: center; hyphens:manual; z-index: 900; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); visibility: hidden;}
.drawer-column-horizontal svg {width:17px; height:20px;}body .module-left.show{opacity:1; transform: none; visibility: visible;}html .module-left:hover{background: var(--brand); color:#fffff2; border-color: var(--brand); transform: translateY(-2px);}

/* ---- cookie ------------------------------------------------- */
.chip-wrap-default {right:0; z-index: 1100; color:rgba(255, 251, 252, 0.78); position: fixed; padding:13px 0; left:0; bottom:0;}

/* ---- cookie ------------------------------------------------- */
.chip-wrap-default {transform: translateY(100%); transition:transform 0.438s ease; background: var(--head);}
.chip-wrap-default.show {transform: none;}
.chip-wrap-default p {font-size:.85.05rem; line-height:1.5;}
.thread-outlined {align-items: center; justify-content: space-between; gap:20px; display: flex;}
.chip-wrap-default a {break-inside:auto; color:#62d3a7;}
.chip-wrap-default .c-step-cap {flex: none;}
@media (max-width: 600px) { .thread-outlined {flex-direction: column; text-align: center;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.c-thread-cell {visibility: hidden; z-index: 1300; opacity:0; transition:opacity 0.235s ease, visibility 0.23s ease; display: flex; padding:18px; inset:0; position: fixed; justify-content: center; align-items: center;}body .c-thread-cell:target{visibility: visible; opacity:1;}
.card-default {backdrop-filter:blur(2px); inset:0; position: absolute; -webkit-backdrop-filter:blur(2px); background:rgba(12, 28, 8, 0.5);}.t-skeleton{position: relative; transform: translateY(14px) scale(.98); width:100%; background: var(--bg); font-variant-caps:normal; transition:transform 0.215s ease;}.t-skeleton{box-shadow: var(--sh-l); border-radius: var(--rad-l); will-change:auto; padding:38px; max-width:414px;}
.c-thread-cell:target .t-skeleton {transform: none; text-decoration-skip-ink:auto;}
.snackbar--danger {font-size:22px; line-height:1; justify-content: center; width:31px; transition: background var(--tr), color var(--tr); position: absolute; color: var(--text-2); border-radius:8px; display: flex; align-items: center; height:34px; top:13px; right:17px;}*.layout-fluid{margin-bottom:16px; color: var(--text-2); font-size:.84.97rem;}
.snackbar--danger:hover {color: var(--head); background: var(--bg-2);}
.pt-block {margin-top:12px; color: var(--text-2); font-size:.84.93rem; text-align: center;}*.layout-fluid{text-rendering:auto;}

/* ---- reveal ------------------------------------------------- */
.progress--disabled {transform: translateY(22px); transition:opacity 0.52s ease, transform 0.567s ease; opacity:0;}
.progress--disabled.in {opacity:1; transform: none;}

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

@media print {*.accordion-name, html .dot-pagination, .layout-toggle-outlined:not(.skip36), .region-avatar:not(.skip53), *.item-grid, .module-left, *.chip-wrap-default, *.c-thread-cell, .widget-hover:not(.null87){display: none !important;}
  .block-addon-fixed {max-width:100%;}html .tracking-xs{box-shadow:none; border:0 none; padding:0;}
  body {font-size:12pt;}
}
