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

:root {--ff:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --rad-l: 16px; --brand-l: #e7f5ee; --ff-h: Georgia, "Iowan Old Style", "Times New Roman", "Noto Serif", serif; --sh-m: 0 7px 24px rgba(15, 40, 28, .08); --edge-2:  #edf2ef; --bg:      #ffffff; --bg-3:    #f1f6f3; --bg-2:    #f3f7f4; --brand:   #16915e; --head:    #15201b; --max: 1120px; --edge:    #e3ebe6; --sh-s: 0 1px 2px rgba(15, 40, 28, .06); --rad-m: 10px; --sh-l: 0 18px 48px rgba(15, 40, 28, .12); --brand-d: #0f6f48; --tr: .25s cubic-bezier(.4, 0, .2, 1); --text:    #37433d; --rad-s: 6px; --text-2:  #6b766f; --ff-m: ui-monospace, "SFMono-Regular", Consolas, Menlo, monospace;}
html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4 {padding:0; margin:0;}

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

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

body {font-family: var(--ff); overflow-x: hidden; min-height:100%; background: var(--bg); color: var(--text); line-height:1.7; font-size:20px;}img, svg{max-width:100%; display: block; height:auto;}a{transition: color var(--tr); text-decoration:none; color: var(--brand);}
a:hover {color: var(--brand-d);}

:focus-visible {outline: 2px solid var(--brand); outline-offset:2px; border-radius:-1px;}
button {border:none; cursor: pointer; font-family:inherit; background:none;}
::selection {background: var(--brand-l); color: var(--head);}
::-webkit-scrollbar {break-inside:auto; width:5px;}
::-webkit-scrollbar-track {background: var(--bg-2);}
::-webkit-scrollbar-thumb {border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px; background:hsl(37, 21%, 76.1%);}
::-webkit-scrollbar-thumb:hover {background-color:#a7b2a7;}.pl-16{clip:rect(0,0,0,0); white-space: nowrap;}.mb-4{padding-inline:22px; width:100%; print-color-adjust:economy; max-width: var(--max); margin-inline:auto;}.pl-16{height:1px; width:1px; position: absolute; overflow: hidden; border:0; margin:-1px; padding:0;}
.hero-line .stepper-prefix {padding-right:19px; text-transform:uppercase}

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 {line-height:1.25; font-family: var(--ff-h); color: var(--head); font-weight:bold;}/* ---- span labels styled to look like section titles --------- */
.entryPlaceholder{font-weight:bold; margin-bottom:16px; color: var(--head); font-size:1.11rem; line-height:1.3; font-family: var(--ff); display: block;}

/* ---- progress rail ------------------------------------------ */
.row-between {position: fixed; inset:0 auto auto 0; height:5px; background: linear-gradient(90deg, var(--brand), #4fd39c); width:0; transition:width 0.096s linear; z-index: 1200;}
.row-sm {font-size:1.07rem; margin-bottom:10px;}

/* ---- masthead (slim, content sits right under it) ----------- */
.position-12 {position: sticky; background:rgba(255, 255, 255, 0.94); z-index: 1000; backdrop-filter:blur(10px); top:0px; transition: box-shadow var(--tr); border-bottom: 1px solid var(--edge-2); -webkit-backdrop-filter:blur(10px);}.position-12.px-between{box-shadow:0 2px 13px rgba(11, 55, 22, 0.1);}
.table-name-empty {align-items: center; height:56px; gap:14px; display: flex;}html .mr-md{align-items: center; display: inline-flex;}
.mr-md img {width:auto; height:27px;}
.font-center {gap:2px; align-items: center; display: flex; list-style: none;}
@media (min-width: 576px) {
  .reply--success {position:static; height:39px; margin:0 auto}
  .page-expand {cursor:pointer; align-items:stretch; display:inline-flex}
  .hero-line .stepper-prefix {text-decoration:underline; display:none; position:relative; width:auto; transition:all 0.15s ease}
}



.order-none {align-items: center; margin-left:auto; gap:14px; display: flex;}
.d-start {padding-top:12px;padding-right:10px;padding-bottom:12px;padding-left:10px; page-break-inside:auto; font-size:.9.06rem; transition: background var(--tr), color var(--tr); background-blend-mode:normal; display: block; border-radius: var(--rad-s); font-weight:500; color: var(--text);}
.d-start:hover {background: var(--brand-l); color: var(--brand); font-variant-caps:normal; print-color-adjust:economy;}html .pb-12{color: var(--head); font-size:.9.04rem; font-weight:600; padding:9px 2px;}

.pt-0 {align-items: center; display: flex; gap:7px;}
.pb-12:hover {color: var(--brand);}
.spinner-foot.toggle-active {border-radius:0; transition:all 0.35s ease; letter-spacing:0.15em; padding-top:29px; display:inline-flex}

.review-track::before {content:''; min-height:19px; transition:transform 0.45s ease-in-out}


.mx-0 {padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px; font-synthesis:weight style small-caps; margin-left:auto; display: none; flex-direction: column; gap:8px;}
.mx-0 span {height:2px; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; width:26px; background: var(--head); transition: transform var(--tr), opacity var(--tr); display: block;}.mx-0.x span:nth-child(1){transform: translateY(7px) rotate(45deg);}body .mx-0.x span:nth-child(2){opacity:0;}
.mx-0.x span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {
  .mx-0 {display: flex;}
  .order-none {gap:14px; transform: translateY(-12px); position: absolute; inset:59px 0 auto 0; padding:22px 19px 23px; flex-direction: column; background: var(--bg); border-bottom: 1px solid var(--edge); box-shadow: var(--sh-l); pointer-events: none; transition: transform var(--tr), opacity var(--tr); align-items: stretch; opacity:0;}
  .order-none.open {pointer-events: auto; opacity:1; transform: none;}
  .font-center {flex-direction: column; align-items: stretch;}
  .pt-0 {justify-content: flex-start; padding-top:9px; border-top: 1px solid var(--edge);}
}/* ---- content shell ------------------------------------------ */
.d-around{padding:43px 0 75px;}
.mb-sm {margin-inline:auto; width:100%; max-width:763px;}
.view--sparse {justify-content:flex-start; margin:1.75rem; margin-left:0; box-shadow:none}


/* ---- article (the only real content) ------------------------ */
.tracking-screen {background: var(--bg); border: 1px solid var(--edge-2); border-radius: var(--rad-l); box-shadow: var(--sh-s); padding-top:45px;padding-right:45px;padding-bottom:45px;padding-left:45px;}
@media (max-width: 620px) { .tracking-screen {padding:27px 20px; text-rendering:auto; border-radius: var(--rad-m); tab-size:4;} }

.ml-sm {margin-bottom:25px;}
.module-zone:first-child {cursor:default; text-transform:uppercase; min-height:100vh; padding-right:16px; flex:1 1 0%}

.modal-image:hover {width:100%; background-color:#f3e8e6}
html .el-block{margin-bottom:20px;}
.order-lg {align-items: center; color: var(--text-2); gap:16px; font-size:.81.98rem; display: flex; flex-wrap: wrap;}
.cardToggle {gap:7px; display: inline-flex; align-items: center;}
.cardToggle svg {flex: none; opacity:0.63;}/* table of contents (collapsible, inside article) */
.gap-center{margin-bottom:28px;}
.z-inline {border-radius: var(--rad-m); background: var(--bg-2); border: 1px solid var(--edge); padding:21px 24px;}html .opacity-between{color: var(--brand); font-size:.7.93rem;}
.clear-around {justify-content: space-between; display: flex; margin-bottom:12px; shape-margin:0; align-items: center;}
.opacity-xl ol {counter-reset: t; list-style: none;}.opacity-xl li{margin-bottom:9px; counter-increment: t;}.opacity-xl li::before{color: var(--brand); content: counter(t) ". "; font-weight:600;}
.opacity-xl a {font-size:.8.96rem; transform-style:flat; color: var(--text);}

/* article body — real H2/H3 live here */
.flex-screen {line-height:1.82;}*.opacity-xl a:hover{color: var(--brand);}

/* article body — real H2/H3 live here */
.flex-screen {color: var(--text); font-size:0.99rem;}body .flex-screen > * + *{margin-top:1.2em;}
.flex-screen h2 {margin-top:1.94em; font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem);}
.flex-screen h3 {font-size:1.24rem; margin-top:1.52em;}
.flex-screen p {margin:0 0 1.23em;}
.flex-screen ul, .flex-screen ol {padding-left:1.39em; margin:0 0 1.14em;}html .flex-screen li{margin-bottom:.45em;}
.flex-screen a {text-decoration-color:rgba(10, 143, 97, 0.52); text-decoration:underline; text-underline-offset:2px;}
.flex-screen a:hover {text-decoration-color: var(--brand);}
.flex-screen img {border-radius: var(--rad-m); margin:1.43em 0;}html .flex-screen blockquote{background: var(--brand-l); border-left: 4px solid var(--brand); color: var(--head); padding:1.06em 1.23em; font-style:italic; font-family: var(--ff-h); border-radius: 0 var(--rad-s) var(--rad-s) 0; margin:1.51em 0;}
.progress-detail + .filter-content {display:none; transition:all 0.15s ease; padding-top:32px}
*.flex-screen pre{font-size:.88rem; border-radius: var(--rad-m); padding:1.11em 1.22em; background-color:#123418; font-synthesis:weight style small-caps; overflow-x: auto; color:#d4ffe4; font-family: var(--ff-m); margin:1.56em 0;}html .flex-screen code{background: var(--bg-2); color:#0e723c; font-family: var(--ff-m); padding-top:2px;padding-right:8px;padding-bottom:2px;padding-left:8px; border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px; font-size:.9.01em;}
.flex-screen pre code {padding:0; background:none; color:inherit;}.flex-screen table{word-spacing:normal; margin:1.49em 0; width:100%; border-collapse:collapse; text-decoration-skip-ink:auto; font-size:.94.93rem;}
.flex-screen th, .flex-screen td {padding:10px 14px; text-align: left; border: 1px solid var(--edge);}
.flex-screen th {background: var(--bg-2); color: var(--head); font-family: var(--ff); font-weight:600;}
.t-price {font-size:.85.92rem; font-weight:600; color: var(--head);}/* share */
.mx-lg:not(.nil75){padding-top:25px; flex-wrap: wrap; display: flex; align-items: center; margin-top:28px; gap:10px; border-top: 1px solid var(--edge-2);}
.shadow-screen {display: flex; gap:10px;}
.opacity-5 {align-items: center; width:40px; border-radius:7px; background: var(--bg-2); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); display: inline-flex; color: var(--text-2); border: 1px solid var(--edge); justify-content: center; height:42px;}*.opacity-5:hover{border-color: var(--brand); background: var(--brand); transform: translateY(-2px); box-shadow:0 7px 14px rgba(36, 144, 91, 0.31); color:rgb(234, 255, 255); font-synthesis:weight style small-caps;}

/* ---- comments (directly under article) ---------------------- */
.l-tabs {background: var(--bg); box-shadow: var(--sh-s); padding-top:35px;padding-right:35px;padding-bottom:35px;padding-left:35px; border-radius: var(--rad-l); border: 1px solid var(--edge-2); margin-top:25px;}

/* ---- forms & controls --------------------------------------- */
.row-5 {margin-top:7px; mix-blend-mode:normal; shape-margin:0;}
.w-sm {display: grid; margin-bottom:12px; gap:12px; grid-template-columns: 1fr 1fr;}
.clear-xs {margin-bottom:16px;}
@media (max-width: 560px) { .w-sm {grid-template-columns: 1fr;} }

.listHead {transition: border-color var(--tr), box-shadow var(--tr); border-radius: var(--rad-m); font-size:.92.02rem; background: var(--bg); padding:14px 15px; font:inherit; border: 1px solid var(--edge); color: var(--text); width:100%;}.listHead::placeholder{color:#a5b7bb;}
.listHead:focus {border-color: var(--brand); outline:none; box-shadow: 0 0 0 3px var(--brand-l);}
.status-prefix::before {content:''; font-size:2.25rem; box-shadow:none; overflow:hidden}

.pt-full {min-height:130px; line-height:1.6; resize: vertical;}

.bg-2xl {font:inherit; justify-content: center; font-weight:600; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); align-items: center; display: inline-flex; white-space: nowrap; padding:9px 27px; border-radius: var(--rad-m); font-size:.92rem; gap:7px;}.py-around:not(.dummy61){box-shadow:0 1px 12px rgba(22, 131, 88, 0.32); transform-style:flat; color:rgb(255, 255, 247); background: var(--brand);}
.py-around:hover {box-shadow:0 8px 24px rgba(20, 134, 99, 0.32);}
.py-around:hover {transform: translateY(-1px); will-change:auto; text-rendering:auto; background: var(--brand-d); color:#fcf9f6;}
.u-filter {color: var(--brand); background:transparent; background-blend-mode:normal; padding:9px 14px; border: 1.5px solid var(--brand);}.u-filter:hover{background: var(--brand); color:rgb(255, 255, 255); break-inside:auto;}
.my-sm {border: 1px solid var(--edge); background: var(--bg-2); color: var(--text);}
.my-sm:hover {color: var(--head); background: var(--edge-2);}*.pl-20{width:100%;}
.rounded-block {width:49px; flex: none; padding:0;}/* ---- extras zone (everything else, pushed below content) ---- */
.h-2xl{background: var(--bg-2); padding:59px 0; border-top: 1px solid var(--edge);}

.order-4 {border-radius: var(--rad-l); margin-bottom:35px; grid-template-columns: 1fr 1.25fr; padding:30px; background: var(--bg); display: grid; box-shadow: var(--sh-s); gap:31px; border: 1px solid var(--edge); align-items: start;}
@media (max-width: 720px) {*.order-4{isolation:auto; gap:22px; background-blend-mode:normal; grid-template-columns: 1fr;} }
.listSubtitle {font-size:.9.06rem; color: var(--text-2);}

.mb-24 {display: grid; font-variant-ligatures:normal; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); perspective:none; gap:20px;}
.visible-xl {background: var(--bg); padding:22px; border: 1px solid var(--edge); border-radius: var(--rad-l); box-shadow: var(--sh-s);}
.leading-half {color: var(--text-2); margin-bottom:19px; font-size:.84.99rem;}

.order-6 {display: flex; gap:6px;}

.font-24 {list-style: none; isolation:auto; text-underline-offset:auto;}
.order-6 .listHead {flex: 1;}
.font-24 li a {border-bottom: 1px solid var(--edge-2); color: var(--text); padding:12px 0; display: block; font-size:.88rem; transition: color var(--tr), padding-left var(--tr);}.font-24 li:last-child a{border-bottom:none;}
.entry__thumb {min-height:26px; text-transform:capitalize; background-color:#ed100c; overflow:visible; align-items:baseline}

.font-24 li a:hover {color: var(--brand); padding-left:5px;}

/* ---- footer ------------------------------------------------- */
.sidebar-danger {background: var(--bg-3); border-top: 1px solid var(--edge);}
.gap-2 {gap:31px; print-color-adjust:economy; page-break-inside:auto; display: grid; grid-template-columns: 1.6fr 1fr 1fr;}
.mx-16 {padding:56px 0 35px;}
@media (max-width: 760px) { .gap-2 {gap:22px; grid-template-columns: 1fr 1fr;} }
@media (max-width: 480px) {body .gap-2{grid-template-columns: 1fr;} }.my-md img{width:auto; height:30px; margin-bottom:15px;}
.ml-start {font-size:.82.04rem; margin-bottom:13px; color: var(--text-2); max-width:316px;}
.rounded-full {list-style: none;}
.rounded-full li {isolation:auto; tab-size:4; margin-bottom:6px;}.rounded-full a{color: var(--text-2); isolation:auto; font-size:.86.92rem;}
.rounded-full a:hover {color: var(--brand);}body .m-0{padding:18px 0; border-top: 1px solid var(--edge); text-align: center; font-variant-caps:normal;}
.media-label .post-fill {padding:0.875rem 2.5rem; justify-content:flex-start; transition:all 0.2s ease; position:static}
body .m-0 p{font-size:.7.93rem; color: var(--text-2);}
.page-expand {min-height:15px; flex-wrap:nowrap; height:auto; min-width:0; flex:1}


/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.border-16 {list-style: none; display: flex; gap:6px;}
.border-16 a {background: var(--bg-2); align-items: center; display: inline-flex; width:35px; color: var(--text-2); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); border-radius: var(--rad-m); height:37px; justify-content: center; border: 1px solid var(--edge);}
.border-16 a:hover {transform: translateY(-3px); background: var(--brand); border-color: var(--brand); color:#fffff7;}/* ---- back to top -------------------------------------------- */
.mr-2{visibility: hidden; height:43px; color: var(--head); position: fixed; background: var(--bg); bottom:24px; transform: translateY(10px); display: flex; z-index: 900; opacity:0; right:29px; justify-content: center; box-shadow: var(--sh-m); transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); border: 1px solid var(--edge); border-radius:15px; width:48px; align-items: center;}
.border-16 svg {width:17px; height:20px;}
.mr-2.show {transform: none; opacity:1; visibility: visible;}html .mr-2:hover{font-variant-caps:normal; color:#f0ffff; border-color: var(--brand); transform: translateY(-2px); word-spacing:normal; background: var(--brand);}

/* ---- cookie ------------------------------------------------- */
.c-drawer-trigger {bottom:0; color:rgba(241, 255, 247, 0.8); right:0; background: var(--head); z-index: 1100; transition:transform 0.426s ease; left:0; transform: translateY(100%); position: fixed; padding:16px 0;}
.c-drawer-trigger.show {transform: none;}
.align-md {align-items: center; display: flex; gap:22px; justify-content: space-between;}
.reply--success {overflow:hidden; width:100%; font-size:inherit; box-shadow:none; transition:color 0.15s; color:inherit}

.c-drawer-trigger p {font-size:.85.02rem; line-height:1.5;}*.c-drawer-trigger a{color:hsl(158, 65.3%, 62.4%);}
.c-drawer-trigger .bg-2xl {flex: none; background-blend-mode:normal;}
@media (max-width: 600px) { .align-md {text-align: center; flex-direction: column;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.mb-none {display: flex; transition:opacity 0.284s ease, visibility 0.284s ease; align-items: center; padding:23px; position: fixed; visibility: hidden; inset:0; justify-content: center; opacity:0; z-index: 1300;}
.mb-none:target {opacity:1; visibility: visible;}body .m-3{-webkit-backdrop-filter:blur(2px); inset:0; backdrop-filter:blur(2px); position: absolute; background:rgba(19, 38, 11, 0.63);}
.action__bar {padding:38px; transition:transform 0.215s ease; border-radius: var(--rad-l); transform: translateY(14px) scale(.98); background: var(--bg); position: relative; width:100%; box-shadow: var(--sh-l); max-width:408px;}
.mb-none:target .action__bar {transform: none;}.layoutMeta{color: var(--text-2); display: flex; align-items: center; border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px; position: absolute; width:32px; justify-content: center; top:16px; transition: background var(--tr), color var(--tr); font-size:22px; right:10px; height:36px; line-height:1;}
.layoutMeta:hover {background: var(--bg-2); color: var(--head);}
.ml-24 {color: var(--text-2); font-size:.85rem; margin-bottom:16px;}.order-24{margin-top:20px; text-align: center; font-size:.84.96rem; color: var(--text-2);}/* ---- reveal ------------------------------------------------- */
.visible-screen:not(.noop34){transition:opacity 0.59s ease, transform 0.53s ease; text-rendering:auto; transform: translateY(22px); opacity:0; perspective:none;}
.visible-screen.in {transform: none; opacity:1;}

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

@media print {.position-12, *.row-between, .mx-lg, body .l-tabs, .h-2xl:not(.placeholder15), .mr-2, body .c-drawer-trigger, .mb-none, *.mx-0{backface-visibility:visible; contain:none; display: none !important;}html .mb-sm{max-width:100%;}
  .tracking-screen {border:0; padding:0; print-color-adjust:economy; box-shadow:none;}body{font-size:12pt;}
}