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

:root {--rad-l: 16px; --sh-s: 0 1px 2px rgba(15, 40, 28, .06); --text-2:  #6b766f; --head:    #15201b; --ff-h: Georgia, "Iowan Old Style", "Times New Roman", "Noto Serif", serif; --edge-2:  #card_content; --edge:    #site-nav; --sh-l: 0 18px 48px rgba(15, 40, 28, .12); --brand:   #16915e; --brand-l: #modal-expand; --bg-2:    #site-badge; --bg:      #app-banner; --tr: .25s cubic-bezier(.4, 0, .2, 1); --max: 1120px; --ff-m: ui-monospace, "SFMono-Regular", Consolas, Menlo, monospace; --text:    #37433d; --bg-3:    #main-pagination; --ff:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --brand-d: #0f6f48; --sh-m: 0 7px 24px rgba(15, 40, 28, .08); --rad-s: 6px; --rad-m: 10px;}*, *::before, *::after{mix-blend-mode:normal; box-sizing: border-box;}html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4{padding:0; margin:0;}

html {-moz-osx-font-smoothing:grayscale; scroll-behavior: smooth; height:100%; -webkit-text-size-adjust:100%; widows:2; page-break-inside:auto; -webkit-font-smoothing:antialiased;}

body {min-height:100%; font-family: var(--ff); overflow-x: hidden; line-height:1.7; font-size:16px; background: var(--bg); color: var(--text);}

img, svg {max-width:100%;}

img, svg {height:auto; display: block;}
a:hover {color: var(--brand-d);}
a {transition: color var(--tr); color: var(--brand); text-decoration:none;}
button {font-family:inherit; cursor: pointer; border:0 none; background-blend-mode:normal; background:none;}:focus-visible{outline-offset:2px; border-top-left-radius:3px;}:focus-visible{border-top-right-radius:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; outline: 2px solid var(--brand);}
::selection {background: var(--brand-l); color: var(--head);}
::-webkit-scrollbar {width:13px;}
::-webkit-scrollbar-thumb {border-radius:13px; background:#page-step;}
::-webkit-scrollbar-track {background: var(--bg-2);}

.form-even {width:1px; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); height:1px; white-space: nowrap; border:none; padding:0; position: absolute;}
::-webkit-scrollbar-thumb:hover {background:#counterZone;}

.my-24 {max-width: var(--max); padding-inline:22px;}

.my-24 {width:100%; margin-inline:auto;}
h1 {letter-spacing:-.11.98em; page-break-inside:auto; font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem); font-variant-caps:normal;}

/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4 {color: var(--head); line-height:1.25; font-family: var(--ff-h); font-weight:bold;}
.shadow-start {font-size:0.96rem; margin-bottom:13px;}

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

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

/* ---- masthead (slim, content sits right under it) ----------- */
.w-between {position: sticky; border-bottom: 1px solid var(--edge-2); transition: box-shadow var(--tr); z-index: 1000; backdrop-filter:blur(10px); background:rgba(255, 255, 245, 0.91); top:0; -webkit-backdrop-filter:blur(10px);}
.bg-half {height:57px; gap:17px; display: flex; align-items: center;}
.w-between.mt-8 {box-shadow:0 2px 20px rgba(11, 40, 31, 0);}*.shadow-10{display: inline-flex; align-items: center;}

.order-16 {display: flex; margin-left:auto; gap:14px; align-items: center;}
.shadow-10 img {width:auto; height:27px;}
.bg-20 {align-items: center; gap:4px; display: flex; list-style: none;}
.rounded-2xl {transition: background var(--tr), color var(--tr); display: block; border-radius: var(--rad-s); color: var(--text); font-size:.8.92rem; padding:12px 11px; font-weight:500;}
.rounded-2xl:hover {color: var(--brand); background: var(--brand-l);}html .boxText{font-size:.9.02rem; padding:10px 9px; font-weight:500; color: var(--head);}

.h-3 {display: flex; align-items: center; gap:4px;}
.boxText:hover {color: var(--brand);}

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

@media (max-width: 820px) {
  .o-header {text-decoration-skip-ink:auto; display: flex;}
  .order-16 {padding:15px 20px 23px; position: absolute; transition: transform var(--tr), opacity var(--tr); gap:14px; opacity:0; background: var(--bg); flex-direction: column; pointer-events: none; transform: translateY(-12px); border-bottom: 1px solid var(--edge); box-shadow: var(--sh-l); inset:57px 0 auto 0; align-items: stretch;}
  .order-16.open {transform: none; opacity:1; pointer-events: auto;}
  .bg-20 {flex-direction: column; align-items: stretch;}
  .h-3 {border-top: 1px solid var(--edge);}
  .h-3 {justify-content: flex-start; padding-top:14px;}
}

/* ---- content shell ------------------------------------------ */
.avatar-primary {transform-style:flat; padding:37px 0 70px;}
.flex-end {max-width:764px; margin-inline:auto; width:100%;}/* ---- article (the only real content) ------------------------ */
.tracking-xs{padding:48px; border-radius: var(--rad-l); background: var(--bg); border: 1px solid var(--edge-2);}/* ---- article (the only real content) ------------------------ */
.tracking-xs{box-shadow: var(--sh-s);}
@media (max-width: 620px) {.tracking-xs{padding:23px 17px; border-radius: var(--rad-m);} }.alertDate{margin-bottom:28px;}body .font-2{margin-bottom:20px;}body .position-center{display: flex; color: var(--text-2); font-size:.81.99rem; gap:18px; align-items: center; flex-wrap: wrap;}
.shadow-between {align-items: center; print-color-adjust:economy; display: inline-flex; gap:9px;}

/* table of contents (collapsible, inside article) */
.px-around {margin-bottom:30px; backface-visibility:visible; perspective:none;}body .shadow-between svg{opacity:0.67; flex: none;}
.align-3 {border: 1px solid var(--edge); border-radius: var(--rad-m); padding:21px 20px; background: var(--bg-2);}
.c-review-image {margin-bottom:10px; align-items: center; display: flex; justify-content: space-between;}.search-left ol{counter-reset: t; list-style: none;}body .justify-screen{font-size:.8.03rem; color: var(--brand);}
.search-left li {margin-bottom:11px; counter-increment: t;}
.search-left li::before {font-weight:500; content: counter(t) ". ";}
.search-left li::before {color: var(--brand);}
.search-left a {font-size:.8.95rem; color: var(--text);}

/* article body — real H2/H3 live here */
.flex-center {line-height:1.82; font-size:0.98rem; color: var(--text);}
.search-left a:hover {color: var(--brand);}
.flex-center > * + * {margin-top:1.13em;}
.flex-center h2 {font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); margin-top:1.96em;}html .flex-center h3{margin-top:1.55em; font-size:1.36rem;}
.flex-center p {margin:0 0 1.22em;}
.flex-center ul, .flex-center ol {padding-left:1.39em; margin:0 0 1.08em;}
.flex-center li {margin-bottom:.45.05em; backface-visibility:visible; will-change:auto;}
.flex-center a {text-underline-offset:2px; text-decoration-color:rgba(12, 148, 109, 0.39); text-decoration:underline;}
.flex-center a:hover {backface-visibility:visible; text-decoration-color: var(--brand); transform-style:flat;}.flex-center img{margin:1.53em 0; border-radius: var(--rad-m); background-blend-mode:normal; shape-margin:0;}*.flex-center blockquote{padding:1.08em 1.32em; border-radius: 0 var(--rad-s) var(--rad-s) 0; font-family: var(--ff-h); font-style:italic; break-inside:auto; color: var(--head); background: var(--brand-l); margin:1.56em 0; border-left: 4px solid var(--brand);}
.flex-center pre {border-radius: var(--rad-m); overflow-x: auto; color:#main-footer; background:hsl(239, 24.4%, 13.3%); margin:1.57em 0; font-size:.87.93rem; font-family: var(--ff-m); padding:1.09em 1.25em;}
.flex-center code {background: var(--bg-2); color:#176b4a; text-underline-offset:auto; padding:2px 3px; border-radius:6px; font-family: var(--ff-m); font-size:.9.07em;}body .flex-center pre code{padding:0; color:inherit; background:none;}
.flex-center table {width:100%; margin:1.46em 0; font-size:.94.93rem; border-collapse:collapse;}.flex-center th, .flex-center td{text-align: left; border: 1px solid var(--edge); padding:10px 15px;}.flex-center th{color: var(--head); font-weight:600; font-family: var(--ff); background: var(--bg-2);}

/* share */
.order-2 {align-items: center; display: flex; border-top: 1px solid var(--edge-2); margin-top:29px; gap:17px; flex-wrap: wrap; padding-top:25px;}
.search-meta {font-weight:600; color: var(--head);}
.ui-toolbar {gap:11px; display: flex;}
.search-meta {font-size:.86.05rem; page-break-inside:auto; tab-size:4;}
.postData {background: var(--bg-2); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); border: 1px solid var(--edge); width:41px; height:42px; align-items: center; justify-content: center; display: inline-flex; contain:none; color: var(--text-2); border-radius:8px; shape-margin:0;}

/* ---- comments (directly under article) ---------------------- */
.u-layout {margin-top:23px; border-radius: var(--rad-l); border: 1px solid var(--edge-2); box-shadow: var(--sh-s); padding:29px; background: var(--bg);}
.postData:hover {transform: translateY(-2px); border-color: var(--brand); background: var(--brand); box-shadow:0 9px 15px rgba(38, 129, 92, 0.36); color:#link-alert;}

/* ---- forms & controls --------------------------------------- */
.justify-none {margin-top:3px;}
.p-8 {margin-bottom:16px;}
.d-1 {gap:15px; grid-template-columns: 1fr 1fr; display: grid; margin-bottom:15px;}
@media (max-width: 560px) { .d-1 {grid-template-columns: 1fr; font-variant-ligatures:normal; hyphens:manual;} }

.leading-2 {font:inherit; border-radius: var(--rad-m); padding:16px 18px; font-size:.91.95rem; width:100%; border: 1px solid var(--edge); transition: border-color var(--tr), box-shadow var(--tr); color: var(--text); background: var(--bg);}
.leading-2::placeholder {color:#headerSecondary;}
.leading-2:focus {border-color: var(--brand); outline:none; box-shadow: 0 0 0 3px var(--brand-l);}.progress-first:not(._4f0f43){min-height:132px; line-height:1.6;}.progress-first:not(._4f0f43){resize: vertical;}.pb-end:not(._4f0f43){-moz-tab-size:4;font-size:.92.01rem; display: inline-flex; border-radius: var(--rad-m); font:inherit; align-items: center; padding:12px 24px; gap:8px; font-weight:500; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); justify-content: center; white-space: nowrap; tab-size:4;}.m-8{color:#link-alert; background: var(--brand); text-decoration-skip-ink:auto; box-shadow:0 5px 15px rgba(27, 160, 108, 0.31);}.m-8:hover{background: var(--brand-d); box-shadow:0 8px 23px rgba(40, 151, 107, 0.35); transform: translateY(-1px); color:#link-alert;}
.c-form-primary {border: 1.5px solid var(--brand); color: var(--brand); background:transparent;}
.c-form-primary {padding:9px 18px;}
.c-form-primary:hover {background: var(--brand); color:#link-alert;}
.pl-between {border: 1px solid var(--edge); color: var(--text); background: var(--bg-2);}
.pl-between:hover {background: var(--edge-2); color: var(--head);}
.border-1 {padding:0; flex: none; width:48px;}
.leading-10 {width:100%;}

/* ---- extras zone (everything else, pushed below content) ---- */
.chip__info {border-top: 1px solid var(--edge); font-synthesis:weight style small-caps; padding:60px 0; background: var(--bg-2);}

.pl-half {align-items: start; box-shadow: var(--sh-s); border: 1px solid var(--edge); display: grid; background: var(--bg); padding:35px; margin-bottom:32px; grid-template-columns: 1fr 1.25fr; gap:38px; border-radius: var(--rad-l);}
@media (max-width: 720px) { .pl-half {grid-template-columns: 1fr; gap:26px;} }.text-between{perspective:none; widows:2; font-size:.9.03rem; color: var(--text-2);}.rounded-between{grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); contain:none; gap:20px; display: grid; font-variant-ligatures:normal;}
.app-accordion-container {box-shadow: var(--sh-s); padding:30px; border: 1px solid var(--edge); border-radius: var(--rad-l); background: var(--bg);}

.p-5 {gap:12px; display: flex;}html .border-between{margin-bottom:14px; font-size:.84.97rem; color: var(--text-2);}
.p-5 .leading-2 {flex: 1;}html .visible-16{list-style: none;}*.visible-16 li a{transition: color var(--tr), padding-left var(--tr); display: block; font-size:.88.04rem; border-bottom: 1px solid var(--edge-2); color: var(--text); padding:9px 0;}
.visible-16 li:last-child a {border-bottom:0 none;}
.visible-16 li a:hover {color: var(--brand); padding-left:3px;}/* ---- footer ------------------------------------------------- */
:where(.mr-around){background: var(--bg-3); border-top: 1px solid var(--edge);}
.statusAction {padding:50px 0 34px;}*.pt-end{display: grid;}*.pt-end{gap:31px; grid-template-columns: 1.6fr 1fr 1fr;}
@media (max-width: 760px) {.pt-end:not(._4f0f43){grid-template-columns: 1fr 1fr; gap:29px;} }
@media (max-width: 480px) { .pt-end {grid-template-columns: 1fr;} }

.position-full img {margin-bottom:11px; width:auto; height:34px;}
.pr-2xl {margin-bottom:16px; max-width:323px; mix-blend-mode:normal;}
.pr-2xl {color: var(--text-2); font-size:.82.08rem;}
.o-badge-text {list-style: none;}
.o-badge-text li {margin-bottom:14px;}
.o-badge-text a {font-size:.87.05rem; color: var(--text-2);}
.shadow-none {orphans:2; padding:14px 0; border-top: 1px solid var(--edge); text-align: center; background-blend-mode:normal;}.o-badge-text a:hover{color: var(--brand); backface-visibility:visible;}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.comment__fill {list-style: none; gap:9px; display: flex;}
.shadow-none p {font-size:.8.03rem; color: var(--text-2);}
.comment__fill a {border: 1px solid var(--edge); display: inline-flex; height:38px; width:42px; justify-content: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); border-radius: var(--rad-m); color: var(--text-2); background: var(--bg-2); align-items: center;}html .comment__fill a:hover{text-decoration-skip-ink:auto; background: var(--brand); color:#link-alert; transform: translateY(-3px); border-color: var(--brand); word-spacing:normal;}
.comment__fill svg {height:20px; width:14px;}

/* ---- back to top -------------------------------------------- */
.commentSuffix {transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); opacity:0; width:45px; box-shadow: var(--sh-m); background: var(--bg); visibility: hidden; z-index: 900; border: 1px solid var(--edge); height:46px; bottom:29px; position: fixed; align-items: center; justify-content: center; right:30px; display: flex; transform: translateY(10px); color: var(--head); border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;}
.commentSuffix.show {opacity:1; visibility: visible; transform: none;}
.commentSuffix:hover {isolation:auto; background: var(--brand); color:#link-alert; transform: translateY(-2px); border-color: var(--brand);}/* ---- cookie ------------------------------------------------- */
.pt-10{bottom:0; position: fixed; color:rgba(255, 244, 252, 0.94); transition:transform 0.354s ease; transform: translateY(100%); padding:13px 0; right:0; background: var(--head); left:0; z-index: 1100;}
.pt-10.show {transform: none;}*.pt-10 p{line-height:1.5; font-size:.85.02rem;}
.selectRow {display: flex; gap:18px; align-items: center; justify-content: space-between;}
.pt-10 a {color:#73daa0;}
.pt-10 .pb-end {flex: none;}
@media (max-width: 600px) { .selectRow {text-align: center; flex-direction: column; hyphens:manual;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.font-2xl {padding:24px; opacity:0; align-items: center; display: flex; transition:opacity 0.223s ease, visibility 0.194s ease; position: fixed; inset:0; visibility: hidden; z-index: 1300; justify-content: center;}
.font-2xl:target {visibility: visible; opacity:1;}
.gap-3 {inset:0; backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); background:rgba(24, 42, 13, 0.6); position: absolute;}
.my-5 {hyphens:manual; padding:34px; max-width:414px; border-radius: var(--rad-l); transition:transform 0.282s ease; width:100%; font-synthesis:weight style small-caps; transform: translateY(14px) scale(.98); background: var(--bg); box-shadow: var(--sh-l); position: relative;}.font-2xl:target .my-5:not(._4f0f43){transform: none;}html .font-16{height:36px; border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px; width:31px; right:14px; position: absolute; align-items: center; transition: background var(--tr), color var(--tr); font-size:22px; color: var(--text-2); line-height:1; justify-content: center; top:13px; display: flex;}
.font-16:hover {color: var(--head); background: var(--bg-2);}.l-gallery{font-size:.85.04rem; color: var(--text-2); mix-blend-mode:normal; perspective:none; margin-bottom:18px;}
.px-lg {font-size:.84.94rem; margin-top:20px; text-align: center; color: var(--text-2);}/* ---- reveal ------------------------------------------------- */
.entry-bar{transform: translateY(22px); transition:opacity 0.583s ease, transform 0.603s ease; opacity:0;}
.entry-bar.in {transform: none; opacity:1;}

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

@media print {
  .w-between, .pb-between, .order-2, .u-layout, .chip__info, .commentSuffix, .pt-10, .font-2xl, .o-header {display: none !important;}
  .flex-end {max-width:100%;}html .tracking-xs{border:0; padding:0; box-shadow:none;}
  body {font-size:12pt; print-color-adjust:economy;}
}