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

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

*, *::before, *::after {box-sizing: border-box;}
html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4 {margin:0; padding:0;}html{-webkit-font-smoothing:antialiased;}html{-webkit-text-size-adjust:100%; height:100%; -moz-osx-font-smoothing:grayscale; scroll-behavior: smooth;}

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

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

:focus-visible {outline-offset:2px; outline: 2px solid var(--brand); border-radius:6px;}::-webkit-scrollbar{width:6px;}
::selection {color: var(--head); background: var(--brand-l);}
::-webkit-scrollbar-thumb {border-radius:7px; word-spacing:normal; background:#separator-tooltip;}
::-webkit-scrollbar-track {background: var(--bg-2);}

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

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

.gap-md {padding-inline:22px; margin-inline:auto; width:100%; max-width: var(--max);}
h1 {font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem); letter-spacing:-.11.99em;}/* ---- span labels styled to look like section titles --------- */
:where(.pagination__addon){display: block; font-size:1.15rem; font-family: var(--ff); margin-bottom:14px; font-weight:700; line-height:1.3; color: var(--head);}
.mx-6 {font-size:0.97rem; margin-bottom:12px;}

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

/* ---- masthead (slim, content sits right under it) ----------- */
.drawer--empty {position: sticky;}

/* ---- masthead (slim, content sits right under it) ----------- */
.drawer--empty {border-bottom: 1px solid var(--edge-2); backdrop-filter:blur(10px); top:0; transition: box-shadow var(--tr); background:rgba(255, 255, 255, 0.89); -webkit-backdrop-filter:blur(10px); z-index: 1000;}html .opacity-4{gap:17px; height:60px; align-items: center; display: flex;}
.drawer--empty.tracking-around {box-shadow:0 2px 18px rgba(2, 44, 39, 0.13);}

.pr-end {display: inline-flex; align-items: center;}
.pr-end img {width:auto;}
.pr-end img {contain:none; text-decoration-skip-ink:auto; height:27px;}
.position-lg {align-items: center; list-style: none; display: flex; gap:1px;}.w-md:not(._fbf240){margin-left:auto; display: flex; gap:16px; align-items: center;}.px-md:not(._fbf240){color: var(--text); transition: background var(--tr), color var(--tr); font-size:.8.99rem; display: block; border-radius: var(--rad-s); font-weight:medium; padding:12px 9px;}.px-md:hover{text-rendering:auto; color: var(--brand); font-variant-ligatures:normal; background: var(--brand-l);}

.pl-between {align-items: center; display: flex; gap:9px;}.mx-2:not(._fbf240){padding:9px 9px; font-weight:600; font-size:.8.99rem;}.mx-2:not(._fbf240){color: var(--head);}body .mx-2:hover{color: var(--brand);}html .reply-filled{margin-left:auto; gap:5px; padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px; flex-direction: column; display: none;}
.reply-filled span {border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; background: var(--head); width:20px; height:2px; display: block; transition: transform var(--tr), opacity var(--tr);}*.reply-filled.x span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.reply-filled.x span:nth-child(2) {opacity:0;}
.reply-filled.x span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {
  .reply-filled {display: flex;}
  .w-md {opacity:0; padding:19px 26px 26px; position: absolute; flex-direction: column; pointer-events: none; box-shadow: var(--sh-l); background: var(--bg); gap:13px; transition: transform var(--tr), opacity var(--tr); border-bottom: 1px solid var(--edge); inset:62px 0 auto 0; transform: translateY(-12px); align-items: stretch;}
  .w-md.open {transform: none; pointer-events: auto; opacity:1;}body .position-lg{align-items: stretch; flex-direction: column;}.pl-between{justify-content: flex-start; font-variant-caps:normal; text-decoration-skip-ink:auto; border-top: 1px solid var(--edge); padding-top:15px;}
}

/* ---- content shell ------------------------------------------ */
.grid-24 {padding:44px 0 71px;}body .nav-group-disabled{max-width:760px; margin-inline:auto; width:100%;}

/* ---- article (the only real content) ------------------------ */
.pr-start {border: 1px solid var(--edge-2); background: var(--bg); border-radius: var(--rad-l); padding-top:43px;padding-right:43px;padding-bottom:43px;padding-left:43px; box-shadow: var(--sh-s);}
@media (max-width: 620px) { .pr-start {border-radius: var(--rad-m); padding:30px 24px;} }

.text-block {margin-bottom:31px;}html .time-tabs{margin-bottom:18px;}
.c-search-wrapper {font-size:.82.02rem; display: flex; flex-wrap: wrap; color: var(--text-2); gap:16px; align-items: center;}body .align-0{align-items: center; gap:10px; display: inline-flex;}
.align-0 svg {opacity:0.53; flex: none;}

/* table of contents (collapsible, inside article) */
.tracking-8 {margin-bottom:31px;}
.shadow-6 {padding:20px 26px; border-radius: var(--rad-m); background: var(--bg-2); border: 1px solid var(--edge);}
.profile {align-items: center; orphans:2; display: flex; margin-bottom:7px; justify-content: space-between;}
.col-5 {color: var(--brand); font-size:.7.92rem;}
.row-block ol {list-style: none; counter-reset: t;}
.row-block li {counter-increment: t; margin-bottom:5px;}html .row-block li::before{font-weight:700; content: counter(t) ". "; color: var(--brand);}
.row-block a {font-size:.9.07rem; color: var(--text);}
.row-block a:hover {color: var(--brand);}

/* article body — real H2/H3 live here */
.align-3 {font-size:1.01rem; color: var(--text); line-height:1.82;}
.align-3 > * + * {margin-top:1.22em;}.align-3 h2{margin-top:1.85em; font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem);}html .align-3 h3{margin-top:1.49em; font-size:1.35rem;}.align-3 p{margin:0 0 1.17em;}
.align-3 ul, .align-3 ol {padding-left:1.37em; margin:0 0 1.15em;}.align-3 li{margin-bottom:.44.98em;}html .align-3 a{text-decoration:underline;}html .align-3 a{text-decoration-color:rgba(14, 144, 81, 0.45); text-underline-offset:2px;}
.align-3 a:hover {text-decoration-color: var(--brand);}
.align-3 img {border-radius: var(--rad-m); margin:1.43em 0;}.align-3 blockquote{background: var(--brand-l); font-family: var(--ff-h); color: var(--head); border-left: 4px solid var(--brand); margin:1.49em 0; font-style:italic; padding:1.02em 1.24em; border-radius: 0 var(--rad-s) var(--rad-s) 0;}.align-3 pre{background:rgb(20, 29, 1); padding:1.18em 1.22em; font-family: var(--ff-m); margin:1.48em 0; overflow-x: auto; color:#wrap-menu; font-size:.87.97rem; border-radius: var(--rad-m);}
.align-3 code {color:#127857; font-size:.9.04em; background: var(--bg-2); padding:2px 6px; border-radius:0 none; font-family: var(--ff-m);}*.align-3 pre code{color:inherit; background:none; padding:0;}
.align-3 table {margin:1.43em 0; border-collapse:collapse; mix-blend-mode:normal; width:100%; font-size:.95.08rem;}
.align-3 th, .align-3 td {padding:12px 16px; text-decoration-skip-ink:auto;}
.align-3 th, .align-3 td {border: 1px solid var(--edge); text-align: left;}

/* share */
.mediaRow {margin-top:29px; gap:13px;}
.align-3 th {background: var(--bg-2); font-weight:700; color: var(--head); font-family: var(--ff);}

/* share */
.mediaRow {border-top: 1px solid var(--edge-2); align-items: center; display: flex; flex-wrap: wrap; padding-top:26px;}.justify-8{color: var(--head); font-size:.85.92rem; font-weight:500;}.z-2xl{display: flex; gap:8px;}
.h-auto {color: var(--text-2); border: 1px solid var(--edge); align-items: center; width:41px; background: var(--bg-2); height:42px; display: inline-flex; border-radius:14px; justify-content: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr);}
.h-auto:hover {box-shadow:0 3px 18px rgba(23, 156, 106, 0.3); background: var(--brand); border-color: var(--brand); color:#modal_title; transform: translateY(-2px);}

/* ---- comments (directly under article) ---------------------- */
.visible-8 {border: 1px solid var(--edge-2); margin-top:28px;}

/* ---- comments (directly under article) ---------------------- */
.visible-8 {background: var(--bg); box-shadow: var(--sh-s); border-radius: var(--rad-l); padding:30px;}

/* ---- forms & controls --------------------------------------- */
.t-media {margin-top:6px;}
.region-dropdown {grid-template-columns: 1fr 1fr; mix-blend-mode:normal; margin-bottom:16px; display: grid; gap:18px;}
.col-md {margin-bottom:19px;}
@media (max-width: 560px) { .region-dropdown {grid-template-columns: 1fr;} }html .w-between{background: var(--bg); color: var(--text); transition: border-color var(--tr), box-shadow var(--tr); border-radius: var(--rad-m); font:inherit; border: 1px solid var(--edge); padding:16px 14px; font-size:.91.96rem; width:100%;}
.w-between::placeholder {color:#app-list;}
.w-between:focus {outline:none; border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-l);}body .u-sidebar-track{resize: vertical; min-height:133px; line-height:1.6;}

.banner-image-hover {transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); display: inline-flex; border-radius: var(--rad-m); font:inherit; white-space: nowrap; gap:8px; align-items: center; font-size:.91.95rem; padding:7px 24px; justify-content: center; font-weight:600;}*.flex-xs{box-shadow:0 3px 18px rgba(7, 159, 112, 0.26); color:#modal_title; background: var(--brand);}html .flex-xs:hover{transform: translateY(-1px); background: var(--brand-d); color:#modal_title; box-shadow:0 4px 22px rgba(40, 163, 108, 0.28);}
.l-media-region {background:transparent; padding:5px 14px; border: 1.5px solid var(--brand); color: var(--brand);}
.l-media-region:hover {color:#modal_title; background: var(--brand);}
.grid-md {background: var(--bg-2); color: var(--text); border: 1px solid var(--edge); isolation:auto;}
.grid-md:hover {background: var(--edge-2); color: var(--head);}
.app-action-indicator {padding:0;}
.app-action-indicator {word-spacing:normal; hyphens:manual; width:44px; flex: none;}

/* ---- extras zone (everything else, pushed below content) ---- */
.flex-2xl {border-top: 1px solid var(--edge); background: var(--bg-2); padding:57px 0;}
.d-between {width:100%; will-change:auto; text-underline-offset:auto;}

.float-1 {box-shadow: var(--sh-s); perspective:none; border-radius: var(--rad-l); background: var(--bg); margin-bottom:32px; gap:34px; border: 1px solid var(--edge); grid-template-columns: 1fr 1.25fr; print-color-adjust:economy; padding:33px; align-items: start; display: grid;}
@media (max-width: 720px) { .float-1 {gap:22px; grid-template-columns: 1fr;} }
.mx-half {color: var(--text-2); font-size:.9.08rem;}

.entrySpacer {gap:26px; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); display: grid;}
.t-table-info {background: var(--bg); box-shadow: var(--sh-s); padding:28px; border-radius: var(--rad-l); border: 1px solid var(--edge);}

.pt-end {display: flex; gap:7px; transform-style:flat;}
.h-inline {color: var(--text-2); font-size:.84.93rem; margin-bottom:16px;}
.pt-end .w-between {flex: 1;}.opacity-center{list-style: none;}body .opacity-center li a{font-size:.88.06rem; border-bottom: 1px solid var(--edge-2); padding:14px 0; transition: color var(--tr), padding-left var(--tr); display: block; color: var(--text);}.opacity-center li:last-child a{border-bottom:none;}

/* ---- footer ------------------------------------------------- */
.grid-xs {border-top: 1px solid var(--edge); background: var(--bg-3);}
.opacity-center li a:hover {color: var(--brand); shape-margin:0; padding-left:6px;}
.ml-lg {padding:50px 0 38px;}.bg-0{display: grid; gap:32px; grid-template-columns: 1.6fr 1fr 1fr;}
@media (max-width: 760px) { .bg-0 {grid-template-columns: 1fr 1fr; backface-visibility:visible; text-underline-offset:auto; gap:26px;} }
@media (max-width: 480px) { .bg-0 {grid-template-columns: 1fr;} }

.border-16 img {margin-bottom:17px; width:auto; height:29px;}.order-end{perspective:none; list-style: none; font-variant-caps:normal;}
.justify-around {color: var(--text-2); font-size:.81.98rem; max-width:321px; margin-bottom:16px;}body .order-end li{margin-bottom:12px;}
.order-end a {color: var(--text-2); font-size:.86.92rem;}
.order-end a:hover {color: var(--brand);}.h-lg{text-align: center; border-top: 1px solid var(--edge); padding:22px 0;}*.h-lg p{font-size:.8.05rem; color: var(--text-2);}

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

/* ---- back to top -------------------------------------------- */
.dropdown {bottom:30px; border-radius:12px; justify-content: center; display: flex; box-shadow: var(--sh-m); isolation:auto; visibility: hidden; text-rendering:auto; transform: translateY(10px); align-items: center; width:44px; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); z-index: 900; opacity:0; background: var(--bg); border: 1px solid var(--edge); height:46px; color: var(--head); right:29px; position: fixed;}
.dropdown.show {transform: none; font-variant-ligatures:normal; text-decoration-skip-ink:auto; opacity:1; visibility: visible;}
.dropdown:hover {color:#modal_title; transform: translateY(-2px); background: var(--brand); border-color: var(--brand);}

/* ---- cookie ------------------------------------------------- */
.ml-between {left:0; bottom:0; color:rgba(244, 255, 245, 0.88); padding:14px 0; transition:transform 0.398s ease; position: fixed; transform: translateY(100%); background: var(--head); z-index: 1100; right:0;}html .ml-between.show{transform: none;}
.overflow-center {display: flex; gap:17px; justify-content: space-between; align-items: center;}
.ml-between p {font-size:.85rem; line-height:1.5;}
.ml-between a {color:hsl(152, 78.6%, 67%);}
.ml-between .banner-image-hover {flex: none;}
@media (max-width: 600px) { .overflow-center {flex-direction: column; text-align: center;} }/* ---- :target auth modals (markup lives at end of body) ------ */
.post__time--selected{display: flex; padding-top:20px; padding-right:20px; padding-bottom:20px; padding-left:20px; visibility: hidden; z-index: 1300; transition:opacity 0.207s ease, visibility 0.279s ease; align-items: center; position: fixed; opacity:0; justify-content: center;}/* ---- :target auth modals (markup lives at end of body) ------ */
.post__time--selected{inset:0;}html .post__time--selected:target{visibility: visible; opacity:1;}*.profileMeta{transition:transform 0.263s ease; border-radius: var(--rad-l); width:100%; max-width:413px; box-shadow: var(--sh-l); background: var(--bg); position: relative; transform: translateY(14px) scale(.98); padding-top:34px;padding-right:34px;padding-bottom:34px;padding-left:34px;}
.sectionRow {text-decoration-skip-ink:auto; -webkit-backdrop-filter:blur(2px); inset:0; position: absolute; background:rgba(14, 30, 11, 0.62); backdrop-filter:blur(2px);}
.post__time--selected:target .profileMeta {transform: none;}
.pb-center {width:30px; top:18px; height:35px; border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px; right:12px; transition: background var(--tr), color var(--tr); justify-content: center; align-items: center; font-size:16px; line-height:1; color: var(--text-2); display: flex; position: absolute;}
.pb-center:hover {background: var(--bg-2); color: var(--head);}
.pb-full {color: var(--text-2); margin-bottom:19px;}.app-pagination{font-size:.84.98rem; margin-top:14px; color: var(--text-2); text-align: center;}
.pb-full {font-size:.85.06rem;}

/* ---- reveal ------------------------------------------------- */
.filter--half {transform: translateY(22px); transition:opacity 0.49s ease, transform 0.502s ease; opacity:0;}
.filter--half.in {opacity:1; transform: none; hyphens:manual;}

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

@media print {.drawer--empty:not(._fbf240), html .carouselFill, *.mediaRow, .visible-8:not(._fbf240), body .flex-2xl, html .dropdown, *.ml-between, html .post__time--selected, .reply-filled{display: none !important; text-underline-offset:auto;}
  .nav-group-disabled {max-width:100%;}
  .pr-start {padding:0; box-shadow:none; border:0;}body{font-size:12pt;}
}