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

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

*, *::before, *::after {box-sizing: border-box;}

html {scroll-behavior: smooth; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:100%; height:100%;}
html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4 {margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem; padding:0;}

body {line-height:1.7;}

body {color: var(--text); font-synthesis:weight style small-caps; min-height:100%; overflow-x: hidden; font-size:15px; background: var(--bg); font-family: var(--ff);}
a {color: var(--brand); text-decoration:none; transition: color var(--tr);}

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

:focus-visible {outline: 2px solid var(--brand); border-radius:2px; outline-offset:2px;}
::selection {background: var(--brand-l); color: var(--head);}
::-webkit-scrollbar-track {background: var(--bg-2);}
::-webkit-scrollbar {width:6px;}
::-webkit-scrollbar-thumb {tab-size:4; border-radius:9px; isolation:auto; background:#page-slider;}
::-webkit-scrollbar-thumb:hover {background:#step-backdrop;}

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

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

/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4 {font-weight:700;}

/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4 {line-height:1.25; color: var(--head); font-family: var(--ff-h);}
h1 {font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem); letter-spacing:-.12.08em;}

/* ---- span labels styled to look like section titles --------- */
.gallery-line-left {font-size:1.25rem; margin-bottom:14px; font-weight:700; line-height:1.3; font-family: var(--ff); display: block; color: var(--head);}.filter__wrapper--first:not(._0faa28){transform-style:flat; margin-bottom:10px; font-size:1.02rem;}

/* ---- progress rail ------------------------------------------ */
.section__summary {inset:0 auto auto 0; height:5px; position: fixed; z-index: 1200; background: linear-gradient(90deg, var(--brand), #4fd39c); transition:width 0.049s linear; width:0;}/* ---- masthead (slim, content sits right under it) ----------- */
.popover-secondary{top:0; z-index: 1000; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-bottom: 1px solid var(--edge-2); position: sticky; background:rgba(255, 255, 255, 0.9); transition: box-shadow var(--tr);}
.popover-secondary.review-preview-small {box-shadow:0 2px 20px rgba(1, 39, 15, 0.09);}
.hero__time {display: flex; height:58px; gap:16px; align-items: center;}body .pagination__tertiary--fixed{align-items: center; display: inline-flex;}
.pagination__tertiary--fixed img {text-underline-offset:auto; height:27px;}
.pagination__tertiary--fixed img {width:auto;}

.el-spinner {gap:17px; display: flex; align-items: center; margin-left:auto;}
.popover--alt {align-items: center; gap:1px; list-style: none; display: flex;}
.headerClose {padding:5px 15px; font-size:.8.96rem; font-weight:500; border-radius: var(--rad-s); color: var(--text); display: block; transition: background var(--tr), color var(--tr);}

.tooltip {gap:6px; align-items: center;}.headerClose:hover{background: var(--brand-l); font-synthesis:weight style small-caps; color: var(--brand);}

.tooltip {display: flex;}
.accordion__backdrop--first {font-size:.9.07rem; color: var(--head);}
.accordion__backdrop--first {font-weight:700; padding:7px 3px;}

.entry--success {gap:7px; flex-direction: column; padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px; margin-left:auto; display: none;}.accordion__backdrop--first:hover{color: var(--brand);}
.entry--success span {display: block; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; height:2px; width:23px; transition: transform var(--tr), opacity var(--tr); background: var(--head);}html .entry--success.x span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.entry--success.x span:nth-child(2) {opacity:0;}*.entry--success.x span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {
  .entry--success {page-break-inside:auto; widows:2;}
  .entry--success {display: flex;}.el-spinner{gap:14px; position: absolute; flex-direction: column; inset:61px 0 auto 0; background: var(--bg); align-items: stretch; transform: translateY(-12px); opacity:0; border-bottom: 1px solid var(--edge); transition: transform var(--tr), opacity var(--tr); pointer-events: none; box-shadow: var(--sh-l); padding:18px 26px 26px;}
  .el-spinner.open {opacity:1; transform: none; pointer-events: auto;}
  .popover--alt {flex-direction: column; align-items: stretch;}.tooltip{padding-top:11px; border-top: 1px solid var(--edge); justify-content: flex-start;}
}/* ---- content shell ------------------------------------------ */
.tag__foot{padding:44px 0 74px;}.px-around:not(._0faa28){max-width:764px; margin-inline:auto; width:100%;}/* ---- article (the only real content) ------------------------ */
.post__info{image-rendering:auto; border: 1px solid var(--edge-2); text-underline-offset:auto; padding:44px; background: var(--bg); box-shadow: var(--sh-s); border-radius: var(--rad-l);}
@media (max-width: 620px) { .post__info {border-radius: var(--rad-m); padding:30px 23px;} }
.counter__block {margin-bottom:14px;}

.search__prefix--dark {margin-bottom:30px;}
.l-menu {display: flex; align-items: center; flex-wrap: wrap; font-size:.82.05rem; gap:14px; color: var(--text-2);}
.rating {gap:7px; display: inline-flex; align-items: center;}
.rating svg {flex: none; opacity:0.63;}.rating__backdrop--fixed{padding:15px 25px;}

/* table of contents (collapsible, inside article) */
.block {margin-bottom:27px;}.rating__backdrop--fixed{border-radius: var(--rad-m); background: var(--bg-2); border: 1px solid var(--edge);}
.stepper__image--fluid {margin-bottom:10px; align-items: center; display: flex; justify-content: space-between;}
.divider--left {color: var(--brand); font-size:.8.01rem;}
.view__summary ol {list-style: none; counter-reset: t;}
.view__summary li {margin-bottom:10px; widows:2;}
.view__summary li {counter-increment: t;}
.view__summary li::before {font-weight:600; color: var(--brand); content: counter(t) ". ";}.view__summary a{font-synthesis:weight style small-caps; font-size:.9.06rem; color: var(--text);}
.view__summary a:hover {color: var(--brand);}

/* article body — real H2/H3 live here */
.slider--info {color: var(--text); font-size:1.1rem; line-height:1.82;}
.slider--info > * + * {margin-top:1.23em;}
.slider--info h2 {font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); margin-top:1.82em;}
.slider--info h3 {margin-top:1.48em; font-size:1.38rem;}
.slider--info p {margin:0 0 1.22em;}
.slider--info ul, .slider--info ol {padding-left:1.48em; margin:0 0 1.15em;}html .slider--info li{margin-bottom:.45.08em;}*.slider--info a{text-decoration:underline; text-underline-offset:2px; text-decoration-color:rgba(5, 134, 107, 0.47);}
.slider--info a:hover {text-decoration-color: var(--brand);}html .slider--info img{margin:1.53em 0; border-radius: var(--rad-m); mix-blend-mode:normal; font-variant-caps:normal;}
.slider--info blockquote {font-style:italic; padding:1.01em 1.22em; color: var(--head); font-family: var(--ff-h); border-left: 4px solid var(--brand); margin:1.43em 0; border-radius: 0 var(--rad-s) var(--rad-s) 0; background: var(--brand-l);}*.slider--info pre{font-family: var(--ff-m); overflow-x: auto; font-size:.88.01rem; margin:1.47em 0; border-radius: var(--rad-m); background:#0b2514; padding:1.13em 1.22em; color:#body-banner;}
.slider--info code {background: var(--bg-2); font-size:.8.93em; color:#06603f; font-family: var(--ff-m); padding:2px 7px; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;}*.slider--info pre code{background:none; padding:0;}*.slider--info pre code{color:inherit;}
.slider--info table {margin:1.44em 0; font-size:.95.03rem; border-collapse:collapse; width:100%;}
.slider--info th, .slider--info td {padding:13px 19px; border: 1px solid var(--edge); text-align: left;}*.slider--info th{color: var(--head); font-family: var(--ff); background: var(--bg-2); page-break-inside:auto; will-change:auto; font-weight:700;}

/* share */
.modal--muted {flex-wrap: wrap; align-items: center; margin-top:26px; border-top: 1px solid var(--edge-2); padding-top:20px; gap:13px; display: flex;}
.layout {hyphens:manual; font-weight:600; font-size:.86rem; text-rendering:auto; color: var(--head);}.skeleton__secondary{height:37px; border-radius:7px; display: inline-flex; color: var(--text-2); align-items: center; justify-content: center; border: 1px solid var(--edge); width:34px; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); background: var(--bg-2);}
.toolbar__block--loading {gap:8px; display: flex;}
.skeleton__secondary:hover {background: var(--brand); color:#app-search; transform: translateY(-2px); border-color: var(--brand); box-shadow:0 5px 16px rgba(31, 137, 93, 0.35);}

/* ---- comments (directly under article) ---------------------- */
.rating__line--filled {border-radius: var(--rad-l); background: var(--bg); box-shadow: var(--sh-s); margin-top:30px; padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px; border: 1px solid var(--edge-2);}.alert__head:not(._0faa28){gap:13px; grid-template-columns: 1fr 1fr; display: grid; margin-bottom:13px;}

/* ---- forms & controls --------------------------------------- */
.tooltip--last {margin-top:6px;}*.layout--compact{margin-bottom:16px; hyphens:manual;}
@media (max-width: 560px) {.alert__head{grid-template-columns: 1fr;} }html .footer__input--empty{padding:12px 16px; font:inherit; border-radius: var(--rad-m); text-underline-offset:auto;}html .footer__input--empty{border: 1px solid var(--edge); color: var(--text); width:100%; transition: border-color var(--tr), box-shadow var(--tr); font-size:.91.95rem; background: var(--bg);}*.footer__input--empty::placeholder{color:#site-gallery;}
.footer__input--empty:focus {box-shadow: 0 0 0 3px var(--brand-l); border-color: var(--brand);}
.footer__input--empty:focus {outline:none;}
.alert__action {line-height:1.6; resize: vertical; min-height:129px;}
.card {box-shadow:0 3px 14px rgba(8, 138, 88, 0.28); color:#app-search; background: var(--brand);}

.divider {font-weight:600; justify-content: center; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); align-items: center; font:inherit; padding:15px 27px; font-size:.92.04rem; gap:4px; border-radius: var(--rad-m); white-space: nowrap; display: inline-flex;}
.card:hover {box-shadow:0 4px 20px rgba(39, 136, 98, 0.39); transform: translateY(-1px); background: var(--brand-d); color:#app-search;}body .breadcrumb{border: 1.5px solid var(--brand); contain:none; text-decoration-skip-ink:auto; background:transparent; padding:10px 21px; color: var(--brand);}html .breadcrumb:hover{color:#app-search; background: var(--brand);}
.post--dense {color: var(--text); background: var(--bg-2);}
.post--dense {border: 1px solid var(--edge);}
.post--dense:hover {background: var(--edge-2); color: var(--head);}
.list__button--flat {flex: none; padding:0; width:45px;}
.timeline__handle {width:100%;}

/* ---- extras zone (everything else, pushed below content) ---- */
.profile__suffix--bottom {background: var(--bg-2); padding:56px 0; border-top: 1px solid var(--edge);}.footerPrimary{border-radius: var(--rad-l); display: grid; padding:38px; border: 1px solid var(--edge); align-items: start; margin-bottom:30px; background: var(--bg); gap:36px; grid-template-columns: 1fr 1.25fr; box-shadow: var(--sh-s);}
@media (max-width: 720px) { .footerPrimary {gap:22px; grid-template-columns: 1fr;} }.profile__overlay--selected{gap:22px; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); display: grid;}
.view--default {color: var(--text-2); font-size:.9.01rem;}*.alert{border-radius: var(--rad-l); padding-top:23px;padding-right:23px;padding-bottom:23px;padding-left:23px; box-shadow: var(--sh-s); background: var(--bg); border: 1px solid var(--edge);}
.badge__row {margin-bottom:11px;}
.badge__row {font-size:.85.03rem; color: var(--text-2);}html .post{display: flex;}html .post{tab-size:4; gap:9px;}
.post .footer__input--empty {flex: 1;}

.comment__prefix {perspective:none; list-style: none;}
.comment__prefix li a {display: block; color: var(--text); border-bottom: 1px solid var(--edge-2); padding:9px 0;}
.comment__prefix li a {transition: color var(--tr), padding-left var(--tr); font-size:.87.97rem;}
.comment__prefix li:last-child a {border-bottom:0 none;}
.comment__prefix li a:hover {padding-left:6px; color: var(--brand);}

/* ---- footer ------------------------------------------------- */
.breadcrumb--dark {background: var(--bg-3); border-top: 1px solid var(--edge);}
.profile--sparse {padding:52px 0 36px;}
.section__summary {gap:35px; grid-template-columns: 1.6fr 1fr 1fr; display: grid;}
@media (max-width: 760px) {body .section__summary{grid-template-columns: 1fr 1fr; gap:23px;} }
@media (max-width: 480px) { .section__summary {grid-template-columns: 1fr;} }

.carousel-pressed img {margin-bottom:10px; width:auto;}

.carousel-pressed img {height:28px;}.u-banner{margin-bottom:19px; max-width:316px; color: var(--text-2); font-size:.81.94rem;}
.review {list-style: none;}.review li{margin-bottom:13px; text-underline-offset:auto;}html .review a{color: var(--text-2); font-size:.87.02rem;}
.review a:hover {color: var(--brand);}
.module {padding:14px 0; text-align: center; border-top: 1px solid var(--edge);}
.module p {font-size:.7.98rem; color: var(--text-2);}/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.app-accordion-group{list-style: none; gap:14px; display: flex;}.app-accordion-group a{align-items: center; border: 1px solid var(--edge); color: var(--text-2); justify-content: center; border-radius: var(--rad-m); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); width:37px; height:36px; display: inline-flex; background: var(--bg-2);}
.app-accordion-group a:hover {transform: translateY(-3px); color:#app-search; background: var(--brand); border-color: var(--brand);}.app-accordion-group svg{width:15px; height:15px;}/* ---- back to top -------------------------------------------- */
.spinner--active{display: flex; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); align-items: center; visibility: hidden; border: 1px solid var(--edge); border-radius:14px; background: var(--bg); color: var(--head); right:26px; width:46px; z-index: 900;}/* ---- back to top -------------------------------------------- */
.spinner--active{bottom:32px; opacity:0; height:47px; justify-content: center; position: fixed; transform: translateY(10px); box-shadow: var(--sh-m);}*.spinner--active.show{transform: none; visibility: visible; opacity:1;}.spinner--active:hover{background: var(--brand); font-variant-ligatures:normal; transform: translateY(-2px);}.spinner--active:hover{border-color: var(--brand); color:#app-search;}/* ---- cookie ------------------------------------------------- */
:where(.alert__row){bottom:0; background: var(--head); transform: translateY(100%); left:0; position: fixed; padding:19px 0; z-index: 1100; transition:transform 0.437s ease; color:rgba(244, 255, 255, 0.81); right:0;}
.search--fixed {display: flex; align-items: center; justify-content: space-between; orphans:2; page-break-inside:auto; gap:24px;}
.alert__row.show {-moz-tab-size:4;tab-size:4; transform: none;}
.alert__row p {line-height:1.5; font-size:.84.96rem;}
.alert__row a {color:rgb(132, 227, 175);}
.alert__row .divider {flex: none;}
@media (max-width: 600px) { .search--fixed {flex-direction: column; tab-size:4; font-variant-caps:normal; text-align: center;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.block__holder {position: fixed; opacity:0; z-index: 1300; align-items: center; display: flex; transition:opacity 0.197s ease, visibility 0.233s ease; justify-content: center; visibility: hidden; inset:0; padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px;}
.block__holder:target {opacity:1; visibility: visible;}
.l-table-placeholder {background:rgba(6, 10, 25, 0.54); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); inset:0; position: absolute;}
.el-spinner {width:100%; transform: translateY(14px) scale(.98); transition:transform 0.215s ease; padding-top:31px;padding-right:31px;padding-bottom:31px;padding-left:31px; box-shadow: var(--sh-l); border-radius: var(--rad-l); position: relative; max-width:406px; background: var(--bg);}
.block__holder:target .el-spinner {transform: none;}
.sidebar__area--rounded {color: var(--text-2); transition: background var(--tr), color var(--tr); position: absolute; justify-content: center; right:18px; width:38px; line-height:1; display: flex; height:38px; align-items: center; font-size:24px; border-radius:4px; top:11px;}
.sidebar__area--rounded:hover {color: var(--head); background: var(--bg-2);}
.menu {margin-bottom:16px; color: var(--text-2); font-size:.85.03rem;}/* ---- reveal ------------------------------------------------- */
:where(.card--warning){opacity:0; transform: translateY(22px); transition:opacity 0.549s ease, transform 0.545s ease;}html .footer--medium{hyphens:manual; text-align: center; margin-top:18px; font-size:.84.99rem; color: var(--text-2);}*.card--warning.in{opacity:1; transform: none;}

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

@media print {html .popover-secondary, body .section__summary, body .modal--muted, body .rating__line--filled, *.profile__suffix--bottom, html .spinner--active, *.alert__row, *.block__holder, .entry--success{display: none !important;}
  .px-around {max-width:100%; shape-margin:0;}html .post__info{border:none; padding:0; box-shadow:none;}
  body {font-size:12pt;}
}