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

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

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

html {-webkit-text-size-adjust:100%; scroll-behavior: smooth; -webkit-font-smoothing:antialiased; height:100%; -moz-osx-font-smoothing:grayscale;}img, svg{display: block; height:auto; max-width:100%;}

body {color: var(--text); background: var(--bg); font-family: var(--ff); orphans:2; overflow-x: hidden; min-height:100%; font-size:14px; line-height:1.7; text-decoration-skip-ink:auto;}
a {color: var(--brand); transition: color var(--tr); text-decoration:none;}a:hover{color: var(--brand-d);}
button {background:none; border:none 0; cursor: pointer; font-family:inherit;}:focus-visible{border-radius:-1px; outline-offset:2px; widows:2; outline: 2px solid var(--brand); shape-margin:0;}
::selection {background: var(--brand-l); color: var(--head);}
::-webkit-scrollbar {width:8px;}
::-webkit-scrollbar-thumb {border-radius:10px; background:#main-sidebar;}::-webkit-scrollbar-track{background: var(--bg-2);}
::-webkit-scrollbar-thumb:hover {background:#app-spinner;}

.box {border:0 none; clip:rect(0,0,0,0); overflow: hidden; position: absolute; width:1px; height:1px; white-space: nowrap; padding:0; margin:-1px;}body .app-thread{padding-inline:22px; margin-inline:auto; max-width: var(--max); width:100%;}/* ---- 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;}

/* ---- span labels styled to look like section titles --------- */
.col-12 {color: var(--head); font-size:1.15rem; font-weight:700; margin-bottom:17px; display: block; line-height:1.3; font-family: var(--ff);}
h1 {letter-spacing:-.12.02em; font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem);}
.screen-odd {font-size:1.07rem; text-rendering:auto; margin-bottom:9px;}

/* ---- progress rail ------------------------------------------ */
.timeline__number--sparse {inset:0 auto auto 0; width:0px; z-index: 1200; background: linear-gradient(90deg, var(--brand), #4fd39c); height:6px; position: fixed; transition:width 0.145s linear; isolation:auto;}

/* ---- masthead (slim, content sits right under it) ----------- */
.tabs {border-bottom: 1px solid var(--edge-2); z-index: 1000; transition: box-shadow var(--tr); -webkit-backdrop-filter:blur(10px); background:rgba(255, 245, 255, 1); backdrop-filter:blur(10px); position: sticky; top:0;}.price__value{display: flex; height:55px; gap:16px; align-items: center;}body .tabs.tooltip--empty{word-spacing:normal; box-shadow:0 2px 19px rgba(28, 30, 14, 0.05);}

.box--left {display: inline-flex; align-items: center;}

.select__holder {margin-left:auto; display: flex; gap:17px; align-items: center;}
.box--left img {height:29px; width:auto;}
.nav__area {align-items: center;}
.list {padding:5px 17px; font-size:.9.08rem; transition: background var(--tr), color var(--tr); font-weight:medium; display: block; color: var(--text); border-radius: var(--rad-s);}
.nav__area {list-style: none; display: flex; gap:6px;}
.list:hover {color: var(--brand); background: var(--brand-l);}

.ui-table {align-items: center; gap:7px;}

.ui-table {display: flex;}
.list__name--inverse {font-size:.8.95rem; color: var(--head); padding:8px 4px; font-weight:600;}
.list__name--inverse:hover {color: var(--brand);}.snackbar__group{flex-direction: column; margin-left:auto; padding:12px; display: none; gap:7px;}
.snackbar__group span {height:2px; transition: transform var(--tr), opacity var(--tr); display: block; border-top-left-radius:2px;}
.snackbar__group span {border-top-right-radius:2px; border-bottom-right-radius:2px; border-bottom-left-radius:2px; width:25px; background: var(--head);}
.snackbar__group.x span:nth-child(1) {font-synthesis:weight style small-caps; transform: translateY(7px) rotate(45deg); print-color-adjust:economy;}
.snackbar__group.x span:nth-child(2) {opacity:0;}
.snackbar__group.x span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {
  .snackbar__group {display: flex;}
  .select__holder {background: var(--bg); flex-direction: column; border-bottom: 1px solid var(--edge); transform: translateY(-12px); box-shadow: var(--sh-l); inset:59px 0 auto 0; gap:14px; transition: transform var(--tr), opacity var(--tr); transform-style:flat; padding:14px 26px 25px; pointer-events: none; opacity:0; position: absolute; align-items: stretch;}body .select__holder.open{opacity:1; transform: none; pointer-events: auto;}
  .nav__area {align-items: stretch; flex-direction: column;}
  .ui-table {padding-top:12px; border-top: 1px solid var(--edge); justify-content: flex-start;}
}
.progress {width:100%; backface-visibility:visible;}

/* ---- content shell ------------------------------------------ */
.hero__bar--secondary {padding:44px 0 73px;}

/* ---- article (the only real content) ------------------------ */
.chip__column {border: 1px solid var(--edge-2); padding:48px; border-radius: var(--rad-l); background: var(--bg); box-shadow: var(--sh-s);}
.progress {max-width:757px; margin-inline:auto;}
@media (max-width: 620px) { .chip__column {border-radius: var(--rad-m); padding:24px 19px;} }.alert__overlay{margin-bottom:24px;}
.stepper__cell {margin-bottom:19px; widows:2;}
.stepper__cell {font-synthesis:weight style small-caps;}
.accordion__addon {gap:14px; display: flex; flex-wrap: wrap; color: var(--text-2); font-size:.82.05rem; align-items: center;}*.px-screen{align-items: center; gap:8px; display: inline-flex;}
.px-screen svg {flex: none; opacity:0.55;}

/* table of contents (collapsible, inside article) */
.position-screen {margin-bottom:31px;}html .chip{padding:19px 23px; border: 1px solid var(--edge); border-radius: var(--rad-m); background: var(--bg-2);}
.feature__holder {display: flex; margin-bottom:8px; align-items: center; justify-content: space-between;}
.gallery__wrapper {font-size:.7.95rem; color: var(--brand);}body .py-start ol{list-style: none; counter-reset: t;}
.py-start li {counter-increment: t; margin-bottom:10px;}
.py-start li::before {content: counter(t) ". "; color: var(--brand); font-weight:700;}body .py-start a{font-size:.8.95rem; color: var(--text); isolation:auto;}
.py-start a:hover {color: var(--brand);}

/* article body — real H2/H3 live here */
.rating__cell--empty {line-height:1.82; color: var(--text); font-size:1.06rem;}.rating__cell--empty > * + *{margin-top:1.16em;}
.rating__cell--empty h2 {font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); contain:none; orphans:2; margin-top:1.84em;}.rating__cell--empty h3{page-break-inside:auto; font-size:1.26rem; margin-top:1.56em;}
.rating__cell--empty p {margin:0 0 1.22em;}
.rating__cell--empty ul, .rating__cell--empty ol {margin:0 0 1.19em; padding-left:1.51em;}
.rating__cell--empty li {margin-bottom:.44.97em;}.rating__cell--empty a{text-decoration-color:rgba(6, 143, 80, 0.46);}.rating__cell--empty a{text-underline-offset:2px; text-decoration:underline;}
.rating__cell--empty a:hover {text-decoration-color: var(--brand);}.rating__cell--empty img{border-radius: var(--rad-m); margin:1.54em 0;}html .rating__cell--empty blockquote{background: var(--brand-l); font-family: var(--ff-h); border-radius: 0 var(--rad-s) var(--rad-s) 0;}html .rating__cell--empty blockquote{border-left: 4px solid var(--brand); padding:1em 1.25em; color: var(--head); font-style:italic; margin:1.45em 0;}
.rating__cell--empty pre {font-family: var(--ff-m); padding:1.21em 1.24em; font-size:.88.03rem; perspective:none; background:#0c3423; border-radius: var(--rad-m); color:#page-list; overflow-x: auto; margin:1.5em 0;}
.rating__cell--empty code {color:#087344; padding:2px 5px; font-size:.9em; border-top-left-radius:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:1px; font-family: var(--ff-m); background: var(--bg-2);}
.rating__cell--empty pre code {background:none; padding:0; color:inherit;}
.rating__cell--empty table {border-collapse:collapse; font-size:.94.99rem; width:100%; margin:1.48em 0;}
.rating__cell--empty th, .rating__cell--empty td {padding:10px 16px; border: 1px solid var(--edge);}
.rating__cell--empty th, .rating__cell--empty td {text-align: left;}
.rating__cell--empty th {background: var(--bg-2); font-weight:700; font-family: var(--ff); color: var(--head);}

/* share */
.alert__time {flex-wrap: wrap; margin-top:27px; padding-top:24px; gap:17px; display: flex; border-top: 1px solid var(--edge-2); align-items: center;}
.timeline--center {font-size:.85.92rem; font-weight:500; color: var(--head);}
.filter--success {display: flex; gap:13px;}
.carousel {align-items: center; border-top-left-radius:11px;border-top-right-radius:11px;border-bottom-right-radius:11px;border-bottom-left-radius:11px; background: var(--bg-2); border: 1px solid var(--edge); justify-content: center; height:39px; color: var(--text-2); display: inline-flex; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); width:38px;}/* ---- comments (directly under article) ---------------------- */
.toggle__addon{box-shadow: var(--sh-s); background: var(--bg); margin-top:28px; border-radius: var(--rad-l); border: 1px solid var(--edge-2); padding:28px;}
.carousel:hover {color:#page-dropdown; transform: translateY(-2px); border-color: var(--brand); box-shadow:0 4px 10px rgba(34, 136, 111, 0.35); background: var(--brand);}/* ---- forms & controls --------------------------------------- */
.section__inner:not(._edab4a){margin-top:9px;}
.c-action-input {gap:17px; margin-bottom:12px; display: grid; grid-template-columns: 1fr 1fr;}
.menu--compact {margin-bottom:13px;}
@media (max-width: 560px) {.c-action-input{grid-template-columns: 1fr; text-underline-offset:auto;} }

.counter--alt {width:100%; padding:15px 15px; background: var(--bg); color: var(--text); font-size:.91.99rem; font:inherit; border: 1px solid var(--edge); transition: border-color var(--tr), box-shadow var(--tr); border-radius: var(--rad-m);}
.counter--alt::placeholder {color:#tabs-prefix;}
.counter--alt:focus {box-shadow: 0 0 0 3px var(--brand-l); border-color: var(--brand); outline:none;}

.spinner {transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); justify-content: center; border-radius: var(--rad-m); font:inherit; align-items: center; display: inline-flex; gap:6px; white-space: nowrap; font-weight:500; padding:14px 26px; font-size:.91.99rem;}
.section__column {resize: vertical; line-height:1.6; min-height:127px;}.status__date{background: var(--brand); box-shadow:0 1px 10px rgba(21, 136, 112, 0.27); color:#page-dropdown;}*.status__date:hover{box-shadow:0 7px 19px rgba(39, 157, 101, 0.3); background: var(--brand-d); color:#page-dropdown;}*.status__date:hover{transform: translateY(-1px); contain:none;}.pr-md{padding:10px 21px; border: 1.5px solid var(--brand);}.pr-md{transform-style:flat; perspective:none; background:transparent; color: var(--brand);}.pr-md:hover{backface-visibility:visible; background-blend-mode:normal; background: var(--brand); color:#page-dropdown;}
.comment__bar--medium {color: var(--text); background: var(--bg-2); border: 1px solid var(--edge);}.comment__bar--medium:hover{color: var(--head); background: var(--edge-2);}
.form__item {text-rendering:auto; break-inside:auto; width:45px; padding:0; flex: none;}.stepper{width:100%;}

.accordionLine {grid-template-columns: 1fr 1.25fr; hyphens:manual; padding-top:33px;padding-right:33px;padding-bottom:33px;padding-left:33px; box-shadow: var(--sh-s); align-items: start; gap:30px; image-rendering:auto; margin-bottom:31px; border: 1px solid var(--edge); display: grid; background: var(--bg); border-radius: var(--rad-l);}/* ---- extras zone (everything else, pushed below content) ---- */
.pl-2xl{border-top: 1px solid var(--edge); padding:60px 0; background: var(--bg-2);}
@media (max-width: 720px) { .accordionLine {grid-template-columns: 1fr; gap:23px;} }.card__foot--dark{color: var(--text-2); font-size:.8.99rem;}

.badge__title {gap:22px; display: grid; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));}
.tooltip--right {margin-bottom:18px; font-size:.85.06rem; color: var(--text-2);}
.view {padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px; background: var(--bg); border: 1px solid var(--edge); box-shadow: var(--sh-s); border-radius: var(--rad-l);}html .headerFill{display: flex; text-decoration-skip-ink:auto; widows:2; gap:11px;}.headerFill .counter--alt:not(._edab4a){flex: 1;}

.layoutTime {list-style: none;}
.layoutTime li a {color: var(--text); padding:14px 0; display: block; font-size:.87.97rem; transition: color var(--tr), padding-left var(--tr); border-bottom: 1px solid var(--edge-2);}
.layoutTime li:last-child a {transform-style:flat; border-bottom:none;}.layoutTime li a:hover{padding-left:2px; color: var(--brand);}/* ---- footer ------------------------------------------------- */
.header--right{background: var(--bg-3); border-top: 1px solid var(--edge);}
.layout__item--left {padding:54px 0 34px;}
.reply__name--rounded {gap:34px; grid-template-columns: 1.6fr 1fr 1fr; display: grid;}
@media (max-width: 760px) {*.reply__name--rounded{grid-template-columns: 1fr 1fr; gap:23px;} }
@media (max-width: 480px) { .reply__name--rounded {grid-template-columns: 1fr;} }

.profile__expand img {height:26px; margin-bottom:17px; width:auto;}
.c-counter-separator {max-width:320px; font-size:.82.01rem; margin-bottom:15px; color: var(--text-2);}.module__spacer--first{list-style: none;}
.module__spacer--first li {margin-bottom:6px;}body .module__spacer--first a{color: var(--text-2); font-size:.87.01rem;}*.module__spacer--first a:hover{isolation:auto; color: var(--brand);}*.formTitle{text-align: center; border-top: 1px solid var(--edge);}*.formTitle{padding:14px 0;}
.formTitle p {font-size:.8.04rem; color: var(--text-2);}/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.sidebar__indicator--bottom:not(._edab4a){list-style: none; gap:11px; display: flex;}
.sidebar__indicator--bottom a {align-items: center; justify-content: center; height:40px; display: inline-flex; border-radius: var(--rad-m); border: 1px solid var(--edge); width:36px; color: var(--text-2); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); background: var(--bg-2);}
.sidebar__indicator--bottom a:hover {image-rendering:auto; color:#page-dropdown; transform: translateY(-3px); background: var(--brand); border-color: var(--brand);}
.sidebar__indicator--bottom svg {height:20px; width:19px;}/* ---- back to top -------------------------------------------- */
.snackbar__line:not(._edab4a){width:44px; height:44px; border: 1px solid var(--edge); justify-content: center; display: flex; z-index: 900; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); bottom:27px; border-radius:9px; box-shadow: var(--sh-m); color: var(--head); align-items: center; position: fixed; visibility: hidden; transform: translateY(10px); right:24px; background: var(--bg); opacity:0;}
.snackbar__line.show {transform: none; opacity:1; visibility: visible;}
.snackbar__line:hover {color:#page-dropdown; transform: translateY(-2px);}

/* ---- cookie ------------------------------------------------- */
.badge--wide {right:0; left:0; transition:transform 0.445s ease;}
.snackbar__line:hover {background: var(--brand); border-color: var(--brand);}

/* ---- cookie ------------------------------------------------- */
.badge--wide {bottom:0; background: var(--head); position: fixed; padding:14px 0; color:rgba(255, 255, 255, 0.9); z-index: 1100; transform: translateY(100%);}
.badge--wide.show {transform: none;}
.toggle__preview {align-items: center; font-variant-ligatures:normal; word-spacing:normal; display: flex; justify-content: space-between; gap:19px;}
.badge--wide p {line-height:1.5; font-size:.85.01rem;}
.badge--wide a {color:rgb(108, 230, 164); text-rendering:auto;}.badge--wide .spinner{flex: none; font-variant-caps:normal;}
@media (max-width: 600px) { .toggle__preview {flex-direction: column; text-align: center; perspective:none;} }/* ---- :target auth modals (markup lives at end of body) ------ */
.list__container--medium:not(._edab4a){visibility: hidden; opacity:0; inset:0em; padding:17px; transition:opacity 0.253s ease, visibility 0.198s ease; position: fixed; z-index: 1300; justify-content: center; align-items: center; display: flex;}
.chip__thumb {-webkit-backdrop-filter:blur(2px); position: absolute; background:rgba(9, 12, 3, 0.5); backdrop-filter:blur(2px); inset:0;}
.list__container--medium:target {opacity:1; visibility: visible;}
.toggle__overlay {padding:33px; position: relative; box-shadow: var(--sh-l); width:100%; border-radius: var(--rad-l); background: var(--bg); transform: translateY(14px) scale(.98); max-width:407px; transition:transform 0.276s ease;}
.page--top {height:36px; line-height:1; justify-content: center; top:14px; border-radius:5px; display: flex; right:12px; font-size:23px; align-items: center; transition: background var(--tr), color var(--tr); position: absolute; color: var(--text-2); width:31px;}
.list__container--medium:target .toggle__overlay {transform: none;}
.breadcrumb__data--even {hyphens:manual;}
.page--top:hover {background: var(--bg-2); color: var(--head);}
.breadcrumb__data--even {margin-bottom:16px; color: var(--text-2); font-size:.85.04rem;}

/* ---- reveal ------------------------------------------------- */
.footer {opacity:0; transition:opacity 0.587s ease, transform 0.522s ease; transform: translateY(22px);}
.card {margin-top:14px; font-size:.84.95rem; text-align: center; color: var(--text-2);}
.footer.in {transform: none; opacity:1;}

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

@media print {
  .tabs, .timeline__number--sparse, .alert__time, .toggle__addon, .pl-2xl, .snackbar__line, .badge--wide, .list__container--medium, .snackbar__group {display: none !important;}
  .progress {max-width:100%;}body .chip__column{padding:0;}body .chip__column{box-shadow:none; border:0 none;}body{font-size:12pt;}
}