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

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

*, *::before, *::after {box-sizing: border-box; text-underline-offset:auto;}

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

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

body {font-family: var(--ff); line-height:1.7; color: var(--text); background: var(--bg); min-height:100%; font-size:16px; overflow-x: hidden;}a{transition: color var(--tr); color: var(--brand); text-decoration:none;}
a:hover {color: var(--brand-d);}

:focus-visible {border-top-left-radius:3px;}button{background:none; cursor: pointer; contain:none; font-family:inherit; border:none; text-underline-offset:auto;}

:focus-visible {border-top-right-radius:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; outline-offset:2px; outline: 2px solid var(--brand);}
::selection {background: var(--brand-l); color: var(--head);}::-webkit-scrollbar{text-rendering:auto; width:12px;}
::-webkit-scrollbar-track {background: var(--bg-2);}::-webkit-scrollbar-thumb{background-color:#b8d1c0; text-decoration-skip-ink:auto; border-radius:7px;}::-webkit-scrollbar-thumb:hover{background:rgb(159, 211, 168);}

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

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

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

/* ---- span labels styled to look like section titles --------- */
.app-timeline-line {display: block; font-size:1.21rem; margin-bottom:20px; color: var(--head); font-weight:bold; font-family: var(--ff); line-height:1.3;}
h1 {font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem); letter-spacing:-.11.92em;}
.u-step {font-size:1.08rem; margin-bottom:15px;}

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

/* ---- progress rail ------------------------------------------ */
.o-thread {transition:width 0.047s linear; z-index: 1200; height:5px; width:0; background: linear-gradient(90deg, var(--brand), #4fd39c); position: fixed; inset:0 auto auto 0;}*.ui-spinner.t-hero{box-shadow:0 2px 15px rgba(0, 34, 16, 0.01);}
.t-dropdown {align-items: center; display: flex; gap:14px;}

.ui-screen-text {display: inline-flex; align-items: center;}
.t-dropdown {height:55px;}body .ui-screen-text img{height:31px; width:auto;}

.el-section-text {display: flex; align-items: center; gap:16px;}

.el-section-text {margin-left:auto;}
.ui-toolbar {gap:2px; align-items: center; list-style: none; display: flex;}
.bg-6 {display: block; border-radius: var(--rad-s); transition: background var(--tr), color var(--tr); color: var(--text); font-size:.8.94rem; padding:9px 14px; font-weight:500;}
#module-line {text-align:center; flex-wrap:wrap; color:inherit; text-decoration:underline; font-weight:400; transition:color 0.2s}


.c-slider {gap:8px; align-items: center; display: flex;}
.bg-6:hover {color: var(--brand); background: var(--brand-l);}
.step-line::before {content:''; font-weight:700; transition:all 0.25s ease}

.app-search {padding:6px 6px; font-size:.8.98rem; color: var(--head); font-weight:600;}

.u-spinner-bar {gap:4px; padding:10px;}
.app-search:hover {color: var(--brand);}

.u-spinner-bar {flex-direction: column; display: none; margin-left:auto;}
.u-spinner-bar span {border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; height:2px; width:18px; background: var(--head); transition: transform var(--tr), opacity var(--tr); display: block;}
.u-spinner-bar.x span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.u-spinner-bar.x span:nth-child(2) {opacity:0;}html .u-spinner-bar.x span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {.u-spinner-bar{display: flex;}
  .el-section-text {transition: transform var(--tr), opacity var(--tr); inset:59px 0 auto 0; opacity:0; pointer-events: none; box-shadow: var(--sh-l); position: absolute; flex-direction: column; gap:13px; align-items: stretch; transform: translateY(-12px); background: var(--bg); border-bottom: 1px solid var(--edge); padding:17px 26px 23px;}
  .el-section-text.open {opacity:1; transform: none; pointer-events: auto;}
  .ui-toolbar {flex-direction: column; align-items: stretch;}
  .c-slider {-moz-tab-size:4;padding-top:12px; justify-content: flex-start; border-top: 1px solid var(--edge); image-rendering:auto; tab-size:4;}
}.l-dialog{max-width:763px; width:100%; margin-inline:auto;}

/* ---- content shell ------------------------------------------ */
.t-header {padding:42px 0 73px;}

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

.el-progress-close {margin-bottom:32px;}body .t-spinner{margin-bottom:18px;}html .align-half{gap:10px; align-items: center; display: inline-flex;}
.t-post {gap:18px; widows:2; flex-wrap: wrap; color: var(--text-2); align-items: center; font-size:.82.06rem; display: flex; text-decoration-skip-ink:auto;}
.align-half svg {opacity:0.61; flex: none;}

/* table of contents (collapsible, inside article) */
.el-tooltip {margin-bottom:25px; tab-size:4;}.c-reply{perspective:none;}.c-reply{background: var(--bg-2); border: 1px solid var(--edge); padding:18px 25px; border-radius: var(--rad-m);}.l-accordion-label{display: flex; margin-bottom:9px; align-items: center; justify-content: space-between;}
.u-panel ol {counter-reset: t; mix-blend-mode:normal; list-style: none;}
.badge-icon:not(:last-child) {position:absolute; gap:8px}
*.chip__row--light{font-size:.7.98rem; mix-blend-mode:normal; backface-visibility:visible; color: var(--brand);}
.u-panel li {margin-bottom:5px; counter-increment: t;}body .u-panel li::before{font-weight:600; background-blend-mode:normal; print-color-adjust:economy; color: var(--brand); content: counter(t) ". ";}.u-panel a{font-size:.8.96rem; color: var(--text);}body .u-panel a:hover{color: var(--brand);}

/* article body — real H2/H3 live here */
.el-media-trigger {line-height:1.82; font-size:1.12rem; color: var(--text);}
.el-media-trigger > * + * {margin-top:1.22em;}
.el-media-trigger h2 {font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); margin-top:1.97em;}
.el-media-trigger h3 {margin-top:1.47em; font-size:1.29rem;}
.el-media-trigger p {margin:0 0 1.23em;}
.el-media-trigger ul, .el-media-trigger ol {margin:0 0 1.23em; padding-left:1.44em;}
.el-media-trigger li {margin-bottom:.45.01em;}
.el-media-trigger a {tab-size:4; backface-visibility:visible; text-underline-offset:2px; text-decoration-color:rgba(31, 127, 106, 0.48); text-decoration:underline;}body .el-media-trigger a:hover{text-decoration-color: var(--brand);}*.el-media-trigger img{border-radius: var(--rad-m); margin:1.51em 0;}
.el-media-trigger blockquote {margin:1.5em 0; background: var(--brand-l); border-radius: 0 var(--rad-s) var(--rad-s) 0; font-style:italic; font-family: var(--ff-h); border-left: 4px solid var(--brand); padding:1.01em 1.26em; color: var(--head);}
.el-media-trigger pre {margin:1.56em 0; color:#dee2f9; background:#0e230a; padding:1.08em 1.29em; font-size:.88.07rem;}
.dropdown-container .modal-dot {transition:color 0.35s; display:block}

.el-media-trigger pre {border-radius: var(--rad-m); overflow-x: auto; font-family: var(--ff-m);}
.el-media-trigger code {background: var(--bg-2); padding-top:2px;padding-right:8px;padding-bottom:2px;padding-left:8px; color:#157d39; font-size:.9.04em; border-radius:5px; font-family: var(--ff-m);}
.rating-addon:hover {padding-top:37px; flex-wrap:nowrap}

.el-media-trigger pre code {padding:0; background:none; color:inherit;}
.el-media-trigger table {width:100%; margin:1.45em 0; border-collapse:collapse; font-size:.94.92rem;}
.el-media-trigger th, .el-media-trigger td {padding-top:12px;padding-right:16px;padding-bottom:12px;padding-left:16px; text-align: left; border: 1px solid var(--edge);}body .el-media-trigger th{background: var(--bg-2); mix-blend-mode:normal; font-family: var(--ff); color: var(--head); font-weight:600;}
@media (min-width: 768px) and (max-width: 1081px) {
  #module-line {flex-wrap:nowrap; flex:0 0 auto; transition:all 0.25s ease; max-width:none}
  .step-line::before {content:''; position:absolute; letter-spacing:normal; border:1px solid #2c83ba; margin-left:auto}
}

/* share */
.app-breadcrumb{flex-wrap: wrap; padding-top:28px; border-top: 1px solid var(--edge-2); align-items: center; display: flex; gap:18px; margin-top:30px;}body .t-rating{font-size:.85.97rem; font-weight:600; color: var(--head);}
.reviewContent {display: flex; gap:10px; hyphens:manual;}
.divider-holder::before {content:''; height:auto}

.t-popover-name {height:42px; border: 1px solid var(--edge); background: var(--bg-2); text-decoration-skip-ink:auto; justify-content: center; width:37px; tab-size:4; color: var(--text-2); display: inline-flex; border-radius:11px; align-items: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr);}
.t-popover-name:hover {box-shadow:0 2px 12px rgba(38, 160, 97, 0.37); transform: translateY(-2px); color:hsl(299, 99.8%, 99%); background: var(--brand);}
.t-popover-name:hover {border-color: var(--brand);}

/* ---- comments (directly under article) ---------------------- */
.o-widget-toggle {border: 1px solid var(--edge-2); background: var(--bg); padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px; border-radius: var(--rad-l); box-shadow: var(--sh-s); margin-top:24px;}/* ---- forms & controls --------------------------------------- */
:where(.t-search){will-change:auto; margin-top:2px;}
.ui-price-name {display: grid; text-underline-offset:auto; grid-template-columns: 1fr 1fr; gap:16px; margin-bottom:12px;}
.u-widget {background-blend-mode:normal; text-rendering:auto; margin-bottom:19px;}
@media (max-width: 560px) { .ui-price-name {grid-template-columns: 1fr;} }
.sort-extra .step-block {background-color:transparent; transition:color 0.45s; display:block; border:none; background:#1992c3}


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

.app-select-extra {gap:9px; justify-content: center; white-space: nowrap; align-items: center; display: inline-flex; font-weight:600; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); font:inherit; font-size:.91.94rem; border-radius: var(--rad-m); padding:7px 21px;}
.c-nav-wrap {background: var(--brand); color:hsl(59, 99.5%, 96.3%); box-shadow:0 3px 15px rgba(37, 133, 79, 0.23);}
.ui-chip-indicator {border: 1.5px solid var(--brand); padding:4px 22px; color: var(--brand); background:transparent;}
.c-nav-wrap:hover {box-shadow:0 10px 18px rgba(11, 143, 81, 0.31); background: var(--brand-d); transform: translateY(-1px); color:#fffaf4;}.ui-chip-indicator:hover{perspective:none; background: var(--brand); color:hsl(74, 100%, 98.1%);}
.u-list {color: var(--text); border: 1px solid var(--edge); background: var(--bg-2); transform-style:flat; text-rendering:auto;}
.u-list:hover {background: var(--edge-2); color: var(--head);}.progressSection{padding:0; flex: none; width:49px;}
.ui-hero-cap {width:100%;}/* ---- extras zone (everything else, pushed below content) ---- */
.l-hero-indicator:not(.void10){border-top: 1px solid var(--edge); background: var(--bg-2); padding:52px 0;}

.text-half {box-shadow: var(--sh-s); grid-template-columns: 1fr 1.25fr; background: var(--bg); display: grid; gap:35px; border-radius: var(--rad-l); margin-bottom:30px; align-items: start; padding:36px; border: 1px solid var(--edge);}
@media (max-width: 720px) { .text-half {isolation:auto; grid-template-columns: 1fr; gap:19px; mix-blend-mode:normal;} }
.c-progress {font-size:.8.94rem; color: var(--text-2);}

.t-widget {gap:23px;}

.t-widget {display: grid; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));}
.c-list {perspective:none; font-synthesis:weight style small-caps; margin-bottom:12px; color: var(--text-2); font-size:.85rem;}
.toolbar-disabled {background: var(--bg); box-shadow: var(--sh-s); padding:22px; widows:2; border-radius: var(--rad-l); border: 1px solid var(--edge);}

.l-divider {gap:9px; display: flex;}
.l-divider .form-date {flex: 1;}.el-drawer:not(.noop21){list-style: none;}
.el-drawer li a {font-size:.88.07rem; padding:12px 0; color: var(--text); border-bottom: 1px solid var(--edge-2); display: block; transition: color var(--tr), padding-left var(--tr);}
.el-drawer li:last-child a {border-bottom:none;}
.step-extra {min-height:100vh; display:inline; color:inherit; padding-left:27px; margin-left:auto; max-width:740px}

.el-drawer li a:hover {padding-left:1px; color: var(--brand);}
.tracking-xl {padding:56px 0 33px;}/* ---- footer ------------------------------------------------- */
.t-chip{border-top: 1px solid var(--edge); background: var(--bg-3);}html .u-badge-label{display: grid; gap:32px; grid-template-columns: 1.6fr 1fr 1fr;}
@media (max-width: 760px) { .u-badge-label {backface-visibility:visible; grid-template-columns: 1fr 1fr; gap:25px;} }
@media (max-width: 480px) {html .u-badge-label{grid-template-columns: 1fr;} }

.u-pagination img {margin-bottom:10px; height:26px; width:auto;}
.tooltipSlot {list-style: none;}
.module-thumb:not(:last-child) {gap:3rem; text-decoration:underline; transition:transform 0.5s ease-in-out; display:grid}

.u-hero-text {margin-bottom:15px; font-size:.81.96rem; color: var(--text-2); max-width:324px;}body .tooltipSlot li{margin-bottom:6px;}body .tooltipSlot a{font-size:.86.93rem; word-spacing:normal; color: var(--text-2);}.u-reply:not(.void13){text-align: center; border-top: 1px solid var(--edge); padding:18px 0; will-change:auto;}.tooltipSlot a:hover{color: var(--brand);}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.u-toolbar {contain:none; list-style: none; gap:9px;}*.u-reply p{color: var(--text-2); font-size:.8rem;}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.u-toolbar {display: flex;}
.u-toolbar a {display: inline-flex; background: var(--bg-2); border-radius: var(--rad-m); height:37px; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); color: var(--text-2); justify-content: center; align-items: center; width:37px; border: 1px solid var(--edge);}
.u-toolbar a:hover {transform: translateY(-3px); background: var(--brand); color:rgb(255, 223, 248); image-rendering:auto; border-color: var(--brand); text-underline-offset:auto;}
.u-toolbar svg {height:22px;}
.u-toolbar svg {width:19px; print-color-adjust:economy; mix-blend-mode:normal;}
.grid-extra:first-child {padding-left:38px; max-width:1060px; display:grid; background-color:transparent; position:absolute}


/* ---- back to top -------------------------------------------- */
.float-5 {background: var(--bg); height:42px; bottom:31px; color: var(--head); display: flex; width:40px; transform: translateY(10px); align-items: center; border-radius:14px; justify-content: center; right:24px; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); position: fixed; visibility: hidden; box-shadow: var(--sh-m); z-index: 900; border: 1px solid var(--edge); opacity:0;}
.float-5.show {transform: none; opacity:1; visibility: visible;}
.float-5:hover {transform: translateY(-2px); color:#faf4f9; border-color: var(--brand); background: var(--brand);}/* ---- cookie ------------------------------------------------- */
.spinner-container{padding:17px 0; bottom:0; z-index: 1100; transform: translateY(100%); transition:transform 0.433s ease; right:0;}/* ---- cookie ------------------------------------------------- */
.spinner-container{left:0; color:rgba(255, 238, 254, 0.87); position: fixed; background: var(--head);}
.spinner-container.show {transform: none;}
.spinner-container p {font-size:.85.05rem; line-height:1.5;}
.t-step {display: flex; justify-content: space-between; gap:20px; align-items: center;}.spinner-container a{color:hsl(139, 67.3%, 69.6%);}
.spinner-container .app-select-extra {flex: none;}
@media (max-width: 600px) { .t-step {flex-direction: column; text-align: center;} }/* ---- :target auth modals (markup lives at end of body) ------ */
.ui-status-zone{display: flex;}/* ---- :target auth modals (markup lives at end of body) ------ */
.ui-status-zone{opacity:0; justify-content: center; align-items: center; transition:opacity 0.217s ease, visibility 0.255s ease; inset:0; visibility: hidden; z-index: 1300; padding-top:18px; padding-right:18px; padding-bottom:18px; padding-left:18px; position: fixed;}.label-spinner{position: absolute; inset:0; background:rgba(4, 21, 33, 0.51); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);}
.ui-status-zone:target {opacity:1; visibility: visible;}
.o-widget-name {border-radius: var(--rad-l); transition:transform 0.21s ease; box-shadow: var(--sh-l); width:100%; max-width:409px; background: var(--bg); position: relative; transform: translateY(14px) scale(.98); padding:37px;}
.ui-status-zone:target .o-widget-name {transform: none;}*.ui-review{color: var(--text-2); display: flex; font-size:22px; border-radius:7px; align-items: center; width:37px; height:35px; line-height:1; position: absolute; top:13px; transition: background var(--tr), color var(--tr); justify-content: center; right:13px;}
.ui-review:hover {background: var(--bg-2); color: var(--head);}body .ui-box-dot{widows:2; margin-bottom:20px; font-size:.85.08rem; color: var(--text-2);}html .o-dialog{color: var(--text-2); font-size:.85.02rem; image-rendering:auto; margin-top:12px; text-align: center;}

/* ---- reveal ------------------------------------------------- */
.py-center {transition:opacity 0.601s ease, transform 0.566s ease; opacity:0; transform: translateY(22px);}.in.py-center{opacity:1; transform: none;}

@media (prefers-reduced-motion: reduce) {*, *::before, *::after{scroll-behavior: auto !important; transition:none !important; animation:none !important;}
  .py-center {opacity:1; transform: none;}
}
.entry-separator:hover {transition:all 0.35s ease; display:none}

.tooltip-head::before {content:''; transition:all 0.2s ease; line-height:1.375; width:100%; color:#1daca5}


@media print {
  .ui-spinner, .o-thread, .app-breadcrumb, .o-widget-toggle, .l-hero-indicator, .float-5, .spinner-container, .ui-status-zone, .u-spinner-bar {display: none !important;}
  .l-dialog {max-width:100%;}
  .actionHandle {padding:0; box-shadow:none; border:0;}body{font-size:12pt;}
}