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

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

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

html {-moz-tab-size:4;-webkit-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale; tab-size:4; widows:2; -webkit-font-smoothing:antialiased; scroll-behavior: smooth;}

html {height:100%;}

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

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

:focus-visible {outline-offset:2px; outline: 2px solid var(--brand); border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;}::selection{background: var(--brand-l); color: var(--head);}::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track {background: var(--bg-2);}
::-webkit-scrollbar-thumb {border-radius:12px; background:#main-entry;}

.order-between {overflow: hidden; margin:-1px; padding:0; white-space: nowrap; border:0; width:1px; height:1px; position: absolute; clip:rect(0,0,0,0); isolation:auto;}
::-webkit-scrollbar-thumb:hover {background:#section_block;}html .spinner{padding-inline:22px; max-width: var(--max); width:100%; margin-inline:auto;}
h1 {font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem); letter-spacing:-.11.92em;}

/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4 {font-weight:bold; color: var(--head); line-height:1.25; font-family: var(--ff-h);}

/* ---- span labels styled to look like section titles --------- */
.alert-title-info {font-family: var(--ff); color: var(--head); line-height:1.3; font-weight:700; display: block; font-size:1.13rem; text-underline-offset:auto; margin-bottom:13px;}

/* ---- progress rail ------------------------------------------ */
.pl-1 {inset:0 auto auto 0; width:0;}
.align-sm {font-size:0.95rem; margin-bottom:14px;}/* ---- masthead (slim, content sits right under it) ----------- */
.rounded-center{transition: box-shadow var(--tr); backdrop-filter:blur(10px); top:0; -webkit-backdrop-filter:blur(10px); background:rgba(255, 255, 249, 0.89); position: sticky; z-index: 1000; border-bottom: 1px solid var(--edge-2);}

/* ---- progress rail ------------------------------------------ */
.pl-1 {transition:width 0.135s linear; background: linear-gradient(90deg, var(--brand), #4fd39c); height:3px; position: fixed; z-index: 1200;}
.rounded-center.mb-lg {box-shadow:0 2px 14px rgba(16, 33, 32, 0.12);}body .float-center{align-items: center; display: flex; gap:21px; height:58px;}

.border-around {align-items: center; display: inline-flex;}

.bg-none {gap:13px; align-items: center; display: flex; margin-left:auto;}.border-around img{width:auto; widows:2; height:26px;}
.text-12 {gap:5px; align-items: center;}
.text-12 {display: flex; list-style: none;}.clear-xl{padding:8px 14px; border-radius: var(--rad-s); color: var(--text); transition: background var(--tr), color var(--tr); font-size:.9.07rem; font-weight:500; display: block;}
.clear-xl:hover {background: var(--brand-l); color: var(--brand);}

.row-sm {-moz-tab-size:4;align-items: center; display: flex; tab-size:4; gap:9px;}
.flex-1 {padding:12px 2px; color: var(--head); font-weight:500; font-size:.9.03rem;}
.flex-1:hover {perspective:none; color: var(--brand); font-variant-ligatures:normal;}

.pb-lg {flex-direction: column; gap:4px; margin-left:auto; display: none; padding:12px;}html .pb-lg span{height:2px; width:19px; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; display: block; transition: transform var(--tr), opacity var(--tr); background: var(--head);}.x.pb-lg span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.pb-lg.x span:nth-child(2) {opacity:0;}
.pb-lg.x span:nth-child(3) {transform: translateY(-7px) rotate(-45deg); font-variant-caps:normal;}

@media (max-width: 820px) {
  .pb-lg {display: flex; font-variant-ligatures:normal;}
  .bg-none {position: absolute; background: var(--bg); gap:14px; transform: translateY(-12px); inset:60px 0 auto 0; opacity:0; box-shadow: var(--sh-l); border-bottom: 1px solid var(--edge); align-items: stretch; flex-direction: column; transition: transform var(--tr), opacity var(--tr); pointer-events: none; padding:18px 22px 28px;}
  .bg-none.open {pointer-events: auto; transform: none; opacity:1;}
  .text-12 {align-items: stretch; flex-direction: column;}
  .row-sm {border-top: 1px solid var(--edge); padding-top:10px; justify-content: flex-start;}
}

/* ---- content shell ------------------------------------------ */
.l-carousel {padding:39px 0 72px;}
.pb-inline {margin-inline:auto; width:100%; max-width:764px;}

/* ---- article (the only real content) ------------------------ */
.m-0 {padding-top:42px;padding-right:42px;padding-bottom:42px;padding-left:42px; border: 1px solid var(--edge-2); contain:none; box-shadow: var(--sh-s); background: var(--bg); border-radius: var(--rad-l); will-change:auto;}
@media (max-width: 620px) { .m-0 {border-radius: var(--rad-m); text-decoration-skip-ink:auto; padding:29px 24px;} }

.border-1 {margin-bottom:24px; image-rendering:auto; perspective:none;}
.float-5 {display: flex; align-items: center; color: var(--text-2); font-size:.81.92rem; flex-wrap: wrap; gap:17px;}
.h-2xl {margin-bottom:12px;}
.d-10 {gap:3px; align-items: center; display: inline-flex;}

/* table of contents (collapsible, inside article) */
.m-end {margin-bottom:24px;}.d-10 svg{opacity:0.66; flex: none;}
.mr-10 {background: var(--bg-2);}
.mr-10 {border-radius: var(--rad-m); border: 1px solid var(--edge); padding:20px 21px;}
.reply-count {align-items: center; justify-content: space-between; display: flex; margin-bottom:13px;}
.gap-xs {font-size:.7.93rem; color: var(--brand);}
.pb-10 ol {list-style: none; counter-reset: t;}
.pb-10 li {counter-increment: t; margin-bottom:7px;}
.pb-10 li::before {color: var(--brand); content: counter(t) ". "; font-weight:700;}*.pb-10 a{font-size:.9.01rem; color: var(--text);}
.pb-10 a:hover {color: var(--brand);}

/* article body — real H2/H3 live here */
.order-start {line-height:1.82; font-size:1.06rem; color: var(--text);}
.order-start > * + * {margin-top:1.1em;}
.order-start h2 {font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); margin-top:1.93em;}.order-start h3{margin-top:1.43em; font-size:1.37rem;}.order-start p{transform-style:flat; margin:0 0 1.09em;}
.order-start ul, .order-start ol {padding-left:1.39em; margin:0 0 1.1em;}.order-start li{margin-bottom:.45.01em;}
.order-start a {text-decoration:underline; text-decoration-color:rgba(26, 137, 83, 0.46); text-underline-offset:2px;}
.order-start a:hover {text-decoration-color: var(--brand);}
.order-start img {border-radius: var(--rad-m); margin:1.54em 0;}
.order-start blockquote {font-family: var(--ff-h); border-left: 4px solid var(--brand); color: var(--head); background: var(--brand-l); padding:0.96em 1.31em; border-radius: 0 var(--rad-s) var(--rad-s) 0; font-style:italic; margin:1.54em 0;}
.order-start pre {margin:1.45em 0; color:#site-pagination; border-radius: var(--rad-m); padding:1.12em 1.38em; overflow-x: auto; font-size:.88.04rem; background:#1d280f; font-family: var(--ff-m);}
.order-start code {border-radius:0 none;}
.order-start code {background: var(--bg-2); color:#1b6951; font-family: var(--ff-m); padding:2px 7px; font-size:.9.08em;}
.order-start pre code {color:inherit; padding:0; background:none; transform-style:flat;}body .order-start table{border-collapse:collapse; font-size:.95.01rem; width:100%; margin:1.57em 0;}
.order-start th, .order-start td {text-align: left; border: 1px solid var(--edge); padding:13px 17px;}
.order-start th {background: var(--bg-2); font-family: var(--ff); font-weight:600; color: var(--head);}/* share */
.float-lg:not(._dc1746){border-top: 1px solid var(--edge-2); align-items: center; gap:16px; flex-wrap: wrap; display: flex; padding-top:21px; margin-top:33px;}html .grid-2xl{gap:13px; display: flex;}
.py-sm {font-weight:600; font-size:.86.03rem; color: var(--head);}.visible-2:not(._dc1746){background: var(--bg-2); color: var(--text-2); justify-content: center; border-radius:12px; width:34px; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); display: inline-flex; align-items: center; border: 1px solid var(--edge); height:37px;}
.visible-2:hover {box-shadow:0 3px 11px rgba(7, 143, 90, 0.28); color:#main-hero; transform: translateY(-2px); border-color: var(--brand); background: var(--brand);}

/* ---- comments (directly under article) ---------------------- */
.pagePlaceholder {background: var(--bg); margin-top:24px; box-shadow: var(--sh-s); border-radius: var(--rad-l); border: 1px solid var(--edge-2);}/* ---- forms & controls --------------------------------------- */
.bg-10{margin-top:2px;}

/* ---- comments (directly under article) ---------------------- */
.pagePlaceholder {padding:30px;}.py-1:not(._dc1746){grid-template-columns: 1fr 1fr; display: grid;}.py-1:not(._dc1746){gap:18px; margin-bottom:11px;}html .c-hero{print-color-adjust:economy; margin-bottom:14px;}
@media (max-width: 560px) {body .py-1{transform-style:flat; shape-margin:0; grid-template-columns: 1fr;} }

.mt-end {width:100%; padding:10px 16px; border-radius: var(--rad-m); transition: border-color var(--tr), box-shadow var(--tr); color: var(--text); border: 1px solid var(--edge); font:inherit; background: var(--bg); font-size:.91.98rem; orphans:2;}
.mt-end::placeholder {color:#moduleOuter;}
.mt-end:focus {outline:none; box-shadow: 0 0 0 3px var(--brand-l); border-color: var(--brand);}

.mr-16 {padding:12px 23px; gap:9px; display: inline-flex; font-size:.91.92rem; align-items: center; white-space: nowrap; font:inherit; border-radius: var(--rad-m); justify-content: center; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); font-weight:600;}
.px-12 {resize: vertical; transform-style:flat; line-height:1.6; min-height:127px;}
.gap-start {background: var(--brand); box-shadow:0 2px 14px rgba(19, 133, 99, 0.27); color:#main-hero;}
.gap-start:hover {background: var(--brand-d); transform: translateY(-1px); box-shadow:0 9px 18px rgba(17, 141, 83, 0.38); color:#main-hero;}html .d-between{border: 1.5px solid var(--brand); color: var(--brand); padding:10px 17px; background:transparent;}
.d-between:hover {background: var(--brand); color:#main-hero;}
.align-4 {color: var(--text); border: 1px solid var(--edge); background: var(--bg-2); text-rendering:auto; text-underline-offset:auto;}
.align-4:hover {color: var(--head); background: var(--edge-2);}
.pt-center {width:100%;}
.comment--primary {flex: none; padding:0; width:43px;}

.pr-24 {margin-bottom:35px; box-shadow: var(--sh-s); display: grid; align-items: start; border: 1px solid var(--edge); background: var(--bg); border-radius: var(--rad-l); grid-template-columns: 1fr 1.25fr; padding:35px; gap:33px;}/* ---- extras zone (everything else, pushed below content) ---- */
.mr-sm:not(._dc1746){background: var(--bg-2); padding:59px 0; border-top: 1px solid var(--edge);}
@media (max-width: 720px) { .pr-24 {gap:22px; grid-template-columns: 1fr;} }

.float-xs {gap:25px; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); display: grid;}
.m-2xl {color: var(--text-2); font-size:.8.95rem;}
.my-20 {margin-bottom:14px; font-size:.84.92rem; color: var(--text-2);}
.my-24 {border: 1px solid var(--edge); background: var(--bg); padding:28px; box-shadow: var(--sh-s); border-radius: var(--rad-l); contain:none;}

.profileSpacer {gap:9px; display: flex;}
.profileSpacer .mt-end {flex: 1; contain:none; will-change:auto;}.viewGroup:not(._dc1746){list-style: none;}
.viewGroup li a {color: var(--text); display: block; font-size:.88rem; transition: color var(--tr), padding-left var(--tr); border-bottom: 1px solid var(--edge-2); padding:8px 0;}
.viewGroup li:last-child a {contain:none; border-bottom:0;}
.viewGroup li:last-child a {break-inside:auto;}
.viewGroup li a:hover {color: var(--brand); padding-left:4px;}

/* ---- footer ------------------------------------------------- */
.pb-16 {background: var(--bg-3); border-top: 1px solid var(--edge);}
.badgeColumn {padding:49px 0 37px;}
.rounded-full {grid-template-columns: 1.6fr 1fr 1fr; gap:35px; display: grid;}
@media (max-width: 760px) { .rounded-full {gap:29px; grid-template-columns: 1fr 1fr;} }
@media (max-width: 480px) { .rounded-full {grid-template-columns: 1fr;} }
.ml-end {margin-bottom:20px; max-width:321px; color: var(--text-2); font-size:.82.03rem;}body .shadow-5 img{height:31px; margin-bottom:12px; width:auto;}
.mt-5 {list-style: none;}
.mt-5 li {margin-bottom:7px;}
.mt-5 a {color: var(--text-2); font-size:.87.05rem;}
.mt-5 a:hover {color: var(--brand);}
.w-8 {text-align: center; padding:14px 0; border-top: 1px solid var(--edge);}
.w-8 p {print-color-adjust:economy; color: var(--text-2); font-size:.7.96rem;}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.tracking-16 {display: flex; list-style: none; gap:8px;}
.tracking-16 a {width:34px; border: 1px solid var(--edge); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); align-items: center; justify-content: center; display: inline-flex; height:34px; border-radius: var(--rad-m); background: var(--bg-2); color: var(--text-2);}*.tracking-16 a:hover{background: var(--brand); color:#main-hero; border-color: var(--brand); transform: translateY(-3px);}

/* ---- back to top -------------------------------------------- */
.grid-around {transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); border: 1px solid var(--edge); color: var(--head); box-shadow: var(--sh-m); justify-content: center; position: fixed; visibility: hidden; border-radius:12px; height:41px; bottom:31px; align-items: center;}.tracking-16 svg{width:15px; height:16px;}

/* ---- back to top -------------------------------------------- */
.grid-around {opacity:0; right:28px; width:46px; z-index: 900; display: flex; transform: translateY(10px); background: var(--bg);}
.grid-around.show {visibility: visible; opacity:1; transform: none;}html .grid-around:hover{transform: translateY(-2px); border-color: var(--brand); font-variant-ligatures:normal; color:#main-hero; background: var(--brand); will-change:auto;}

/* ---- cookie ------------------------------------------------- */
.justify-xs {mix-blend-mode:normal; right:0; position: fixed; padding:19px 0; background: var(--head); left:0; color:rgba(243, 244, 255, 0.8); bottom:0; z-index: 1100; transition:transform 0.34s ease; transform: translateY(100%);}
.justify-xs.show {transform: none;}*.pl-8{justify-content: space-between; gap:16px; display: flex;}*.justify-xs p{line-height:1.5; font-size:.84.96rem;}*.pl-8{align-items: center;}html .justify-xs a{color:#63d5b2;}.justify-xs :where(.mr-16){flex: none;}
@media (max-width: 600px) { .pl-8 {flex-direction: column; text-align: center;} }/* ---- :target auth modals (markup lives at end of body) ------ */
.sidebar{inset:0; position: fixed; opacity:0; visibility: hidden; align-items: center; padding:16px; justify-content: center; transition:opacity 0.265s ease, visibility 0.203s ease; display: flex; z-index: 1300;}
.sidebar:target {visibility: visible; opacity:1;}
.d-5 {box-shadow: var(--sh-l); transition:transform 0.231s ease; border-radius: var(--rad-l); width:100%; max-width:406px; transform: translateY(14px) scale(.98); position: relative; padding:36px; background: var(--bg);}
.shadow-auto {background:rgba(0, 33, 19, 0.63); position: absolute; -webkit-backdrop-filter:blur(2px); inset:0rem; backdrop-filter:blur(2px);}
.sidebar:target .d-5 {transform: none;}
.w-4 {align-items: center; color: var(--text-2); border-top-left-radius:9px;border-top-right-radius:9px;border-bottom-right-radius:9px;border-bottom-left-radius:9px; top:13px; display: flex; line-height:1; width:34px; font-size:18px; position: absolute; justify-content: center; height:33px; right:16px; transition: background var(--tr), color var(--tr);}
.w-4:hover {background: var(--bg-2); color: var(--head);}
.screen {font-size:.84.95rem; margin-bottom:14px; color: var(--text-2);}
.moduleData {font-size:.84.97rem; text-align: center; margin-top:14px; color: var(--text-2);}/* ---- reveal ------------------------------------------------- */
.position-10{shape-margin:0; opacity:0; transition:opacity 0.606s ease, transform 0.494s ease; transform: translateY(22px); word-spacing:normal;}
.position-10.in {widows:2; transform: none; opacity:1;}

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

@media print {html .rounded-center, *.pl-1, .float-lg, .pagePlaceholder, .mr-sm:not(._dc1746), html .grid-around, body .justify-xs, .sidebar:not(._dc1746), html .pb-lg{display: none !important;}
  .pb-inline {max-width:100%;}
  .m-0 {will-change:auto; border:0 none; padding:0; box-shadow:none;}
  body {font-size:12pt;}
}