/* =============================================================
   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; --rad-l: 16px; --rad-s: 6px; --brand-d: #0f6f48; --brand:   #16915e; --tr: .25s cubic-bezier(.4, 0, .2, 1); --ff-h: Georgia, "Iowan Old Style", "Times New Roman", "Noto Serif", serif; --edge-2:  #region-tabs; --sh-s: 0 1px 2px rgba(15, 40, 28, .06); --bg:      #site-toolbar; --max: 1120px; --ff:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --sh-m: 0 7px 24px rgba(15, 40, 28, .08); --bg-3:    #app-drawer; --bg-2:    #app-spinner; --rad-m: 10px;}/* =============================================================
   Template 1106_new_v1 — Stylesheet
   Self-contained · no framework · no external fonts.
   Content-first layout. Secondary labels are <span>, not headings.
   ============================================================= */

:root {--brand-l: #review-handle; --edge:    #page-tag; --head:    #15201b; --ff-m: ui-monospace, "SFMono-Regular", Consolas, Menlo, monospace; --text:    #37433d; --sh-l: 0 18px 48px rgba(15, 40, 28, .12);}
html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4 {padding:0; margin:0;}*, *::before, *::after{box-sizing: border-box;}html{-moz-text-size-adjust:100%;height:100%; scroll-behavior: smooth; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:100%;}

body {overflow-x: hidden; font-family: var(--ff); font-size:16px; min-height:100%; line-height:1.7; background: var(--bg); color: var(--text);}html{-webkit-font-smoothing:antialiased;}img, svg{height:auto; widows:2; text-decoration-skip-ink:auto; max-width:100%; display: block;}
a {text-decoration:none; transition: color var(--tr); color: var(--brand); backface-visibility:visible;}
button {cursor: pointer; border:none 0; font-family:inherit; background:none;}a:hover{color: var(--brand-d);}

:focus-visible {outline: 2px solid var(--brand);}
::selection {color: var(--head); background: var(--brand-l);}

:focus-visible {outline-offset:2px; border-radius:6px;}
::-webkit-scrollbar {width:6px;}
::-webkit-scrollbar-track {background: var(--bg-2);}
::-webkit-scrollbar-thumb {border-top-left-radius:11px;border-top-right-radius:11px;border-bottom-right-radius:11px;border-bottom-left-radius:11px; background:#dot-comment;}::-webkit-scrollbar-thumb:hover{background:#app-progress; backface-visibility:visible; print-color-adjust:economy;}.comment:not(._df5cde){background-blend-mode:normal; white-space: nowrap; position: absolute; width:1px; height:1px; overflow: hidden; margin:-1px; padding:0; clip:rect(0,0,0,0); border:0 none;}

.status__area {max-width: var(--max); width:100%; margin-inline:auto; padding-inline:22px;}
h1 {font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem); letter-spacing:-.12em;}/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4{color: var(--head); font-weight:700; font-family: var(--ff-h); line-height:1.25;}

/* ---- span labels styled to look like section titles --------- */
.select__backdrop--outlined {font-size:1.14rem; font-weight:700; display: block; line-height:1.3; font-family: var(--ff); margin-bottom:14px; color: var(--head);}

/* ---- progress rail ------------------------------------------ */
.tag {position: fixed; background: linear-gradient(90deg, var(--brand), #4fd39c); width:0; z-index: 1200; inset:0 auto auto 0; transition:width 0.109s linear; height:1px;}*.gallery{margin-bottom:13px; font-size:1.03rem;}

/* ---- masthead (slim, content sits right under it) ----------- */
.profile-button-dense {top:0; position: sticky; border-bottom: 1px solid var(--edge-2); transition: box-shadow var(--tr); background:rgba(255, 255, 255, 0.89); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); z-index: 1000;}.profile-button-dense.action-addon{box-shadow:0 2px 12px rgba(26, 31, 28, 0.13);}
.step {align-items: center; display: flex; gap:21px; height:62px;}body .t-spinner{display: inline-flex; align-items: center;}*.post{align-items: center; display: flex; margin-left:auto; gap:12px;}.t-spinner img{height:32px; width:auto;}
.drawer__preview {align-items: center; list-style: none; display: flex; gap:0px;}
.snackbar {padding:5px 14px; transition: background var(--tr), color var(--tr); display: block; color: var(--text); border-radius: var(--rad-s); font-weight:500; font-size:.8.92rem;}
.snackbar:hover {background: var(--brand-l); color: var(--brand);}

.counter--sparse {gap:7px; display: flex; align-items: center;}
.headerHandle {font-weight:500; padding:12px 7px; font-variant-ligatures:normal; font-size:.8.93rem; color: var(--head);}
.headerHandle:hover {color: var(--brand);}

.filter__prefix--focused {flex-direction: column; margin-left:auto; display: none; gap:9px; padding:10px;}*.filter__prefix--focused span{display: block; border-radius:2px; background: var(--head); transition: transform var(--tr), opacity var(--tr); width:18px; height:2px;}.filter__prefix--focused.x span:nth-child(1){transform: translateY(7px) rotate(45deg);}.x.filter__prefix--focused span:nth-child(2){opacity:0;}
.filter__prefix--focused.x span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {
  .filter__prefix--focused {display: flex;}
  .post {transition: transform var(--tr), opacity var(--tr); padding:16px 23px 28px; opacity:0; pointer-events: none; flex-direction: column; transform: translateY(-12px); gap:13px; inset:58px 0 auto 0; background: var(--bg); box-shadow: var(--sh-l); border-bottom: 1px solid var(--edge); position: absolute; align-items: stretch;}
  .post.open {opacity:1; transform: none; pointer-events: auto;}*.drawer__preview{align-items: stretch; flex-direction: column;}.counter--sparse{padding-top:11px; border-top: 1px solid var(--edge); justify-content: flex-start;}
}

/* ---- content shell ------------------------------------------ */
.section__button {padding:41px 0 72px; transform-style:flat;}/* ---- article (the only real content) ------------------------ */
.tooltip{box-shadow: var(--sh-s); background: var(--bg); padding:47px; border-radius: var(--rad-l); border: 1px solid var(--edge-2);}
.profile__foot--top {transform-style:flat; font-variant-ligatures:normal; max-width:759px; margin-inline:auto; width:100%;}
@media (max-width: 620px) {*.tooltip{padding:22px 17px; border-radius: var(--rad-m);} }

.searchCell {margin-bottom:27px;}body .skeleton--left{margin-bottom:19px;}
.pagination {display: inline-flex; gap:10px; align-items: center;}
.nav--primary {color: var(--text-2); align-items: center; font-size:.81.96rem; display: flex; gap:13px; flex-wrap: wrap;}
.pagination svg {flex: none; opacity:0.56;}
.carousel {padding:22px 24px; border: 1px solid var(--edge); background: var(--bg-2); border-radius: var(--rad-m);}

/* table of contents (collapsible, inside article) */
.action__row {margin-bottom:25px;}.box--even{justify-content: space-between; align-items: center; display: flex; margin-bottom:8px;}.reply__link{color: var(--brand); break-inside:auto; font-size:.8rem; hyphens:manual;}*.overflow-start ol{counter-reset: t; list-style: none;}
.overflow-start li {counter-increment: t; margin-bottom:4px; will-change:auto; page-break-inside:auto;}.overflow-start li::before{font-weight:700; content: counter(t) ". "; color: var(--brand);}
.overflow-start a {color: var(--text); font-size:.8.97rem;}
.overflow-start a:hover {color: var(--brand);}/* article body — real H2/H3 live here */
.grid--default{font-size:1.13rem; line-height:1.82; color: var(--text);}.grid--default > * + *{margin-top:1.18em;}
.grid--default h2 {font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); margin-top:1.9em;}*.grid--default h3{margin-top:1.47em; font-size:1.39rem;}html .grid--default p{margin:0 0 1.17em;}
.grid--default ul, .grid--default ol {margin:0 0 1.1em; padding-left:1.4em;}
.grid--default li {margin-bottom:.45.08em;}
.grid--default a {text-underline-offset:2px; text-decoration-color:rgba(23, 145, 84, 0.44); text-decoration:underline;}body .grid--default a:hover{text-decoration-color: var(--brand);}
.grid--default img {margin:1.57em 0; border-radius: var(--rad-m);}
.grid--default blockquote {padding:1.07em 1.33em; word-spacing:normal; background: var(--brand-l); font-family: var(--ff-h); border-left: 4px solid var(--brand); border-radius: 0 var(--rad-s) var(--rad-s) 0; margin:1.42em 0; color: var(--head); isolation:auto; font-style:italic;}html .grid--default pre{background:#14251a; font-family: var(--ff-m); margin:1.58em 0; border-radius: var(--rad-m); overflow-x: auto; padding:1.12em 1.29em; font-size:.87.94rem; color:#backdrop-post;}
.grid--default code {color:rgb(19, 103, 76); border-radius:7px; font-size:.9.08em; padding:2px 6px; background: var(--bg-2); font-family: var(--ff-m);}.grid--default pre code{perspective:none; widows:2; background:none; padding:0; color:inherit;}html .grid--default table{width:100%; margin:1.5em 0; font-size:.95.01rem; border-collapse:collapse;}
.grid--default th, .grid--default td {border: 1px solid var(--edge);}
.grid--default th, .grid--default td {padding:15px 14px; text-align: left;}
.grid--default th {color: var(--head); font-weight:700; font-family: var(--ff); background: var(--bg-2);}/* share */
.module__dot:not(._df5cde){margin-top:29px; border-top: 1px solid var(--edge-2); display: flex; align-items: center; padding-top:24px; gap:12px; flex-wrap: wrap;}
.rating__thumb {gap:11px; display: flex;}
.avatar__info--loading {font-size:.85.95rem; color: var(--head); font-weight:600;}
.timeline__thumb--bottom {background: var(--bg-2); height:37px; border-radius:10px; border: 1px solid var(--edge); justify-content: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); display: inline-flex; align-items: center; color: var(--text-2); width:34px;}.timeline__thumb--bottom:hover{color:#tooltipCount; transform: translateY(-2px); box-shadow:0 6px 11px rgba(5, 141, 109, 0.26); background: var(--brand); border-color: var(--brand);}/* ---- comments (directly under article) ---------------------- */
.l-feature{box-shadow: var(--sh-s); padding:28px; border: 1px solid var(--edge-2); margin-top:23px; background: var(--bg); border-radius: var(--rad-l);}/* ---- forms & controls --------------------------------------- */
.review__foot:not(._df5cde){contain:none; margin-top:3px; break-inside:auto;}
.profileTertiary {gap:17px; grid-template-columns: 1fr 1fr; display: grid; margin-bottom:17px;}
.accordion__spacer {margin-bottom:19px;}
@media (max-width: 560px) { .profileTertiary {text-underline-offset:auto; grid-template-columns: 1fr; perspective:none;} }.moduleOuter:not(._df5cde){color: var(--text); background: var(--bg); font-size:.91.95rem;}.moduleOuter:not(._df5cde){transition: border-color var(--tr), box-shadow var(--tr); padding:11px 12px; width:100%; font:inherit; border: 1px solid var(--edge); border-radius: var(--rad-m);}.moduleOuter::placeholder{color:#site-sort;}
.moduleOuter:focus {box-shadow: 0 0 0 3px var(--brand-l); outline:none; border-color: var(--brand);}html .media__item--fluid{resize: vertical; min-height:133px; line-height:1.6;}

.o-spinner-area {border-radius: var(--rad-m); gap:11px; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; font-weight:500; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); padding:9px 26px; font-size:.91.94rem; font:inherit;}body .mediaSuffix{color:#tooltipCount; background: var(--brand); box-shadow:0 0px 15px rgba(13, 156, 109, 0.28); will-change:auto;}.mediaSuffix:hover{color:#tooltipCount; box-shadow:0 3px 24px rgba(29, 148, 82, 0.38); background: var(--brand-d); transform: translateY(-1px);}
.chip__time {color: var(--brand); background:transparent; padding:7px 18px; border: 1.5px solid var(--brand);}
.reply--large {color: var(--text); background: var(--bg-2); border: 1px solid var(--edge);}.chip__time:hover{background: var(--brand); color:#tooltipCount;}
.reply--large:hover {background: var(--edge-2); color: var(--head); tab-size:4;}
.post__head {padding:0; width:50px; flex: none;}.avatar{width:100%; font-synthesis:weight style small-caps; perspective:none;}

/* ---- extras zone (everything else, pushed below content) ---- */
.table__addon {background: var(--bg-2); border-top: 1px solid var(--edge); padding:52px 0;}body .toolbar__dot--sparse{background: var(--bg); box-shadow: var(--sh-s); gap:35px; align-items: start; padding:37px; border: 1px solid var(--edge); border-radius: var(--rad-l); margin-bottom:32px; display: grid; grid-template-columns: 1fr 1.25fr;}
@media (max-width: 720px) {body .toolbar__dot--sparse{grid-template-columns: 1fr; orphans:2; page-break-inside:auto; gap:23px;} }body .panelTrigger{gap:18px; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); display: grid;}
.info-popover {font-size:.9.07rem; print-color-adjust:economy; backface-visibility:visible; color: var(--text-2);}
.ui-toggle-link {border-radius: var(--rad-l); padding-top:29px;padding-right:29px;padding-bottom:29px;padding-left:29px; background: var(--bg); border: 1px solid var(--edge); box-shadow: var(--sh-s);}
.popover__region {color: var(--text-2); margin-bottom:17px; font-size:.85.03rem;}

.headerValue {gap:9px; display: flex;}
.headerValue .moduleOuter {flex: 1;}.box__wrapper:not(._df5cde){list-style: none;}*.box__wrapper li a{font-size:.88.01rem;}*.box__wrapper li a{padding:15px 0; transition: color var(--tr), padding-left var(--tr); color: var(--text); border-bottom: 1px solid var(--edge-2); display: block;}*.box__wrapper li:last-child a{border-bottom:0;}

/* ---- footer ------------------------------------------------- */
.dialog__extra--dark {border-top: 1px solid var(--edge); background: var(--bg-3);}
.box__wrapper li a:hover {color: var(--brand); contain:none; padding-left:4px; background-blend-mode:normal;}.hero__data{padding:49px 0 35px;}.panel--first:not(._df5cde){gap:31px; display: grid; grid-template-columns: 1.6fr 1fr 1fr;}
@media (max-width: 760px) { .panel--first {grid-template-columns: 1fr 1fr; gap:28px;} }
@media (max-width: 480px) {html .panel--first{grid-template-columns: 1fr;} }

.accordion--compact img {width:auto; margin-bottom:16px; height:30px;}
.form--elevated {font-size:.82rem; max-width:324px; margin-bottom:16px; color: var(--text-2);}
.order-start {list-style: none;}
.order-start li {margin-bottom:10px;}
.order-start a {color: var(--text-2); font-size:.87.02rem;}.order-start a:hover{color: var(--brand);}
.sidebar--dark {hyphens:manual; text-align: center; border-top: 1px solid var(--edge); padding:19px 0;}
.sidebar--dark p {color: var(--text-2); font-size:.8rem;}/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.sidebar__wrapper{list-style: none; display: flex; gap:11px;}
.sidebar__wrapper a {background: var(--bg-2); align-items: center; height:40px; width:37px; justify-content: center; color: var(--text-2); display: inline-flex; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); border: 1px solid var(--edge); border-radius: var(--rad-m);}
.sidebar__wrapper a:hover {transform: translateY(-3px); color:#tooltipCount; background: var(--brand); border-color: var(--brand);}
.sidebar__wrapper svg {height:22px; will-change:auto; width:22px; transform-style:flat;}

/* ---- back to top -------------------------------------------- */
.ui-breadcrumb-number {display: flex; border: 1px solid var(--edge); width:45px; right:25px; justify-content: center; height:44px; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); background: var(--bg); bottom:25px; z-index: 900; visibility: hidden; border-top-left-radius:13px;border-top-right-radius:13px;border-bottom-right-radius:13px;border-bottom-left-radius:13px; position: fixed; color: var(--head); transform: translateY(10px); opacity:0; align-items: center; box-shadow: var(--sh-m);}
.ui-breadcrumb-number.show {opacity:1; transform: none; visibility: visible;}
.ui-breadcrumb-number:hover {transform: translateY(-2px); print-color-adjust:economy; color:#tooltipCount; background: var(--brand); border-color: var(--brand);}

/* ---- cookie ------------------------------------------------- */
.block-cap {background: var(--head); transition:transform 0.389s ease; color:rgba(248, 241, 255, 0.88); transform: translateY(100%); right:0; position: fixed; bottom:0; z-index: 1100; padding:20px 0; left:0;}
.carousel__bar--narrow {display: flex; gap:16px; justify-content: space-between; align-items: center;}
.block-cap.show {transform: none;}
.block-cap p {line-height:1.5; font-size:.84.95rem;}
.block-cap a {color:rgb(124, 229, 169);}
.block-cap .o-spinner-area {flex: none;}
@media (max-width: 600px) { .carousel__bar--narrow {flex-direction: column; text-align: center;} }/* ---- :target auth modals (markup lives at end of body) ------ */
.overflow-24{align-items: center; padding:16px; inset:0;}/* ---- :target auth modals (markup lives at end of body) ------ */
.overflow-24{visibility: hidden; transition:opacity 0.264s ease, visibility 0.301s ease; z-index: 1300; display: flex; position: fixed; justify-content: center; opacity:0;}
.cardInfo {background:rgba(0, 31, 0, 0.52); inset:0; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); position: absolute;}
.overflow-24:target {visibility: visible; opacity:1;}
.list__body--even {transform: translateY(14px) scale(.98); width:100%; padding:38px; position: relative; border-radius: var(--rad-l); transition:transform 0.253s ease; box-shadow: var(--sh-l); background: var(--bg); max-width:410px;}
.overflow-24:target .list__body--even {transform: none;}
.commentCount {position: absolute; justify-content: center; width:37px; line-height:1; height:32px; right:17px; top:16px; font-size:19px; display: flex; align-items: center; transition: background var(--tr), color var(--tr); border-radius:11px; color: var(--text-2);}
.commentCount:hover {color: var(--head); background: var(--bg-2);}.screenSecondary:not(._df5cde){font-size:.85.03rem; color: var(--text-2);}.screenSecondary:not(._df5cde){margin-bottom:15px;}
.c-footer-secondary {margin-top:19px; font-size:.84.98rem; text-align: center; color: var(--text-2);}

/* ---- reveal ------------------------------------------------- */
.tabs--filled {transition:opacity 0.559s ease, transform 0.537s ease; opacity:0; transform: translateY(22px);}
.tabs--filled.in {opacity:1; transform: none;}

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

@media print {
  .profile-button-dense, .tag, .module__dot, .l-feature, .table__addon, .ui-breadcrumb-number, .block-cap, .overflow-24, .filter__prefix--focused {page-break-inside:auto; background-blend-mode:normal; display: none !important;}
  .profile__foot--top {backface-visibility:visible; max-width:100%;}
  .tooltip {border:none; text-underline-offset:auto; box-shadow:none; padding:0;}
  body {font-size:12pt; hyphens:manual; text-rendering:auto;}
}