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

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

html {-webkit-text-size-adjust:100%; scroll-behavior: smooth; -webkit-font-smoothing:antialiased; height:100%; -moz-osx-font-smoothing:grayscale;}body{font-family: var(--ff); overflow-x: hidden; image-rendering:auto; line-height:1.7; hyphens:manual; min-height:100%; background: var(--bg); font-size:19px; color: var(--text);}

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

:focus-visible {outline-offset:2px; outline: 2px solid var(--brand); border-radius:6px;}
button {cursor: pointer;}
::-webkit-scrollbar {width:10px;}
::selection {color: var(--head); background: var(--brand-l); shape-margin:0;}
::-webkit-scrollbar-track {background: var(--bg-2);}
::-webkit-scrollbar-thumb {border-radius:10px; background:#cedbcc; font-synthesis:weight style small-caps; perspective:none;}
::-webkit-scrollbar-thumb:hover {background:rgb(183, 190, 178);}

.opacity-sm {white-space: nowrap; overflow: hidden; position: absolute; clip:rect(0,0,0,0); border:0 none; margin:-1px; padding:0; width:1px; height:1px;}.flex-5:not(.skip23){margin-inline:auto;}.flex-5:not(.skip23){width:100%; padding-inline:22px; perspective:none; max-width: var(--max);}/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4{font-weight:bold; line-height:1.25; font-family: var(--ff-h); color: var(--head);}
h1 {font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem); letter-spacing:-.12.06em;}/* ---- span labels styled to look like section titles --------- */
.clear-24:not(.placeholder93){margin-bottom:15px; font-weight:bold; line-height:1.3; display: block; font-family: var(--ff); font-size:1.24rem; color: var(--head);}
.tracking-20 {margin-bottom:13px; font-size:0.99rem;}/* ---- progress rail ------------------------------------------ */
.flex-around{height:1px; width:0; transition:width 0.121s linear; position: fixed; inset:0 auto auto 0; background: linear-gradient(90deg, var(--brand), #4fd39c);}
.sidebar-summary.menu-disabled {cursor:default; width:940px; min-height:36px; min-width:0; line-height:1; transition:color 0.4s}
/* ---- progress rail ------------------------------------------ */
.flex-around{z-index: 1200;}/* ---- masthead (slim, content sits right under it) ----------- */
.pagination__data--empty{backdrop-filter:blur(10px); z-index: 1000; position: sticky; top:0;}
.tag-item::before {content:''; background-color:transparent}
/* ---- masthead (slim, content sits right under it) ----------- */
.pagination__data--empty{border-bottom: 1px solid var(--edge-2); background:rgba(255, 255, 253, 1); transition: box-shadow var(--tr); -webkit-backdrop-filter:blur(10px);}
.pagination__data--empty.dividerBar {box-shadow:0 2px 15px rgba(33, 41, 15, 0.14);}
.pt-3 {display: flex; align-items: center; gap:20px; height:61px;}

.tooltipHolder {display: inline-flex; align-items: center;}
.tooltipHolder img {width:auto; height:28px; font-variant-ligatures:normal;}

.profile-meta {display: flex; align-items: center; hyphens:manual; font-variant-caps:normal; margin-left:auto; gap:16px;}
.rounded-10 {border-radius: var(--rad-s); font-weight:500; display: block; font-size:.9.05rem; padding:5px 17px; color: var(--text); transition: background var(--tr), color var(--tr);}
.pt-start {display: flex; gap:4px; list-style: none; align-items: center;}body .rounded-10:hover{background: var(--brand-l); color: var(--brand);}

.c-carousel-name {display: flex; gap:12px; align-items: center;}
.justify-auto {padding:6px 3px; font-weight:600; font-size:.9.08rem; color: var(--head);}.justify-auto:hover{tab-size:4; color: var(--brand);}.gap-sm{gap:1px; display: none; padding:9px; margin-left:auto; flex-direction: column;}
.gap-sm span {width:20px; height:2px; display: block; transition: transform var(--tr), opacity var(--tr); background: var(--head); border-radius:2px;}
.gap-sm.x span:nth-child(1) {transform: translateY(7px) rotate(45deg);}*.gap-sm.x span:nth-child(2){opacity:0;}body .gap-sm.x span:nth-child(3){transform: translateY(-7px) rotate(-45deg); page-break-inside:auto; transform-style:flat;}

@media (max-width: 820px) {
  .gap-sm {display: flex;}
  .profile-meta {transform: translateY(-12px); transition: transform var(--tr), opacity var(--tr); border-bottom: 1px solid var(--edge); background: var(--bg); padding:20px 20px 25px; opacity:0; pointer-events: none; position: absolute; box-shadow: var(--sh-l); gap:18px; flex-direction: column; align-items: stretch; inset:55px 0 auto 0;}.open.profile-meta{break-inside:auto; pointer-events: auto; transform: none; opacity:1; hyphens:manual;}
  .pt-start {align-items: stretch; flex-direction: column;}
  .c-carousel-name {padding-top:12px; border-top: 1px solid var(--edge); justify-content: flex-start;}
}
.shadow-24 {max-width:757px; width:100%; margin-inline:auto;}

/* ---- content shell ------------------------------------------ */
.flex-none {padding:39px 0 75px;}

/* ---- article (the only real content) ------------------------ */
.grid-12 {padding:40px; box-shadow: var(--sh-s); background: var(--bg); border: 1px solid var(--edge-2); border-radius: var(--rad-l);}
@media (max-width: 620px) {.grid-12{padding-top:23px;padding-right:16px;padding-bottom:23px;padding-left:16px; border-radius: var(--rad-m);} }.leading-none{margin-bottom:31px;}
.widgetHandle {align-items: center; font-size:.82.03rem; gap:12px; flex-wrap: wrap; display: flex; color: var(--text-2);}
.mr-sm {margin-bottom:18px;}
.m-sm {display: inline-flex; print-color-adjust:economy; gap:3px; align-items: center; background-blend-mode:normal;}
.m-sm svg {flex: none; opacity:0.54;}

/* table of contents (collapsible, inside article) */
.ml-xs {margin-bottom:28px;}
#step-container {transition:color 0.45s; position:absolute; height:43px}

.opacity-around {padding:20px 23px;}
.opacity-around {border-radius: var(--rad-m); background: var(--bg-2); border: 1px solid var(--edge);}
.comment-image:hover {margin-left:auto; align-items:baseline; justify-content:flex-start; text-transform:lowercase}
html .o-search-prefix{display: flex; align-items: center; justify-content: space-between; margin-bottom:10px;}
.visible-10 ol {counter-reset: t; list-style: none;}html .bg-sm{font-size:.8.03rem; color: var(--brand);}
.visible-10 li {counter-increment: t; margin-bottom:8px;}
.visible-10 li::before {content: counter(t) ". "; color: var(--brand); font-weight:600;}
.visible-10 a {font-size:.9.08rem; color: var(--text);}
.visible-10 a:hover {color: var(--brand);}
.counter-cell {margin-right:19px; text-decoration:none; display:flex}


/* article body — real H2/H3 live here */
.h-0 {line-height:1.82; font-size:1.07rem; color: var(--text);}
.h-0 > * + * {margin-top:1.13em;}
.h-0 h2 {font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); margin-top:1.82em;}
.h-0 h3 {font-size:1.25rem; margin-top:1.42em;}
.h-0 p {margin:0 0 1.08em; font-variant-caps:normal;}.h-0 ul, *.h-0 ol{padding-left:1.43em; margin:0 0 1.18em;}
.h-0 li {margin-bottom:.45.02em;}
.h-0 a {text-decoration:underline; text-decoration-color:rgba(40, 157, 104, 0.45); text-underline-offset:2px;}
.h-0 a:hover {text-decoration-color: var(--brand);}
.h-0 img {border-radius: var(--rad-m); margin:1.53em 0;}
.h-0 blockquote {border-radius: 0 var(--rad-s) var(--rad-s) 0; font-family: var(--ff-h); padding-top:1em;padding-right:1.26em;padding-bottom:1em;padding-left:1.26em; color: var(--head); font-style:italic; border-left: 4px solid var(--brand); margin:1.47em 0; background: var(--brand-l);}
.h-0 pre {overflow-x: auto; border-radius: var(--rad-m); margin:1.56em 0; font-family: var(--ff-m); color:rgb(249, 229, 255); font-size:.88rem; background:hsl(336, 11.7%, 9.6%); padding:1.12em 1.34em;}
.h-0 code {color:#097447; font-size:.8.94em; font-family: var(--ff-m); background: var(--bg-2); border-radius:7px;}
.h-0 code {padding:2px 10px;}
.h-0 pre code {background:none; padding:0; color:inherit;}
.h-0 table {margin:1.47em 0; width:100%; orphans:2; border-collapse:collapse; font-size:.95.08rem;}
.h-0 th, .h-0 td {padding-top:13px;padding-right:18px;padding-bottom:13px;padding-left:18px; border: 1px solid var(--edge); text-align: left;}.h-0 th{background: var(--bg-2); font-family: var(--ff); font-weight:600; color: var(--head);}
.mt-12 {color: var(--head); hyphens:manual; font-size:.85.93rem; font-weight:600;}

/* share */
.w-xs {border-top: 1px solid var(--edge-2); margin-top:29px; align-items: center; flex-wrap: wrap; gap:14px; padding-top:27px; display: flex;}html .mx-around{display: flex; gap:6px;}.leading-24:not(.nil93){border: 1px solid var(--edge); border-radius:10px; display: inline-flex; width:36px; justify-content: center; background: var(--bg-2); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); height:36px; align-items: center; color: var(--text-2);}html .leading-24:hover{border-color: var(--brand); transform: translateY(-2px); box-shadow:0 4px 11px rgba(30, 155, 87, 0.27); color:#fdfff1; background: var(--brand);}

/* ---- comments (directly under article) ---------------------- */
.order-xs {background: var(--bg); border: 1px solid var(--edge-2); margin-top:25px; padding:31px; box-shadow: var(--sh-s); border-radius: var(--rad-l);}
.rounded-5 {margin-bottom:19px; gap:11px; grid-template-columns: 1fr 1fr; display: grid;}

/* ---- forms & controls --------------------------------------- */
.banner-narrow {margin-top:8px;}
.align-auto {margin-bottom:19px;}
@media (max-width: 560px) { .rounded-5 {grid-template-columns: 1fr;} }

.c-grid {color: var(--text); width:100%; font-size:.91.99rem; background: var(--bg); transition: border-color var(--tr), box-shadow var(--tr); padding:16px 15px; font:inherit; border: 1px solid var(--edge); border-radius: var(--rad-m);}
.c-grid::placeholder {color:#b5b59e;}
.c-grid:focus {border-color: var(--brand); outline:none; box-shadow: 0 0 0 3px var(--brand-l);}html .timelineBlock{resize: vertical; line-height:1.6; min-height:133px;}

.el-grid {display: inline-flex; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); padding:12px 28px; font:inherit; font-size:.91.96rem; white-space: nowrap; gap:6px; justify-content: center; font-weight:600; align-items: center; border-radius: var(--rad-m);}
.grid-around {color:#f3fff9; background: var(--brand); backface-visibility:visible; print-color-adjust:economy; box-shadow:0 3px 16px rgba(6, 158, 93, 0.21);}
.progress-preview::before {content:''; letter-spacing:normal; transition:transform 0.2s ease-in-out; display:grid; justify-content:flex-end; box-shadow:none}
.grid-around:hover{color:#faffff; box-shadow:0 2px 24px rgba(33, 153, 85, 0.37); transform: translateY(-1px); background: var(--brand-d);}
.shadow-md {border: 1.5px solid var(--brand); background:transparent; color: var(--brand); padding:12px 18px;}
.shadow-md:hover {color:rgb(255, 252, 255); background: var(--brand);}
.my-2 {border: 1px solid var(--edge); color: var(--text); background: var(--bg-2);}
.my-2:hover {background: var(--edge-2); color: var(--head);}
.mr-lg {flex: none; width:47px;}
.mr-lg {padding:0;}
.float-5 {width:100%;}

/* ---- extras zone (everything else, pushed below content) ---- */
.ml-20 {background: var(--bg-2); border-top: 1px solid var(--edge); padding:52px 0;}

.h-inline {display: grid;}

.h-inline {border: 1px solid var(--edge); align-items: start; grid-template-columns: 1fr 1.25fr; padding-top:36px; padding-right:36px; padding-bottom:36px; padding-left:36px; box-shadow: var(--sh-s); margin-bottom:34px; background: var(--bg); gap:31px; border-radius: var(--rad-l);}
@media (max-width: 720px) {.h-inline{gap:23px; grid-template-columns: 1fr;} }

.tracking-full {grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); display: grid; gap:20px;}
.galleryCell {color: var(--text-2); font-size:.9.02rem;}
.px-10 {box-shadow: var(--sh-s); padding:25px; border-radius: var(--rad-l); background: var(--bg); border: 1px solid var(--edge);}
.section--light {margin-bottom:15px; font-size:.84.96rem;}
.section--light {color: var(--text-2);}

.my-start {display: flex; gap:12px;}
.my-start .c-grid {flex: 1;}
.menu-zone {display:grid; transition:all 0.4s ease; align-items:stretch; cursor:default; line-height:normal; padding-bottom:0.875rem}
body .pl-start{list-style: none;}
.pl-start li a {border-bottom: 1px solid var(--edge-2); font-size:.87.93rem; color: var(--text); display: block; padding:15px 0; transition: color var(--tr), padding-left var(--tr);}.pl-start li:last-child a{border-bottom:none;}
.pl-start li a:hover {padding-left:4px; color: var(--brand);}/* ---- footer ------------------------------------------------- */
.tracking-10{background: var(--bg-3); border-top: 1px solid var(--edge); orphans:2;}
.font-10 {padding:51px 0 37px; font-synthesis:weight style small-caps;}*.bg-auto{gap:30px; grid-template-columns: 1.6fr 1fr 1fr; display: grid;}
@media (max-width: 760px) { .bg-auto {grid-template-columns: 1fr 1fr; gap:24px;} }
.slider-tertiary:not(:last-child) {border:none; display:inline-flex; position:relative; padding-top:2.5rem; justify-content:flex-start}

@media (max-width: 480px) {.bg-auto{grid-template-columns: 1fr;} }

.z-block img {width:auto; margin-bottom:18px; height:32px;}
.grid-screen {color: var(--text-2); font-size:.82.07rem; background-blend-mode:normal; margin-bottom:12px; backface-visibility:visible;}
.grid-screen {max-width:322px;}.boxSection{list-style: none;}
.boxSection li {tab-size:4; will-change:auto; margin-bottom:7px;}
.boxSection a {page-break-inside:auto; font-size:.86.92rem; color: var(--text-2);}
.boxSection a:hover {color: var(--brand);}
.module-wrap > bar {display:none; position:static; transition:opacity 0.35s}

.tag--large {border-top: 1px solid var(--edge); padding:18px 0; text-align: center;}
.tag--large p {color: var(--text-2); font-size:.8.08rem;}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.shadow-4 {background-blend-mode:normal; gap:11px; list-style: none; display: flex;}
.tooltip-info .screen-outer {margin:0 auto; text-transform:none; transition:transform 0.3s ease-in-out; letter-spacing:0.075em}

.sort-cell > track {justify-content:space-around; transition:all 0.5s ease}
.shadow-4 a{background: var(--bg-2); color: var(--text-2); justify-content: center; align-items: center; border-radius: var(--rad-m); width:37px; border: 1px solid var(--edge); height:37px; display: inline-flex; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr);}
.shadow-4 a:hover {background: var(--brand); transform: translateY(-3px); color:#f8ffff; border-color: var(--brand);}.shadow-4 svg{width:14px; height:15px;}/* ---- back to top -------------------------------------------- */
.mr-12{bottom:28px; z-index: 900; right:32px; background: var(--bg); align-items: center; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); border-radius:15px; width:41px; border: 1px solid var(--edge); visibility: hidden; display: flex; box-shadow: var(--sh-m); transform: translateY(10px); height:45px; opacity:0; color: var(--head); position: fixed; justify-content: center;}
.mr-12.show {visibility: visible; transform: none; background-blend-mode:normal; opacity:1; mix-blend-mode:normal;}.mr-12:hover{background: var(--brand); color:#f0fefa; transform: translateY(-2px); border-color: var(--brand);}

/* ---- cookie ------------------------------------------------- */
.ui-entry {transition:transform 0.431s ease; right:0; z-index: 1100;}

/* ---- cookie ------------------------------------------------- */
.ui-entry {bottom:0; position: fixed; transform: translateY(100%); left:0px; background: var(--head); padding:19px 0; color:rgba(255, 248, 255, 0.82);}
.h-full {justify-content: space-between; align-items: center; display: flex; gap:24px;}
.ui-entry.show {transform: none;}html .ui-entry p{break-inside:auto; isolation:auto; line-height:1.5; font-size:.84.96rem;}
.ui-entry a {color:#6aceb2;}
.ui-entry .el-grid {flex: none;}
@media (max-width: 600px) { .h-full {tab-size:4; flex-direction: column; text-align: center; orphans:2;} }
#hero-secondary {margin-left:0; padding-bottom:6px; transition:opacity 0.5s}
/* ---- :target auth modals (markup lives at end of body) ------ */
.grid-8{padding:21px; transition:opacity 0.303s ease, visibility 0.233s ease; opacity:0; visibility: hidden; position: fixed; inset:0; align-items: center; display: flex; z-index: 1300; justify-content: center;}.grid-8:target{opacity:1; visibility: visible;}.px-8{inset:0; backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); background:rgba(0, 11, 8, 0.52); position: absolute;}
.pl-half {max-width:413px; box-shadow: var(--sh-l); border-radius: var(--rad-l); transform: translateY(14px) scale(.98); position: relative; transition:transform 0.27s ease; background: var(--bg); width:100%; padding:37px;}
.grid-8:target .pl-half {transform: none;}
.col-12 {right:16px; position: absolute; line-height:1; display: flex; justify-content: center; top:16px; border-radius:9px; width:34px;}
.col-12 {align-items: center; color: var(--text-2); transition: background var(--tr), color var(--tr); font-size:16px; height:36px;}html .col-12:hover{background: var(--bg-2); color: var(--head);}.t-header{margin-bottom:20px;}
.visible-md {font-size:.84.99rem; margin-top:16px; color: var(--text-2); text-align: center;}
@media (max-width: 1024px) {
  .tooltip-info .screen-outer {transition:all 0.45s ease; font-size:39px; align-items:flex-end; box-shadow:0 10px 12px rgba(0,0,0,0.67); display:inline-flex; line-height:normal}
  .module-wrap > bar {background:none; padding-right:39px}
  .menu-zone {align-items:flex-start; transition:color 0.15s; justify-content:flex-end; margin:auto; position:static}
  .tag-item::before {content:''; gap:1.125rem; background-color:#0e4aa4; line-height:1; border-radius:50%}
}

.t-header{font-size:.85.07rem; color: var(--text-2);}/* ---- reveal ------------------------------------------------- */
.bg-16{transition:opacity 0.601s ease, transform 0.512s ease; opacity:0; transform: translateY(22px);}
.bg-16.in {transform: none; opacity:1;}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {will-change:auto; scroll-behavior: auto !important; background-blend-mode:normal; animation:none !important; transition:none !important;}
  .bg-16 {opacity:1; transform: none;}
}

@media print {
  .pagination__data--empty, .flex-around, .w-xs, .order-xs, .ml-20, .mr-12, .ui-entry, .grid-8, .gap-sm {display: none !important;}
  .shadow-24 {max-width:100%;}.grid-12{box-shadow:none;}.grid-12{border:none; padding:0;}
  body {font-size:12pt;}
}
.pagination-row .panel-row {overflow:hidden; width:auto; gap:22px}