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

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

*, *::before, *::after {box-sizing: border-box;}
html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4 {margin:0; padding:0; word-spacing:normal;}

html {height:100%; background-blend-mode:normal; -webkit-text-size-adjust:100%; word-spacing:normal; scroll-behavior: smooth; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

img, svg {max-width:100%; height:auto; display: block;}

body {color: var(--text); font-size:18px; background: var(--bg); min-height:100%; line-height:1.7; overflow-x: hidden; font-family: var(--ff);}a{color: var(--brand); text-decoration:none; transition: color var(--tr);}
a:hover {color: var(--brand-d);}:focus-visible{outline-offset:2px; outline: 2px solid var(--brand); border-radius:-1px;}
button {cursor: pointer; font-family:inherit; background:none; border:none 0;}
::selection {color: var(--head); background: var(--brand-l);}
::-webkit-scrollbar {font-variant-ligatures:normal; background-blend-mode:normal; width:10px;}::-webkit-scrollbar-track{tab-size:4; background: var(--bg-2); transform-style:flat;}::-webkit-scrollbar-thumb{border-radius:13px; widows:2; background:#menuDate;}

.app-avatar {white-space: nowrap; position: absolute; clip:rect(0,0,0,0);}
::-webkit-scrollbar-thumb:hover {background:#panelFill;}

.app-avatar {width:1px; border:0 none; overflow: hidden; height:1px; padding:0; margin:-1px;}

.align-half {width:100%; margin-inline:auto; padding-inline:22px; max-width: var(--max);}
h1 {letter-spacing:-.12.02em; font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem);}/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4{font-family: var(--ff-h); line-height:1.25; font-weight:bold; color: var(--head);}

/* ---- span labels styled to look like section titles --------- */
.bg-around {font-size:1.13rem; font-weight:bold; margin-bottom:19px; color: var(--head); font-family: var(--ff); display: block; line-height:1.3;}
.mr-around {font-size:1.01rem; margin-bottom:13px;}

/* ---- progress rail ------------------------------------------ */
.px-8 {height:7px; width:0; position: fixed;}

/* ---- masthead (slim, content sits right under it) ----------- */
.tracking-between {background:rgba(255, 255, 252, 1); top:0; border-bottom: 1px solid var(--edge-2); position: sticky; backdrop-filter:blur(10px); transition: box-shadow var(--tr); z-index: 1000; -webkit-backdrop-filter:blur(10px);}

/* ---- progress rail ------------------------------------------ */
.px-8 {z-index: 1200; background: linear-gradient(90deg, var(--brand), #4fd39c); inset:0 auto auto 0; transition:width 0.159s linear;}
.tracking-between.overflow-half {box-shadow:0 2px 12px rgba(28, 22, 34, 0.15);}
.text-2 {height:56px; align-items: center; display: flex; font-variant-caps:normal; gap:18px;}

.panel__value--flat {display: inline-flex; align-items: center; image-rendering:auto;}

.m-2 {gap:14px; margin-left:auto; display: flex; align-items: center;}
.panel__value--flat img {height:32px; width:auto;}.order-md{list-style: none; display: flex; gap:5px; align-items: center;}
.text-1 {padding:4px 11px; border-radius: var(--rad-s); color: var(--text); transition: background var(--tr), color var(--tr); font-size:.9.07rem; font-weight:500; display: block;}
.text-1:hover {background: var(--brand-l); color: var(--brand);}
.bg-between {color: var(--head); padding:11px 5px; font-size:.8.92rem; font-weight:500;}

.bg-1 {align-items: center; display: flex; perspective:none; gap:6px;}
.bg-between:hover {color: var(--brand);}.font-end{flex-direction: column; padding:7px; gap:4px; margin-left:auto; display: none;}body .font-end span{border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; background: var(--head); height:2px; width:19px; display: block; transition: transform var(--tr), opacity var(--tr);}
.font-end.x span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.font-end.x span:nth-child(2) {opacity:0;}
.font-end.x span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {
  .font-end {display: flex;}
  .m-2 {box-shadow: var(--sh-l); text-underline-offset:auto; pointer-events: none; position: absolute; border-bottom: 1px solid var(--edge); inset:60px 0 auto 0; gap:16px; transition: transform var(--tr), opacity var(--tr); opacity:0; background: var(--bg); padding:16px 19px 26px; flex-direction: column; transform: translateY(-12px); align-items: stretch;}
  .m-2.open {opacity:1; transform: none; text-rendering:auto; pointer-events: auto; text-decoration-skip-ink:auto;}
  .order-md {align-items: stretch; flex-direction: column;}
  .bg-1 {padding-top:16px; justify-content: flex-start; border-top: 1px solid var(--edge);}
}

/* ---- content shell ------------------------------------------ */
.clear-sm {padding:44px 0 75px;}
.u-step {margin-inline:auto; width:100%;}
.u-step {max-width:757px;}

/* ---- article (the only real content) ------------------------ */
.formFoot {padding:47px; border: 1px solid var(--edge-2); background: var(--bg); border-radius: var(--rad-l); box-shadow: var(--sh-s);}
@media (max-width: 620px) { .formFoot {orphans:2; padding:24px 17px; border-radius: var(--rad-m);} }

.row-around {margin-bottom:27px; tab-size:4;}
.sort--large {margin-bottom:13px;}
.ui-toolbar {color: var(--text-2); gap:19px; display: flex; align-items: center; flex-wrap: wrap; font-size:.81.92rem;}body .toggleNumber{gap:6px; display: inline-flex; align-items: center;}body .toggleNumber svg{opacity:0.61; flex: none;}

/* table of contents (collapsible, inside article) */
.pt-6 {margin-bottom:29px;}
.p-5 {border-radius: var(--rad-m); border: 1px solid var(--edge); background: var(--bg-2); padding:18px 18px;}
.app-block {align-items: center; display: flex; margin-bottom:8px; justify-content: space-between;}
.tracking-2 {font-size:.8.05rem; color: var(--brand);}.z-6 ol{list-style: none; font-variant-ligatures:normal; counter-reset: t;}
.z-6 li {margin-bottom:4px; counter-increment: t;}
.z-6 li::before {font-weight:600; color: var(--brand); content: counter(t) ". ";}
.z-6 a {color: var(--text); font-size:.9.04rem;}
.z-6 a:hover {color: var(--brand);}/* article body — real H2/H3 live here */
.w-3{font-size:1.04rem; line-height:1.82; color: var(--text);}.w-3 > * + *{margin-top:1.15em;}
.w-3 h2 {margin-top:1.92em; font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem);}
.w-3 h3 {font-size:1.32rem; margin-top:1.53em;}.w-3 p{margin:0 0 1.14em;}
.w-3 ul, .w-3 ol {padding-left:1.44em; margin:0 0 1.16em;}
.w-3 li {margin-bottom:.44.97em;}
.w-3 a {text-decoration-color:rgba(28, 139, 90, 0.49); text-underline-offset:2px; text-decoration:underline;}
.w-3 a:hover {hyphens:manual; text-decoration-color: var(--brand);}body .w-3 img{margin:1.45em 0; border-radius: var(--rad-m);}.w-3 blockquote{color: var(--head); background: var(--brand-l); border-left: 4px solid var(--brand); font-style:italic; margin:1.44em 0; border-radius: 0 var(--rad-s) var(--rad-s) 0; padding:0.98em 1.36em; font-family: var(--ff-h);}
.w-3 pre {perspective:none; padding:1.15em 1.22em; color:#page-filter; background:#0e3213; tab-size:4; font-size:.87.97rem; border-radius: var(--rad-m); font-family: var(--ff-m); overflow-x: auto; margin:1.46em 0;}.w-3 code{font-size:.8.95em; border-radius:3px; background: var(--bg-2); font-family: var(--ff-m); color:#1c5e3e; padding:2px 4px;}.w-3 pre code{background:none; padding:0; color:inherit;}
.w-3 table {width:100%; border-collapse:collapse; font-size:.94.94rem; margin:1.47em 0;}
.w-3 th, .w-3 td {text-align: left; border: 1px solid var(--edge); padding:15px 16px;}
.w-3 th {background: var(--bg-2);}
.w-3 th {font-weight:600; color: var(--head); font-family: var(--ff);}
.order-screen {font-size:.85.92rem; color: var(--head); font-weight:600;}/* share */
:where(.snackbar__cell--small){display: flex; margin-top:33px; border-top: 1px solid var(--edge-2); gap:17px; flex-wrap: wrap; padding-top:25px; align-items: center;}
.pt-10 {display: flex; gap:13px;}
.t-layout {justify-content: center; color: var(--text-2); border-radius:6px; background: var(--bg-2); height:40px; display: inline-flex; width:37px; align-items: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); border: 1px solid var(--edge);}
.t-layout:hover {border-color: var(--brand); box-shadow:0 1px 12px rgba(38, 153, 81, 0.3); background: var(--brand); transform: translateY(-2px); color:#layout_thumb;}

/* ---- forms & controls --------------------------------------- */
.justify-half {margin-top:4px;}/* ---- comments (directly under article) ---------------------- */
:where(.snackbar__close--full){padding:30px; background: var(--bg); box-shadow: var(--sh-s); border-radius: var(--rad-l); border: 1px solid var(--edge-2); margin-top:27px;}.mb-2{display: grid; grid-template-columns: 1fr 1fr; margin-bottom:13px; gap:15px;}*.profile-row{margin-bottom:16px;}
@media (max-width: 560px) { .mb-2 {grid-template-columns: 1fr;} }

.c-badge-wrap {background: var(--bg); border-radius: var(--rad-m); width:100%; font-size:.91.93rem; color: var(--text); padding:10px 15px; transition: border-color var(--tr), box-shadow var(--tr); font:inherit; border: 1px solid var(--edge);}
.c-badge-wrap::placeholder {color:#profile-content;}
.c-badge-wrap:focus {border-color: var(--brand); outline:none; box-shadow: 0 0 0 3px var(--brand-l);}

.font-none {font:inherit; align-items: center; border-radius: var(--rad-m); transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); display: inline-flex; font-size:.92.04rem; gap:12px; white-space: nowrap; justify-content: center; font-weight:700; padding:13px 26px;}*.visible-16{min-height:128px; line-height:1.6; resize: vertical; font-variant-ligatures:normal;}.float-start:not(._d08688){background: var(--brand); page-break-inside:auto; color:#layout_thumb; box-shadow:0 1px 14px rgba(23, 160, 83, 0.32);}.float-start:hover{color:#layout_thumb; transform: translateY(-1px); background: var(--brand-d); box-shadow:0 10px 21px rgba(27, 130, 83, 0.28); font-variant-ligatures:normal;}
.sidebarSecondary {color: var(--brand); padding:4px 21px; background:transparent; border: 1.5px solid var(--brand);}
.sidebarSecondary:hover {color:#layout_thumb; background: var(--brand);}
.text-half {shape-margin:0; background: var(--bg-2); backface-visibility:visible; color: var(--text); border: 1px solid var(--edge);}
.z-block {flex: none; width:43px; padding:0;}
.text-half:hover {color: var(--head); background: var(--edge-2);}body .dialogName{transform-style:flat; width:100%;}

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

.badgePrimary {margin-bottom:36px; align-items: start; padding:30px; border-radius: var(--rad-l); gap:31px; grid-template-columns: 1fr 1.25fr; box-shadow: var(--sh-s); background: var(--bg); border: 1px solid var(--edge); display: grid;}
@media (max-width: 720px) { .badgePrimary {gap:24px; grid-template-columns: 1fr;} }body .h-md{text-underline-offset:auto; shape-margin:0; font-size:.8.98rem; color: var(--text-2);}.pb-8:not(._d08688){gap:22px; display: grid; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));}
.c-stepper-number {margin-bottom:16px; font-size:.84.93rem; color: var(--text-2);}
.h-lg {border: 1px solid var(--edge); padding:30px; background: var(--bg); box-shadow: var(--sh-s); border-radius: var(--rad-l);}

.w-0 {display: flex; gap:5px;}

.clear-md {list-style: none;}
.w-0 .c-badge-wrap {flex: 1;}
.clear-md li a {padding:13px 0; transition: color var(--tr), padding-left var(--tr); display: block; font-size:.88.06rem; color: var(--text); border-bottom: 1px solid var(--edge-2);}
.clear-md li:last-child a {text-underline-offset:auto;}
.clear-md li:last-child a {contain:none; border-bottom:0;}
.clear-md li a:hover {break-inside:auto; color: var(--brand); padding-left:4px;}/* ---- footer ------------------------------------------------- */
.tableContainer{border-top: 1px solid var(--edge); background: var(--bg-3);}
.mb-auto {padding:53px 0 36px;}*.mt-around{display: grid; gap:35px; grid-template-columns: 1.6fr 1fr 1fr;}
@media (max-width: 760px) { .mt-around {grid-template-columns: 1fr 1fr; gap:29px;} }
@media (max-width: 480px) { .mt-around {grid-template-columns: 1fr;} }

.my-block img {width:auto; margin-bottom:10px; height:27px;}
.toolbar--alt {max-width:323px; color: var(--text-2); margin-bottom:13px; font-synthesis:weight style small-caps; hyphens:manual; font-size:.82rem;}
.toolbar-input-empty {list-style: none;}.toolbar-input-empty li{margin-bottom:6px;}
.toolbar-input-empty a {font-size:.87.04rem; color: var(--text-2);}*.toolbar-input-empty a:hover{color: var(--brand);}
.text-center {text-align: center; padding:15px 0; border-top: 1px solid var(--edge);}.text-center p{color: var(--text-2); font-size:.8.06rem;}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.rounded-full {image-rendering:auto; list-style: none; display: flex; gap:7px; print-color-adjust:economy;}.rounded-full a{background: var(--bg-2); border-radius: var(--rad-m); color: var(--text-2); justify-content: center; display: inline-flex; width:37px; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); border: 1px solid var(--edge); align-items: center; height:39px;}
.rounded-full a:hover {hyphens:manual; background: var(--brand); transform: translateY(-3px); color:#layout_thumb; border-color: var(--brand);}
.rounded-full svg {width:15px; height:22px;}

/* ---- back to top -------------------------------------------- */
.ml-16 {transform: translateY(10px);}

/* ---- back to top -------------------------------------------- */
.ml-16 {visibility: hidden; position: fixed; bottom:31px; box-shadow: var(--sh-m); width:46px; border-radius:9px; align-items: center; right:32px; height:45px; justify-content: center; z-index: 900; color: var(--head); display: flex; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); background: var(--bg); opacity:0; border: 1px solid var(--edge);}
.ml-16.show {opacity:1; visibility: visible; shape-margin:0; transform: none;}
.ml-16:hover {border-color: var(--brand); transform: translateY(-2px); background: var(--brand); color:#layout_thumb;}/* ---- cookie ------------------------------------------------- */
.mx-inline:not(._d08688){position: fixed; color:rgba(255, 243, 237, 0.82); padding:14px 0; transform: translateY(100%); background: var(--head); font-synthesis:weight style small-caps; transition:transform 0.402s ease; z-index: 1100; left:0; right:0; text-rendering:auto; bottom:0;}
.mx-inline.show {transform: none;}
.mx-inline p {line-height:1.5; font-size:.85.03rem;}
.font-half {justify-content: space-between; gap:17px; align-items: center; display: flex;}
.mx-inline a {color:rgb(113, 227, 171);}
.mx-inline .font-none {flex: none;}
@media (max-width: 600px) { .font-half {text-align: center; flex-direction: column;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.bg-5 {backface-visibility:visible; font-variant-ligatures:normal; padding:22px; inset:0rem; opacity:0; position: fixed; visibility: hidden; transition:opacity 0.308s ease, visibility 0.258s ease; justify-content: center; align-items: center; z-index: 1300; display: flex;}body .bg-5:target{opacity:1; visibility: visible;}
.c-thread-action {position: absolute; inset:0; background:rgba(18, 11, 1, 0.47); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px);}
.c-gallery-zone {border-radius: var(--rad-l); padding:36px; position: relative; background: var(--bg); transition:transform 0.307s ease; transform: translateY(14px) scale(.98); max-width:413px; box-shadow: var(--sh-l); width:100%;}
.bg-5:target .c-gallery-zone {transform: none;}
.overflow-2 {width:32px; position: absolute; top:15px; display: flex; height:31px; align-items: center; line-height:1; color: var(--text-2); justify-content: center; border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px; right:11px; font-size:17px; transition: background var(--tr), color var(--tr);}
.overflow-2:hover {page-break-inside:auto; background: var(--bg-2); background-blend-mode:normal; color: var(--head);}.mr-xs:not(._d08688){font-size:.85.02rem; color: var(--text-2); margin-bottom:16px;}
.page__preview--elevated {margin-top:20px; font-size:.85.01rem; text-align: center; color: var(--text-2);}

/* ---- reveal ------------------------------------------------- */
.visible-10 {transition:opacity 0.578s ease, transform 0.526s ease; transform: translateY(22px); opacity:0;}html .visible-10.in{opacity:1; text-rendering:auto; transform: none; mix-blend-mode:normal;}

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

@media print {
  .tracking-between, .px-8, .snackbar__cell--small, .snackbar__close--full, .col-sm, .ml-16, .mx-inline, .bg-5, .font-end {display: none !important;}
  .u-step {max-width:100%;}*.formFoot{border:0 none; box-shadow:none; padding:0;}body{font-size:12pt;}
}