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

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

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

html {height:100%; -webkit-text-size-adjust:100%; scroll-behavior: smooth; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased;}html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4{margin-top:0em;margin-right:0em;margin-bottom:0em;margin-left:0em; padding:0;}

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

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

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

:focus-visible {outline-offset:2px; border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px; outline: 2px solid var(--brand);}::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track {background: var(--bg-2); mix-blend-mode:normal; widows:2;}::-webkit-scrollbar-thumb{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px; background:#site-price;}
::-webkit-scrollbar-thumb:hover {background:#main-profile;}

.widget--half {white-space: nowrap; width:1px; height:1px; position: absolute; margin:-1px; padding:0; overflow: hidden; clip:rect(0,0,0,0); border:0;}

.counterZone {margin-inline:auto; max-width: var(--max); width:100%; padding-inline:22px;}

/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4 {font-family: var(--ff-h); line-height:1.25; color: var(--head); font-weight:bold;}
h1 {font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem); letter-spacing:-.11.97em;}.snackbarIndicator:not(._dc467f){margin-bottom:13px; font-size:0.95rem;}

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

/* ---- masthead (slim, content sits right under it) ----------- */
.tabsPlaceholder {border-bottom: 1px solid var(--edge-2); background:rgba(242, 246, 255, 1); transition: box-shadow var(--tr); position: sticky; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); text-decoration-skip-ink:auto; top:0; break-inside:auto; z-index: 1000;}

/* ---- progress rail ------------------------------------------ */
.navWrap {width:0; inset:0 auto auto 0; z-index: 1200; background: linear-gradient(90deg, var(--brand), #4fd39c); position: fixed; transition:width 0.077s linear; height:-1px;}
.tabsPlaceholder.popoverThumb {box-shadow:0 2px 14px rgba(8, 41, 37, 0.01);}
.skeletonAddon {height:54px; align-items: center; display: flex; gap:16px;}

.tableIndicator {display: inline-flex; align-items: center;}
.tableIndicator img {height:28px; width:auto;}body .counterCell{margin-left:auto; gap:18px; display: flex; align-items: center;}*.breadcrumbName{align-items: center; display: flex; list-style: none; gap:6px;}
.headerName {display: block; border-radius: var(--rad-s); transition: background var(--tr), color var(--tr); font-weight:500; padding:8px 16px; font-size:.8.99rem; color: var(--text);}
.headerName:hover {background: var(--brand-l); color: var(--brand);}

.formCap {gap:11px; align-items: center; display: flex;}
.sidebarCell {padding:9px 4px; font-size:.9.02rem; font-weight:600; color: var(--head);}

.postLine {margin-left:auto; padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px; flex-direction: column; gap:6px; display: none;}
.sidebarCell:hover {color: var(--brand);}.postLine span{background: var(--head); border-radius:2px; transition: transform var(--tr), opacity var(--tr); display: block; widows:2; width:21px; height:2px;}
.postLine.x span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.postLine.x span:nth-child(2) {opacity:0;}.postLine.x span:nth-child(3){transform: translateY(-7px) rotate(-45deg); widows:2; mix-blend-mode:normal;}

@media (max-width: 820px) {
  .postLine {display: flex;}
  .counterCell {inset:59px 0 auto 0; opacity:0; border-bottom: 1px solid var(--edge); transition: transform var(--tr), opacity var(--tr); gap:16px; background: var(--bg); flex-direction: column; font-synthesis:weight style small-caps; align-items: stretch; position: absolute; text-decoration-skip-ink:auto; padding:16px 26px 20px; pointer-events: none; box-shadow: var(--sh-l); transform: translateY(-12px);}.open.counterCell{transform: none; pointer-events: auto; page-break-inside:auto; opacity:1;}
  .breadcrumbName {align-items: stretch; flex-direction: column;}
  .formCap {justify-content: flex-start; border-top: 1px solid var(--edge); padding-top:13px;}
}

/* ---- content shell ------------------------------------------ */
.tooltipButton {padding:40px 0 72px;}
.statusIndicator {max-width:763px; width:100%; margin-inline:auto;}

/* ---- article (the only real content) ------------------------ */
.profileTrigger {box-shadow: var(--sh-s); padding-top:42px;padding-right:42px;padding-bottom:42px;padding-left:42px; background: var(--bg); border-radius: var(--rad-l); border: 1px solid var(--edge-2);}
@media (max-width: 620px) { .profileTrigger {border-radius: var(--rad-m); padding:26px 23px;} }
.heroAddon {margin-bottom:16px;}

.postWrap {margin-bottom:27px;}
.action__handle {gap:14px; align-items: center; display: flex; flex-wrap: wrap; font-size:.82.08rem; color: var(--text-2);}
.sidebarHead {background-blend-mode:normal; image-rendering:auto; gap:6px; display: inline-flex; align-items: center;}

/* table of contents (collapsible, inside article) */
.selectDate {contain:none; margin-bottom:25px; font-variant-ligatures:normal;}
.sidebarHead svg {opacity:0.61; flex: none;}
.app-card-name {margin-bottom:13px;}
.app-module {background: var(--bg-2); border-radius: var(--rad-m); border: 1px solid var(--edge); padding:18px 26px;}
.app-card-name {justify-content: space-between; display: flex; align-items: center;}.tabsSecondary:not(._dc467f){color: var(--brand); font-size:.7.92rem;}
.statusPrimary ol {list-style: none; counter-reset: t;}
.statusPrimary li {margin-bottom:10px; counter-increment: t;}
.statusPrimary li::before {content: counter(t) ". "; color: var(--brand);}
.statusPrimary li::before {font-weight:500;}
.statusPrimary a {color: var(--text); font-size:.8.94rem;}

/* article body — real H2/H3 live here */
.profilePrefix {line-height:1.82; color: var(--text); font-size:1.11rem;}
.statusPrimary a:hover {color: var(--brand);}.profilePrefix > * + *{margin-top:1.23em;}
.profilePrefix h2 {font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); margin-top:1.92em;}
.profilePrefix h3 {font-size:1.28rem; margin-top:1.48em;}
.profilePrefix p {tab-size:4;}
.profilePrefix p {margin:0 0 1.21em; orphans:2;}html .profilePrefix ul, .profilePrefix ol{padding-left:1.52em; margin:0 0 1.12em;}
.profilePrefix li {margin-bottom:.45.03em;}
.profilePrefix a {text-decoration:underline; text-decoration-color:rgba(37, 130, 77, 0.5); text-underline-offset:2px;}
.profilePrefix a:hover {text-decoration-color: var(--brand);}
.profilePrefix img {border-radius: var(--rad-m); margin:1.46em 0;}
.profilePrefix blockquote {background: var(--brand-l); font-family: var(--ff-h); padding:1.01em 1.37em; border-radius: 0 var(--rad-s) var(--rad-s) 0; margin:1.55em 0; color: var(--head); border-left: 4px solid var(--brand); font-style:italic;}
.profilePrefix pre {color:#main-filter; margin:1.53em 0; font-size:.87.96rem; font-family: var(--ff-m); background:rgb(3, 44, 54); border-radius: var(--rad-m); padding:1.07em 1.36em; overflow-x: auto;}
.profilePrefix code {font-size:.8.93em; background: var(--bg-2); font-family: var(--ff-m); color:#097145; border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px; padding:2px 2px;}
.profilePrefix pre code {padding:0; color:inherit; background:none;}
.profilePrefix table {margin:1.57em 0; width:100%; border-collapse:collapse; font-size:.95.04rem;}body .profilePrefix th, .profilePrefix td{border: 1px solid var(--edge); text-align: left; padding:14px 12px;}
.profilePrefix th {font-weight:700; color: var(--head); font-family: var(--ff); background: var(--bg-2);}/* share */
.tagCount:not(._dc467f){border-top: 1px solid var(--edge-2); margin-top:30px; align-items: center; padding-top:28px; flex-wrap: wrap;}
.py-start {color: var(--head); font-size:.85.98rem; font-weight:600;}/* share */
.tagCount:not(._dc467f){gap:12px; display: flex;}
.listBody {width:36px; background: var(--bg-2); align-items: center; border-radius:7px; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); border: 1px solid var(--edge); justify-content: center; height:36px; display: inline-flex; color: var(--text-2);}
.postAddon {gap:8px; display: flex;}
.listBody:hover {border-color: var(--brand); color:#counter-count; box-shadow:0 3px 14px rgba(37, 149, 108, 0.26); background: var(--brand); transform: translateY(-2px);}/* ---- comments (directly under article) ---------------------- */
.blockNumber{background: var(--bg); box-shadow: var(--sh-s); margin-top:23px; border: 1px solid var(--edge-2); padding:29px; border-radius: var(--rad-l);}.postTrack:not(._dc467f){gap:18px; margin-bottom:15px; display: grid; grid-template-columns: 1fr 1fr;}

/* ---- forms & controls --------------------------------------- */
.cardTime {margin-top:5px;}
.menuHead {margin-bottom:14px;}
@media (max-width: 560px) { .postTrack {grid-template-columns: 1fr;} }html .dropdownButton{transition: border-color var(--tr), box-shadow var(--tr); color: var(--text); border: 1px solid var(--edge); font:inherit; background: var(--bg); width:100%; font-size:.91.96rem; padding:11px 17px; border-radius: var(--rad-m);}
.dropdownButton::placeholder {color:#carousel-count;}html .dropdownButton:focus{box-shadow: 0 0 0 3px var(--brand-l); outline:none; border-color: var(--brand);}
.bannerItem {resize: vertical; line-height:1.6; min-height:130px;}

.tagFill {white-space: nowrap; widows:2; font:inherit; padding:9px 28px; display: inline-flex; font-size:.91.95rem; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); border-radius: var(--rad-m); font-weight:500; justify-content: center; align-items: center; gap:10px; contain:none;}
.navHead {background-blend-mode:normal; color:#counter-count; box-shadow:0 5px 13px rgba(15, 129, 97, 0.21);}
.navHead {background: var(--brand);}
.navHead:hover {box-shadow:0 3px 17px rgba(19, 128, 86, 0.38); color:#counter-count; transform: translateY(-1px); background: var(--brand-d);}.formTrigger:not(._dc467f){background:transparent; padding:6px 20px; color: var(--brand); border: 1.5px solid var(--brand);}
.tablePlaceholder {color: var(--text); background: var(--bg-2);}body .formTrigger:hover{color:#counter-count; background: var(--brand);}
.tablePlaceholder {border: 1px solid var(--edge);}
.tablePlaceholder:hover {color: var(--head); background: var(--edge-2);}
.selectCount {flex: none; padding:0; width:45px;}
.dialogTrigger {width:100%;}/* ---- extras zone (everything else, pushed below content) ---- */
.dropdownImage{padding:52px 0; background: var(--bg-2); border-top: 1px solid var(--edge);}body .sectionFill{border: 1px solid var(--edge); display: grid; border-radius: var(--rad-l); align-items: start; gap:30px; background: var(--bg); padding:37px; margin-bottom:32px; box-shadow: var(--sh-s); grid-template-columns: 1fr 1.25fr;}
@media (max-width: 720px) { .sectionFill {gap:18px; print-color-adjust:economy; grid-template-columns: 1fr;} }
.form__number--light {font-size:.8.97rem; color: var(--text-2);}

.toggleIndicator {gap:23px; display: grid; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));}
.headerLabel {border-radius: var(--rad-l); box-shadow: var(--sh-s); padding:27px; border: 1px solid var(--edge); background: var(--bg);}
.popoverLabel {margin-bottom:18px; font-size:.85.01rem; color: var(--text-2);}

.screenAction {font-synthesis:weight style small-caps; break-inside:auto; display: flex; gap:11px;}
.screenAction .dropdownButton {page-break-inside:auto; text-decoration-skip-ink:auto;}
.screenAction .dropdownButton {flex: 1;}

.pageBlock {list-style: none;}
.pageBlock li a {display: block; padding:13px 0; transition: color var(--tr), padding-left var(--tr); color: var(--text); font-size:.87.93rem; border-bottom: 1px solid var(--edge-2);}
.pageBlock li:last-child a {border-bottom:none;}
.pageBlock li a:hover {color: var(--brand); text-underline-offset:auto; padding-left:4px; widows:2;}
.moduleLabel {padding:55px 0 32px;}/* ---- footer ------------------------------------------------- */
.moduleFoot{background: var(--bg-3); border-top: 1px solid var(--edge);}
.moduleLabel {font-variant-caps:normal; text-underline-offset:auto;}.u-snackbar-preview{display: grid; gap:35px; grid-template-columns: 1.6fr 1fr 1fr;}
@media (max-width: 760px) {.u-snackbar-preview{gap:28px; grid-template-columns: 1fr 1fr;} }
@media (max-width: 480px) {*.u-snackbar-preview{grid-template-columns: 1fr;} }

.counterRow img {font-synthesis:weight style small-caps;}

.counterRow img {margin-bottom:18px; width:auto; height:26px; word-spacing:normal;}
.snackbarThumb {max-width:324px; font-size:.82.07rem; color: var(--text-2); margin-bottom:16px;}.tabsIndicator:not(._dc467f){orphans:2; list-style: none;}.tabsIndicator li{margin-bottom:11px;}
.tabsIndicator a {text-decoration-skip-ink:auto;}
.tabsIndicator a {font-size:.86.94rem; color: var(--text-2);}
.tabsIndicator a:hover {color: var(--brand);}
.c-search {border-top: 1px solid var(--edge); text-align: center; padding:17px 0;}/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.gap-3{gap:6px; list-style: none; display: flex;}
.c-search p {font-size:.8rem; color: var(--text-2);}
.gap-3 a {width:34px; height:39px; border: 1px solid var(--edge); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); border-radius: var(--rad-m); color: var(--text-2); align-items: center; justify-content: center; display: inline-flex; background: var(--bg-2);}*.gap-3 a:hover{border-color: var(--brand); text-decoration-skip-ink:auto; background: var(--brand); color:#counter-count; transform: translateY(-3px); page-break-inside:auto;}
.gap-3 svg {height:15px; width:19px;}

/* ---- back to top -------------------------------------------- */
.screenBar {justify-content: center; width:48px; align-items: center; height:42px; display: flex; right:28px; opacity:0; border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px; transform: translateY(10px); visibility: hidden; background: var(--bg); 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); position: fixed; z-index: 900; color: var(--head); bottom:29px;}
.screenBar.show {visibility: visible; transform: none; opacity:1;}
.screenBar:hover {transform: translateY(-2px); background: var(--brand);}
.screenBar:hover {color:#counter-count; border-color: var(--brand);}

/* ---- cookie ------------------------------------------------- */
.replyWrap {transition:transform 0.364s ease; z-index: 1100; color:rgba(245, 255, 250, 0.87); bottom:0em; position: fixed; transform: translateY(100%); left:0; right:0em; padding:17px 0; background: var(--head);}
.replyWrap.show {transform: none;}
.carouselSuffix {justify-content: space-between; display: flex;}.replyWrap p{line-height:1.5; font-size:.84.95rem;}
.carouselSuffix {gap:22px; align-items: center;}
.replyWrap a {widows:2; color:#76d99d;}
.replyWrap .tagFill {flex: none;}
@media (max-width: 600px) { .carouselSuffix {flex-direction: column; text-align: center;} }/* ---- :target auth modals (markup lives at end of body) ------ */
.accordionPrimary{transition:opacity 0.248s ease, visibility 0.279s ease; justify-content: center; display: flex; padding-top:23px;padding-right:23px;padding-bottom:23px;padding-left:23px; z-index: 1300; visibility: hidden; align-items: center; opacity:0; position: fixed; inset:0;}
.accordionPrimary:target {opacity:1; visibility: visible;}
.tag-name-elevated {-webkit-backdrop-filter:blur(2px); background:rgba(9, 44, 36, 0.57); backdrop-filter:blur(2px); position: absolute; inset:0em;}
.drawerOverlay {width:100%; transform: translateY(14px) scale(.98); isolation:auto; padding-top:36px;padding-right:36px;padding-bottom:36px;padding-left:36px; transition:transform 0.293s ease; border-radius: var(--rad-l); max-width:409px; box-shadow: var(--sh-l); background: var(--bg); position: relative;}
.accordionPrimary:target .drawerOverlay {transform: none;}
.paginationClose {display: flex; line-height:1; position: absolute; transition: background var(--tr), color var(--tr); height:38px; justify-content: center; width:30px; align-items: center; font-size:19px; right:16px; top:15px; color: var(--text-2); border-radius:8px;}
.paginationClose:hover {color: var(--head); background: var(--bg-2);}
.footerNumber {font-size:.85.08rem; margin-bottom:15px; color: var(--text-2);}
.spinnerRegion {font-size:.85rem; margin-top:14px; text-align: center; color: var(--text-2);}

/* ---- reveal ------------------------------------------------- */
.o-box-prefix {transition:opacity 0.491s ease, transform 0.55s ease; opacity:0; transform: translateY(22px);}
.o-box-prefix.in {opacity:1; font-variant-ligatures:normal; break-inside:auto; transform: none;}

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

@media print {html .tabsPlaceholder, .navWrap:not(._dc467f), *.tagCount, *.blockNumber, .dropdownImage, *.screenBar, .replyWrap:not(._dc467f), body .accordionPrimary, body .postLine{display: none !important;}
  .statusIndicator {max-width:100%;}body .profileTrigger{box-shadow:none; border:0rem; padding:0;}body{font-size:12pt;}
}
