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

:root {--sh-m: 0 7px 24px rgba(15, 40, 28, .08); --sh-l: 0 18px 48px rgba(15, 40, 28, .12); --max: 1120px; --edge-2:  #replySpacer; --tr: .25s cubic-bezier(.4, 0, .2, 1); --rad-s: 6px; --text-2:  #6b766f; --brand-l: #page-table; --brand:   #16915e; --text:    #37433d; --bg-2:    #site-box; --edge:    #site-spinner; --bg:      #view_meta; --brand-d: #0f6f48; --head:    #15201b; --rad-m: 10px; --ff-h: Georgia, "Iowan Old Style", "Times New Roman", "Noto Serif", serif; --sh-s: 0 1px 2px rgba(15, 40, 28, .06); --bg-3:    #app-tag; --ff:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --rad-l: 16px; --ff-m: ui-monospace, "SFMono-Regular", Consolas, Menlo, monospace;}*, *::before, *::after{box-sizing: border-box;}
html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4 {margin:0; perspective:none; page-break-inside:auto; padding:0;}html{-moz-text-size-adjust:100%;-webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale; scroll-behavior: smooth; height:100%;}

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

img, svg {display: block; max-width:100%; height:auto;}
a:hover {color: var(--brand-d);}button{cursor: pointer; background:none; font-family:inherit; border:0;}

:focus-visible {border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px; outline-offset:2px; outline: 2px solid var(--brand);}
::-webkit-scrollbar {width:12px;}
::selection {background: var(--brand-l); color: var(--head);}::-webkit-scrollbar-track{background: var(--bg-2);}
::-webkit-scrollbar-thumb:hover {background:#grid_close;}
::-webkit-scrollbar-thumb {border-radius:10px; background:#page-badge;}.c-drawer-title{padding:0; overflow: hidden; height:1px; width:1px; clip:rect(0,0,0,0); border:none; white-space: nowrap; margin:-1px; position: absolute;}body .hero-spacer{margin-inline:auto; width:100%; max-width: var(--max); padding-inline:22px;}
h1 {font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem); letter-spacing:-.11.94em;}

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

/* ---- span labels styled to look like section titles --------- */
.sidebar-preview-right {font-size:1.16rem; color: var(--head); display: block; font-weight:700; margin-bottom:18px; font-family: var(--ff); line-height:1.3;}.button-widget{margin-bottom:12px; font-size:0.98rem;}

/* ---- progress rail ------------------------------------------ */
.c-menu-cap {z-index: 1200; transition:width 0.132s linear; height:7px; background: linear-gradient(90deg, var(--brand), #4fd39c); position: fixed; width:0; inset:0 auto auto 0;}/* ---- masthead (slim, content sits right under it) ----------- */
.dropdown-name-empty{-webkit-backdrop-filter:blur(10px); top:0; position: sticky;}/* ---- masthead (slim, content sits right under it) ----------- */
.dropdown-name-empty{border-bottom: 1px solid var(--edge-2); print-color-adjust:economy; z-index: 1000; background:rgba(255, 255, 237, 1); backdrop-filter:blur(10px); transition: box-shadow var(--tr);}
.dropdown-name-empty.label-badge {box-shadow:0 2px 12px rgba(0, 38, 17, 0.03);}
.profile-time-dense {gap:22px; display: flex; height:61px; align-items: center;}body .app-skeleton-trigger{display: inline-flex; align-items: center;}

.table-horizontal {gap:16px; break-inside:auto; display: flex; margin-left:auto; align-items: center;}
.app-skeleton-trigger img {height:28px; width:auto;}.group-drawer:not(._3778cc){gap:8px; align-items: center; list-style: none;}.group-drawer:not(._3778cc){display: flex;}html .position-auto{font-weight:medium; padding:5px 9px; font-size:.9rem; display: block; border-radius: var(--rad-s); color: var(--text); transition: background var(--tr), color var(--tr);}
.position-auto:hover {color: var(--brand); background: var(--brand-l);}

.region-toggle {gap:7px; display: flex; align-items: center;}
.c-sort-item {color: var(--head); padding:8px 9px; font-size:.9.08rem; font-weight:500;}*.c-sort-item:hover{color: var(--brand);}

.c-dialog-region {margin-left:auto;}

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

@media (max-width: 820px) {body .c-dialog-region{display: flex;}
  .table-horizontal {padding:18px 23px 27px; gap:11px; align-items: stretch; inset:57px 0 auto 0; box-shadow: var(--sh-l); border-bottom: 1px solid var(--edge); pointer-events: none; transition: transform var(--tr), opacity var(--tr); background: var(--bg); opacity:0; transform: translateY(-12px); flex-direction: column; position: absolute;}
  .table-horizontal.open {opacity:1; pointer-events: auto; transform: none;}
  .group-drawer {flex-direction: column; align-items: stretch;}body .region-toggle{border-top: 1px solid var(--edge); padding-top:16px; justify-content: flex-start;}
}

/* ---- content shell ------------------------------------------ */
.el-box {padding:41px 0 69px;}
.entry-secondary-narrow {margin-inline:auto; width:100%; max-width:757px;}

/* ---- article (the only real content) ------------------------ */
.media-hover {padding:48px; background: var(--bg); box-shadow: var(--sh-s);}

/* ---- article (the only real content) ------------------------ */
.media-hover {border: 1px solid var(--edge-2); border-radius: var(--rad-l);}
@media (max-width: 620px) { .media-hover {tab-size:4; border-radius: var(--rad-m); padding:28px 24px;} }

.c-gallery-bar {margin-bottom:31px;}html .c-tag-handle{margin-bottom:20px;}.view-preview{color: var(--text-2); font-size:.81.98rem; display: flex; flex-wrap: wrap; gap:15px; align-items: center;}
.tabs--last {display: inline-flex; align-items: center; gap:2px;}

/* table of contents (collapsible, inside article) */
.breadcrumb-data-fixed {margin-bottom:32px;}.tabs--last svg{flex: none; opacity:0.67;}
.chipPrimary {background: var(--bg-2); border: 1px solid var(--edge); border-radius: var(--rad-m);}
.chipPrimary {padding:18px 26px;}html .toggle-row{margin-bottom:7px; background-blend-mode:normal; orphans:2; align-items: center; justify-content: space-between; display: flex;}
.box-disabled {font-size:.8.02rem; color: var(--brand);}
.heroCount ol {counter-reset: t; list-style: none;}.heroCount li{counter-increment: t; margin-bottom:4px;}
.heroCount li::before {color: var(--brand); content: counter(t) ". "; font-weight:600;}html .heroCount a{color: var(--text); font-size:.8.94rem;}
.heroCount a:hover {color: var(--brand);}

/* article body — real H2/H3 live here */
.c-hero-thumb {line-height:1.82;}

/* article body — real H2/H3 live here */
.c-hero-thumb {color: var(--text); font-size:1.06rem;}
.c-hero-thumb > * + * {margin-top:1.1em;}
.c-hero-thumb h2 {margin-top:1.94em; font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem);}
.c-hero-thumb h3 {margin-top:1.45em; font-size:1.39rem;}
.c-hero-thumb p {page-break-inside:auto; margin:0 0 1.08em;}
.c-hero-thumb ul, .c-hero-thumb ol {padding-left:1.41em; margin:0 0 1.09em;}.c-hero-thumb li{margin-bottom:.44.93em;}
.c-hero-thumb a {text-underline-offset:2px; text-decoration-color:rgba(16, 131, 105, 0.4); text-decoration:underline;}
.c-hero-thumb a:hover {text-decoration-color: var(--brand);}
.c-hero-thumb img {border-radius: var(--rad-m); margin:1.54em 0;}
.c-hero-thumb blockquote {border-radius: 0 var(--rad-s) var(--rad-s) 0; tab-size:4; padding:1.06em 1.33em; font-style:italic; border-left: 4px solid var(--brand); font-family: var(--ff-h); color: var(--head); background: var(--brand-l); margin:1.5em 0; text-rendering:auto;}
.c-hero-thumb pre {background:rgb(14, 21, 25); padding:1.23em 1.23em; border-radius: var(--rad-m); overflow-x: auto; margin:1.49em 0; color:#site-card; font-family: var(--ff-m); font-size:.87.96rem;}
.c-hero-thumb code {color:#036a56; font-family: var(--ff-m); font-size:.8.99em; padding:2px 7px; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; background: var(--bg-2);}
.c-hero-thumb pre code {color:inherit; background:none; padding:0;}
.c-hero-thumb table {font-size:.94.94rem; margin:1.58em 0; border-collapse:collapse; width:100%;}
.c-hero-thumb th, .c-hero-thumb td {contain:none; padding:15px 18px; text-align: left; border: 1px solid var(--edge);}
.c-hero-thumb th {font-weight:600; background: var(--bg-2); color: var(--head); font-family: var(--ff);}

/* share */
.breadcrumb--half {margin-top:32px; display: flex; flex-wrap: wrap; gap:16px; padding-top:20px; align-items: center; border-top: 1px solid var(--edge-2);}
.rating-hover {color: var(--head); font-size:.86.07rem; font-weight:600;}
.filter-bottom {background-blend-mode:normal; gap:5px; display: flex;}.pricePlaceholder{-moz-tab-size:4;display: inline-flex; justify-content: center; background: var(--bg-2); border: 1px solid var(--edge); height:41px; align-items: center; color: var(--text-2); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); border-top-left-radius:11px;border-top-right-radius:11px;border-bottom-right-radius:11px;border-bottom-left-radius:11px; tab-size:4; width:34px;}/* ---- comments (directly under article) ---------------------- */
.snackbar-indicator{border: 1px solid var(--edge-2); background: var(--bg); padding:28px; margin-top:28px; border-radius: var(--rad-l); box-shadow: var(--sh-s);}html .pricePlaceholder:hover{box-shadow:0 2px 10px rgba(9, 148, 76, 0.26); transform: translateY(-2px); perspective:none; background: var(--brand); color:#app-tooltip; border-color: var(--brand);}/* ---- forms & controls --------------------------------------- */
.card-data-last{margin-top:4px;}body .c-tooltip-column{gap:17px; display: grid; grid-template-columns: 1fr 1fr; margin-bottom:15px;}
.stepper-secondary-outlined {margin-bottom:16px;}
@media (max-width: 560px) { .c-tooltip-column {grid-template-columns: 1fr;} }

.c-block-addon {color: var(--text); background: var(--bg); font:inherit; font-size:.92.02rem; padding:8px 17px; transition: border-color var(--tr), box-shadow var(--tr); border: 1px solid var(--edge); border-radius: var(--rad-m);}

.c-block-addon {width:100%;}
.c-block-addon::placeholder {color:#app-hero;}.search-compact:not(._3778cc){line-height:1.6; min-height:133px;}.c-block-addon:focus{box-shadow: 0 0 0 3px var(--brand-l); outline:none; border-color: var(--brand);}.search-compact:not(._3778cc){resize: vertical;}

.moduleInner {border-radius: var(--rad-m); padding:11px 28px; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); display: inline-flex; gap:8px; font-size:.92.08rem; align-items: center; contain:none; font-weight:600; font:inherit; justify-content: center; white-space: nowrap; text-decoration-skip-ink:auto;}
.mr-xl {box-shadow:0 0px 13px rgba(40, 129, 87, 0.24); background: var(--brand); color:#app-tooltip;}
.mr-xl:hover {color:#app-tooltip; box-shadow:0 8px 16px rgba(29, 136, 108, 0.42); transform: translateY(-1px); background: var(--brand-d);}
.toolbar-value-odd {background:transparent; padding:12px 19px; color: var(--brand); border: 1.5px solid var(--brand);}
.toolbar-value-odd:hover {color:#app-tooltip; text-underline-offset:auto; background: var(--brand);}html .label-profile{color: var(--text); border: 1px solid var(--edge); will-change:auto; background: var(--bg-2); shape-margin:0;}
.label-profile:hover {background: var(--edge-2); color: var(--head);}
.card-prefix {flex: none; padding:0; width:46px;}*.c-panel-time{width:100%;}

.select-row-alt {margin-bottom:37px; box-shadow: var(--sh-s); align-items: start; gap:36px; background: var(--bg); display: grid; grid-template-columns: 1fr 1.25fr; border-radius: var(--rad-l); border: 1px solid var(--edge); padding:30px;}

/* ---- extras zone (everything else, pushed below content) ---- */
.gallerySecondary {border-top: 1px solid var(--edge); padding:57px 0; background: var(--bg-2);}
@media (max-width: 720px) { .select-row-alt {grid-template-columns: 1fr; gap:25px;} }
.c-hero-bar {font-size:.9.08rem; color: var(--text-2);}.spinner-outer-secondary{grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); gap:20px; display: grid;}
.carouselLabel {border: 1px solid var(--edge); box-shadow: var(--sh-s); border-radius: var(--rad-l); padding-top:29px;padding-right:29px;padding-bottom:29px;padding-left:29px; background: var(--bg);}
.modal-fixed {font-size:.85.04rem; color: var(--text-2); margin-bottom:15px;}

.c-reply-button {gap:13px; display: flex;}
.c-reply-button .c-block-addon {flex: 1;}

.c-tag-close {list-style: none;}
.c-tag-close li a {display: block; padding:12px 0; color: var(--text); border-bottom: 1px solid var(--edge-2); font-size:.88.02rem; transition: color var(--tr), padding-left var(--tr);}
.c-tag-close li:last-child a {border-bottom:none;}
.c-tag-close li a:hover {color: var(--brand); padding-left:1px;}/* ---- footer ------------------------------------------------- */
:where(.search-warning){background: var(--bg-3); border-top: 1px solid var(--edge);}
.toggle-toggle {padding:52px 0 33px;}html .c-gallery-item{display: grid; gap:35px; grid-template-columns: 1.6fr 1fr 1fr;}
@media (max-width: 760px) {.c-gallery-item{gap:27px; grid-template-columns: 1fr 1fr;} }
@media (max-width: 480px) { .c-gallery-item {grid-template-columns: 1fr;} }.app-panel:not(._3778cc){color: var(--text-2); margin-bottom:18px; font-size:.82.01rem; max-width:319px;}

.listColumn img {width:auto; height:28px; margin-bottom:16px;}
.table-active {list-style: none;}
.table-active li {margin-bottom:11px;}
.table-active a {color: var(--text-2); text-decoration-skip-ink:auto; font-size:.87.02rem; contain:none;}
.section-input {shape-margin:0; border-top: 1px solid var(--edge); text-align: center; padding:17px 0;}
.table-active a:hover {background-blend-mode:normal; color: var(--brand); font-variant-caps:normal;}
.section-input p {font-size:.7.95rem; color: var(--text-2);}/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.c-tabs-toggle:not(._3778cc){display: flex; gap:12px; list-style: none;}
.c-tabs-toggle a {border: 1px solid var(--edge); display: inline-flex; align-items: center; background: var(--bg-2); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); height:39px; color: var(--text-2); justify-content: center; border-radius: var(--rad-m); width:41px;}
.c-tabs-toggle a:hover {transform: translateY(-3px); background: var(--brand); color:#app-tooltip; border-color: var(--brand);}/* ---- back to top -------------------------------------------- */
:where(.toggle-alert){bottom:29px; box-shadow: var(--sh-m); height:43px; border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px; text-underline-offset:auto; width:44px; right:27px; color: var(--head); justify-content: center; position: fixed; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); align-items: center; z-index: 900; opacity:0; display: flex; transform: translateY(10px); background: var(--bg); border: 1px solid var(--edge); visibility: hidden;}.c-tabs-toggle svg{width:18px; height:19px;}
.toggle-alert.show {opacity:1; transform: none; visibility: visible;}
.toggle-alert:hover {color:#app-tooltip; background: var(--brand); border-color: var(--brand); transform: translateY(-2px);}

/* ---- cookie ------------------------------------------------- */
.popover__preview {z-index: 1100; right:0; background: var(--head); transform: translateY(100%); left:0; padding:12px 0; bottom:0; position: fixed; transition:transform 0.362s ease; color:rgba(255, 246, 253, 0.8);}.popover__preview.show:not(._3778cc){isolation:auto; transform: none; text-decoration-skip-ink:auto;}
.subtitle-dropdown {gap:23px; justify-content: space-between; display: flex; align-items: center;}
.popover__preview p {font-size:.84.94rem; line-height:1.5;}
.popover__preview a {color:#6fd2ba;}
.popover__preview .moduleInner {flex: none;}
@media (max-width: 600px) { .subtitle-dropdown {print-color-adjust:economy; text-align: center; backface-visibility:visible; flex-direction: column;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.c-toolbar-zone {align-items: center; display: flex; inset:0; justify-content: center; padding:22px; opacity:0; visibility: hidden; position: fixed; z-index: 1300; mix-blend-mode:normal; transition:opacity 0.225s ease, visibility 0.229s ease;}
.c-toolbar-zone:target {opacity:1; visibility: visible;}body .c-badge-meta{box-shadow: var(--sh-l); background: var(--bg); width:100%; border-radius: var(--rad-l); transition:transform 0.304s ease; position: relative; padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px; max-width:406px; transform: translateY(14px) scale(.98);}
.featurePlaceholder {text-underline-offset:auto; hyphens:manual; inset:0; position: absolute; background:rgba(11, 25, 31, 0.48); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px);}html .c-tabs-cap{height:38px; color: var(--text-2); width:35px; transition: background var(--tr), color var(--tr); position: absolute; top:12px; border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px; right:13px; line-height:1; display: flex; font-size:19px; align-items: center; justify-content: center;}
.c-toolbar-zone:target .c-badge-meta {transform: none;}
.c-step-holder {font-size:.85.02rem; color: var(--text-2); margin-bottom:19px;}*.c-tabs-cap:hover{color: var(--head); background: var(--bg-2);}
.modal-inverse {color: var(--text-2); text-align: center; font-size:.84.93rem; margin-top:14px;}/* ---- reveal ------------------------------------------------- */
:where(.cell-stepper){widows:2; transition:opacity 0.544s ease, transform 0.591s ease; transform: translateY(22px); text-rendering:auto; opacity:0;}
.cell-stepper.in {opacity:1; transform: none;}

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

@media print {
  .dropdown-name-empty, .c-menu-cap, .breadcrumb--half, .snackbar-indicator, .gallerySecondary, .toggle-alert, .popover__preview, .c-toolbar-zone, .c-dialog-region {display: none !important;}
  .entry-secondary-narrow {max-width:100%;}.media-hover{hyphens:manual; border:0rem; contain:none; padding:0; box-shadow:none;}
  body {font-size:12pt;}
}