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

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

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

html {height:100%; text-decoration-skip-ink:auto; -webkit-font-smoothing:antialiased; break-inside:auto; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:100%; scroll-behavior: smooth;}html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4{padding:0; margin:0;}

img, svg {display: block; max-width:100%; height:auto; transform-style:flat; mix-blend-mode:normal;}

body {line-height:1.7; color: var(--text); min-height:100%; background: var(--bg); font-family: var(--ff); font-size:14px; overflow-x: hidden;}
a {text-decoration:none; transition: color var(--tr); color: var(--brand);}
a:hover {color: var(--brand-d); background-blend-mode:normal;}
button {font-family:inherit; border:none 0; cursor: pointer; background:none;}

:focus-visible {outline: 2px solid var(--brand); border-radius:4px; outline-offset:2px;}
::selection {background: var(--brand-l); color: var(--head);}
::-webkit-scrollbar {width:13px;}
::-webkit-scrollbar-track {background: var(--bg-2);}::-webkit-scrollbar-thumb{page-break-inside:auto; word-spacing:normal;}::-webkit-scrollbar-thumb{background:#skeleton_dot; border-radius:6px;}
::-webkit-scrollbar-thumb:hover {background:#page-header;}body .select-compact{width:1px; height:1px; font-synthesis:weight style small-caps; clip:rect(0,0,0,0); position: absolute;}body .select-compact{border:0 none; margin:-1px; padding:0; white-space: nowrap; widows:2; overflow: hidden;}.float-end{margin-inline:auto; max-width: var(--max); width:100%; padding-inline:22px;}/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4{font-weight:700; font-family: var(--ff-h); line-height:1.25; color: var(--head);}

/* ---- span labels styled to look like section titles --------- */
.tracking-auto {line-height:1.3; display: block; color: var(--head); font-size:1.25rem; font-family: var(--ff); margin-bottom:17px; font-weight:bold;}
h1 {font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem); letter-spacing:-.11.98em;}.image-counter{font-size:1.01rem; margin-bottom:15px;}

/* ---- progress rail ------------------------------------------ */
.position-sm {inset:0 auto auto 0; transition:width 0.099s linear;}

/* ---- progress rail ------------------------------------------ */
.position-sm {width:0; z-index: 1200; background: linear-gradient(90deg, var(--brand), #4fd39c); position: fixed; height:0px;}

/* ---- masthead (slim, content sits right under it) ----------- */
.page-image-outlined {-webkit-backdrop-filter:blur(10px); background:rgba(255, 248, 255, 0.92); z-index: 1000; border-bottom: 1px solid var(--edge-2); position: sticky; top:0rem; backdrop-filter:blur(10px); transition: box-shadow var(--tr);}
.page-image-outlined.badge-tertiary {box-shadow:0 2px 14px rgba(3, 29, 42, 0.08);}.snackbar-pressed:not(._3221ba){gap:15px; align-items: center; display: flex; height:57px;}

.spinner-large {display: inline-flex; align-items: center;}

.list-backdrop-odd {gap:18px; display: flex; align-items: center; margin-left:auto;}.spinner-large img{height:27px; width:auto;}
.c-page-backdrop {align-items: center; gap:7px; list-style: none; display: flex;}
.avatar-summary-top {display: block; font-size:.9.07rem; color: var(--text); transition: background var(--tr), color var(--tr); font-weight:500; border-radius: var(--rad-s); padding:12px 11px;}
.avatar-summary-top:hover {transform-style:flat; color: var(--brand); background: var(--brand-l);}

.grid-inner-full {gap:6px; display: flex; align-items: center;}
.badge-action {font-weight:600; font-size:.9.04rem; color: var(--head); padding:9px 4px;}
.badge-action:hover {color: var(--brand);}

.app-modal {display: none; margin-left:auto; flex-direction: column;}

.app-modal {gap:9px; padding:10px;}
.app-modal span {border-radius:2px; background: var(--head); width:22px; display: block; transition: transform var(--tr), opacity var(--tr); height:2px;}
.app-modal.x span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.app-modal.x span:nth-child(2) {opacity:0;}
.app-modal.x span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {.app-modal:not(._3221ba){display: flex;}
  .list-backdrop-odd {page-break-inside:auto; inset:61px 0 auto 0; align-items: stretch; border-bottom: 1px solid var(--edge); opacity:0; box-shadow: var(--sh-l); pointer-events: none; gap:11px; transition: transform var(--tr), opacity var(--tr); transform: translateY(-12px); background: var(--bg); padding:22px 20px 25px; flex-direction: column; position: absolute;}
  .list-backdrop-odd.open {transform: none; opacity:1; pointer-events: auto;}
  .c-page-backdrop {align-items: stretch; tab-size:4; flex-direction: column;}
  .grid-inner-full {border-top: 1px solid var(--edge); justify-content: flex-start; padding-top:10px;}
}

/* ---- content shell ------------------------------------------ */
.action-sticky {padding:37px 0 74px;}
.page-slot {width:100%; max-width:763px;}
.page-slot {margin-inline:auto;}/* ---- article (the only real content) ------------------------ */
.postCap{box-shadow: var(--sh-s); border-radius: var(--rad-l); border: 1px solid var(--edge-2); background: var(--bg); padding:46px;}
@media (max-width: 620px) { .postCap {border-radius: var(--rad-m); padding:29px 17px;} }

.c-chip-fill {font-variant-ligatures:normal; font-variant-caps:normal; margin-bottom:28px;}
.feature-addon {align-items: center; display: flex; font-size:.82.07rem; color: var(--text-2); flex-wrap: wrap; gap:18px;}
.toggle-fixed {margin-bottom:14px;}
.c-layout-prefix {display: inline-flex; mix-blend-mode:normal; align-items: center; gap:8px;}
.c-layout-prefix svg {opacity:0.62; flex: none;}body .entry-outer{border-radius: var(--rad-m); padding:22px 23px; background: var(--bg-2); border: 1px solid var(--edge);}

/* table of contents (collapsible, inside article) */
.form-wrap-default {margin-bottom:27px;}*.group-breadcrumb{justify-content: space-between; margin-bottom:7px; align-items: center; display: flex;}
.px-end {font-size:.8.04rem; color: var(--brand);}.order-auto ol{counter-reset: t; list-style: none;}
.order-auto li {counter-increment: t; margin-bottom:9px;}.order-auto li::before{color: var(--brand); content: counter(t) ". "; font-weight:700;}
.order-auto a {color: var(--text); font-size:.8.96rem;}html .order-auto a:hover{background-blend-mode:normal; word-spacing:normal; color: var(--brand);}

/* article body — real H2/H3 live here */
.list-active {line-height:1.82; color: var(--text); font-size:1.07rem;}body .list-active > * + *{margin-top:1.17em;}.list-active h2{font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); will-change:auto; widows:2; margin-top:1.95em;}
.list-active h3 {margin-top:1.43em; background-blend-mode:normal; font-size:1.31rem;}*.list-active p{margin:0 0 1.2em; word-spacing:normal;}*.list-active ul, html .list-active ol{padding-left:1.49em; margin:0 0 1.23em;}
.list-active li {margin-bottom:.44.98em;}
.list-active a {text-underline-offset:2px; text-decoration-color:rgba(35, 130, 85, 0.44); text-decoration:underline;}
.list-active a:hover {text-decoration-color: var(--brand);}body .list-active img{border-radius: var(--rad-m); margin:1.44em 0;}.list-active blockquote{font-style:italic; margin:1.42em 0; font-family: var(--ff-h); color: var(--head); border-left: 4px solid var(--brand); background: var(--brand-l); padding:1.01em 1.38em; border-radius: 0 var(--rad-s) var(--rad-s) 0;}
.list-active pre {overflow-x: auto; font-family: var(--ff-m); padding:1.19em 1.35em; margin:1.44em 0; color:#image-banner; background:#15362a; font-size:.87.96rem; border-radius: var(--rad-m);}body .list-active code{padding:2px 10px; background: var(--bg-2); font-size:.9.01em; border-radius:6px; font-family: var(--ff-m); color:#176743;}
.list-active pre code {color:inherit; background:none; padding:0;}
.list-active table {border-collapse:collapse; font-size:.95.08rem; margin:1.5em 0; width:100%;}
.list-active th, .list-active td {padding:13px 13px; border: 1px solid var(--edge); text-align: left;}
.list-active th {background: var(--bg-2); font-family: var(--ff); color: var(--head); font-weight:600;}/* share */
.hero-center{widows:2; align-items: center; padding-top:25px; flex-wrap: wrap; gap:13px; orphans:2; display: flex; margin-top:26px; border-top: 1px solid var(--edge-2);}html .toggle-card{gap:5px; display: flex;}body .breadcrumb-large{color: var(--head); font-size:.85.99rem; backface-visibility:visible; font-weight:500; transform-style:flat;}.layout-odd{width:37px; color: var(--text-2); backface-visibility:visible; display: inline-flex; background: var(--bg-2); border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px; height:38px; font-variant-caps:normal; border: 1px solid var(--edge); justify-content: center; align-items: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr);}

/* ---- comments (directly under article) ---------------------- */
.tabs-name-empty {box-shadow: var(--sh-s); font-variant-ligatures:normal; border: 1px solid var(--edge-2); border-radius: var(--rad-l); padding:36px; background: var(--bg); margin-top:27px;}
.layout-odd:hover {transform: translateY(-2px); background: var(--brand); box-shadow:0 6px 14px rgba(11, 136, 85, 0.32); color:#app-hero; border-color: var(--brand);}

/* ---- forms & controls --------------------------------------- */
.sort-inner {margin-top:7px;}
.slot-counter {grid-template-columns: 1fr 1fr;}
.slot-counter {margin-bottom:13px; display: grid; gap:15px;}*.leading-24{margin-bottom:11px;}
@media (max-width: 560px) { .slot-counter {grid-template-columns: 1fr;} }.c-pagination-extra{transition: border-color var(--tr), box-shadow var(--tr); border-radius: var(--rad-m); padding:9px 18px; font-size:.91.96rem; background: var(--bg); width:100%; color: var(--text); border: 1px solid var(--edge); font:inherit;}
.c-pagination-extra::placeholder {color:#page-review;}
.c-pagination-extra:focus {box-shadow: 0 0 0 3px var(--brand-l); outline:none; border-color: var(--brand); widows:2;}

.c-banner-inner {transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); align-items: center;}.moduleBlock{transform-style:flat; min-height:126px; resize: vertical; line-height:1.6;}.snackbar-body{box-shadow:0 7px 15px rgba(11, 140, 90, 0.22); color:#app-hero; background: var(--brand);}

.c-banner-inner {font-size:.91.94rem; white-space: nowrap; justify-content: center; font:inherit; font-weight:700; border-radius: var(--rad-m); gap:6px; padding:7px 20px; display: inline-flex;}
.snackbar-body:hover {background: var(--brand-d); color:#app-hero; transform: translateY(-1px);}
.snackbar-body:hover {box-shadow:0 2px 22px rgba(22, 158, 99, 0.38);}html .preview-header{padding:6px 19px; background:transparent; color: var(--brand); border: 1.5px solid var(--brand);}
.preview-header:hover {isolation:auto; color:#app-hero;}
.preview-header:hover {background: var(--brand);}
.dialogBody {background: var(--bg-2); border: 1px solid var(--edge); color: var(--text);}*.chip-fill{width:49px; padding:0;}
.dialogBody:hover {background: var(--edge-2); color: var(--head);}*.chip-fill{flex: none;}
.inner-progress {width:100%;}

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

.badgeSuffix {border: 1px solid var(--edge); gap:37px; grid-template-columns: 1fr 1.25fr; background: var(--bg); display: grid; border-radius: var(--rad-l); padding-top:35px;padding-right:35px;padding-bottom:35px;padding-left:35px; align-items: start; box-shadow: var(--sh-s); margin-bottom:35px;}
@media (max-width: 720px) {.badgeSuffix{grid-template-columns: 1fr; gap:21px;} }
.status-tertiary {color: var(--text-2); font-size:.9.06rem;}
.t-block {box-shadow: var(--sh-s); border: 1px solid var(--edge); background: var(--bg); widows:2; border-radius: var(--rad-l); padding:29px; isolation:auto;}.c-sort-date{display: grid; gap:23px; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));}.gallery-hover:not(._3221ba){color: var(--text-2); font-size:.84.92rem; margin-bottom:12px;}html .card{gap:9px; display: flex;}.card :where(.c-pagination-extra){flex: 1;}

.filter-default {list-style: none;}
.filter-default li a {color: var(--text);}
.filter-default li a {padding:10px 0; display: block; transition: color var(--tr), padding-left var(--tr); font-size:.87.99rem; font-variant-caps:normal; border-bottom: 1px solid var(--edge-2);}
.filter-default li:last-child a {border-bottom:none;}
.filter-default li a:hover {color: var(--brand); padding-left:0px;}

/* ---- footer ------------------------------------------------- */
.review-odd {background: var(--bg-3); border-top: 1px solid var(--edge);}body .list-input{gap:35px; text-rendering:auto; display: grid; grid-template-columns: 1.6fr 1fr 1fr;}
.bar-divider {padding:54px 0 36px;}
@media (max-width: 760px) {.list-input{grid-template-columns: 1fr 1fr; isolation:auto;}.list-input{gap:22px;} }
@media (max-width: 480px) { .list-input {grid-template-columns: 1fr;} }

.handle-list img {margin-bottom:18px; width:auto; height:31px;}
.preview-view {margin-bottom:12px; font-size:.81.99rem; max-width:323px; color: var(--text-2);}
.c-rating-addon {list-style: none;}
.c-rating-addon li {margin-bottom:13px;}
.c-rating-addon a {word-spacing:normal; font-size:.86.97rem; color: var(--text-2);}
.c-rating-addon a:hover {color: var(--brand);}
.indicator-dropdown {border-top: 1px solid var(--edge); text-align: center;}
.indicator-dropdown {padding:22px 0;}
.indicator-dropdown p {font-size:.7.97rem; color: var(--text-2);}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.search-medium {list-style: none; display: flex; gap:14px;}
.search-medium a {border-radius: var(--rad-m); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); border: 1px solid var(--edge); display: inline-flex; align-items: center; color: var(--text-2); background: var(--bg-2); height:34px; text-underline-offset:auto; width:39px; justify-content: center;}html .search-medium a:hover{color:#app-hero; transform: translateY(-3px); border-color: var(--brand); background: var(--brand);}/* ---- back to top -------------------------------------------- */
.c-panel-holder:not(._3221ba){bottom:25px; position: fixed; display: flex; border: 1px solid var(--edge); width:47px; background: var(--bg); align-items: center; color: var(--head); border-radius:10px; page-break-inside:auto; visibility: hidden; transform: translateY(10px); z-index: 900; right:32px; justify-content: center; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); opacity:0; image-rendering:auto; box-shadow: var(--sh-m); height:45px;}.search-medium svg{height:15px; width:16px;}
.c-panel-holder.show {opacity:1; transform: none; visibility: visible;}

/* ---- cookie ------------------------------------------------- */
.stepper-wide {position: fixed; right:0; background: var(--head); left:0; color:rgba(255, 255, 255, 0.81); padding:15px 0; bottom:0; transform: translateY(100%); transition:transform 0.381s ease; z-index: 1100;}
.c-panel-holder:hover {color:#app-hero; background: var(--brand); transform: translateY(-2px); border-color: var(--brand);}
.stepper-wide.show {transform: none;}
.divider-content {align-items: center; gap:22px; justify-content: space-between; display: flex;}
.stepper-wide p {word-spacing:normal; line-height:1.5;}
.stepper-wide p {font-size:.85.07rem;}
.stepper-wide a {color:hsl(158, 51.4%, 66.9%);}
.stepper-wide .c-banner-inner {flex: none;}
@media (max-width: 600px) { .divider-content {flex-direction: column; text-align: center;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.info-tooltip {opacity:0; inset:0; justify-content: center; align-items: center; z-index: 1300; visibility: hidden; padding:19px; display: flex; transition:opacity 0.255s ease, visibility 0.307s ease; position: fixed;}
.info-tooltip:target {opacity:1; visibility: visible;}*.step-body{position: absolute; inset:0; background:rgba(0, 25, 5, 0.53); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);}
.list-close {box-shadow: var(--sh-l); position: relative; width:100%; background: var(--bg); padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px; transition:transform 0.298s ease; transform: translateY(14px) scale(.98); max-width:408px; border-radius: var(--rad-l);}
.info-tooltip:target .list-close {transform: none;}
.text-rating {line-height:1; height:37px; page-break-inside:auto; top:13px; right:18px; transition: background var(--tr), color var(--tr); position: absolute; width:36px; color: var(--text-2); border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px; display: flex; justify-content: center; font-size:19px; align-items: center;}
.text-rating:hover {background: var(--bg-2); color: var(--head);}
.panel-zone {color: var(--text-2); font-size:.84.92rem; margin-bottom:14px;}
.tabs-icon-fluid {font-size:.84.99rem; margin-top:12px; text-align: center; color: var(--text-2);}/* ---- reveal ------------------------------------------------- */
.c-banner-outer{transform: translateY(22px); opacity:0; transition:opacity 0.61s ease, transform 0.559s ease;}
.c-banner-outer.in {opacity:1; transform: none;}

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

@media print {
  .page-image-outlined, .position-sm, .hero-center, .tabs-name-empty, .stepper-region-muted, .c-panel-holder, .stepper-wide, .info-tooltip, .app-modal {display: none !important;}
  .page-slot {max-width:100%;}.postCap{border:none; padding:0; box-shadow:none;}
  body {font-size:12pt;}
}