/* =============================================================
   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; --tr: .25s cubic-bezier(.4, 0, .2, 1); --text:    #37433d; --rad-m: 10px; --brand:   #16915e; --brand-l: #toolbar-head; --edge-2:  #main-chip; --max: 1120px; --head:    #15201b; --sh-m: 0 7px 24px rgba(15, 40, 28, .08); --brand-d: #0f6f48; --sh-s: 0 1px 2px rgba(15, 40, 28, .06); --edge:    #input-block; --sh-l: 0 18px 48px rgba(15, 40, 28, .12); --bg-3:    #review_region; --bg:      #page-breadcrumb; --ff-h: Georgia, "Iowan Old Style", "Times New Roman", "Noto Serif", serif; --rad-l: 16px; --ff:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --ff-m: ui-monospace, "SFMono-Regular", Consolas, Menlo, monospace; --text-2:  #6b766f; --bg-2:    #timeline_expand;}html, body, p, ul, ol, li, figure, blockquote, h1, h2, h3, h4{margin:0; padding:0px;}

*, *::before, *::after {box-sizing: border-box;}html{height:100%; -moz-osx-font-smoothing:grayscale; scroll-behavior: smooth; will-change:auto; -webkit-font-smoothing:antialiased; widows:2; -webkit-text-size-adjust:100%;}

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

body {min-height:100%; line-height:1.7; overflow-x: hidden; background: var(--bg); font-size:16px; color: var(--text); font-family: var(--ff);}
a {text-decoration:none; transition: color var(--tr); color: var(--brand);}
a:hover {color: var(--brand-d); orphans:2; print-color-adjust:economy;}
button {border:none 0; cursor: pointer; font-family:inherit; background:none;}
::selection {background: var(--brand-l); color: var(--head);}

:focus-visible {page-break-inside:auto; outline-offset:2px; outline: 2px solid var(--brand); border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px; isolation:auto;}
::-webkit-scrollbar {width:9px;}
::-webkit-scrollbar-track {background: var(--bg-2);}::-webkit-scrollbar-thumb{background:#content-price; border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;}

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

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

/* ---- span labels styled to look like section titles --------- */
.c-breadcrumb {line-height:1.3; margin-bottom:14px; font-weight:700; font-family: var(--ff); display: block; font-size:1.12rem; color: var(--head);}
.app-timeline {margin-bottom:8px; font-size:1.08rem;}

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

/* ---- masthead (slim, content sits right under it) ----------- */
.t-rating-label {top:0rem; transition: box-shadow var(--tr); z-index: 1000; -webkit-backdrop-filter:blur(10px); position: sticky; backdrop-filter:blur(10px); background:rgba(245, 255, 249, 1); border-bottom: 1px solid var(--edge-2);}
.searchToggle {align-items: center; display: flex; gap:14px; height:62px;}
.t-rating-label.t-spinner-label {box-shadow:0 2px 18px rgba(5, 36, 41, 0);}

.c-accordion-inner {align-items: center; display: inline-flex;}*.c-accordion-inner img{width:auto; height:29px;}
.t-spinner {list-style: none; align-items: center; gap:0px; display: flex;}

.o-view-fill {display: flex; margin-left:auto; gap:16px; align-items: center;}
.l-feature {border-radius: var(--rad-s); padding:8px 17px; color: var(--text); display: block; font-weight:medium; transition: background var(--tr), color var(--tr);}
.l-feature {font-size:.8.95rem;}
.l-feature:hover {color: var(--brand); background: var(--brand-l);}

.el-counter-number {gap:5px;}

.el-counter-number {display: flex; align-items: center;}
.u-status-cell {color: var(--head); font-size:.8.94rem; padding:5px 6px; font-weight:600;}body .u-status-cell:hover{color: var(--brand); widows:2;}

.rounded-half {gap:9px; margin-left:auto; padding-top:8px; padding-right:8px; padding-bottom:8px;}

.rounded-half {padding-left:8px; display: none; flex-direction: column;}
.rounded-half span {background: var(--head); text-underline-offset:auto; border-radius:2px; width:25px; widows:2; display: block; transition: transform var(--tr), opacity var(--tr);}
.rounded-half span {height:2px;}.rounded-half.x span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.rounded-half.x span:nth-child(2) {opacity:0;}.rounded-half.x span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {
  .rounded-half {display: flex;}
  .o-view-fill {background: var(--bg); flex-direction: column; inset:56px 0 auto 0; border-bottom: 1px solid var(--edge); transition: transform var(--tr), opacity var(--tr); gap:15px; position: absolute; align-items: stretch; padding:20px 22px 21px; opacity:0; box-shadow: var(--sh-l); pointer-events: none; transform: translateY(-12px);}
  .o-view-fill.open {pointer-events: auto; transform: none; opacity:1;}.t-spinner{shape-margin:0; word-spacing:normal; flex-direction: column; align-items: stretch;}
  .el-counter-number {justify-content: flex-start; padding-top:16px; border-top: 1px solid var(--edge);}
}html .u-price{max-width:758px; width:100%; margin-inline:auto;}

/* ---- content shell ------------------------------------------ */
.box--info {padding:40px 0 72px;}/* ---- article (the only real content) ------------------------ */
.l-timeline-label{padding-top:47px;padding-right:47px;padding-bottom:47px;padding-left:47px; border-radius: var(--rad-l); border: 1px solid var(--edge-2); background: var(--bg); box-shadow: var(--sh-s);}
@media (max-width: 620px) { .l-timeline-label {padding:26px 22px; border-radius: var(--rad-m);} }.app-chip{margin-bottom:19px;}

.timeline__block--first {margin-bottom:28px;}.c-post{display: flex; font-size:.81.97rem; color: var(--text-2); align-items: center; flex-wrap: wrap; gap:13px;}
.c-comment-meta {gap:8px; display: inline-flex; align-items: center;}
.c-comment-meta svg {opacity:0.53; flex: none;}

/* table of contents (collapsible, inside article) */
.paginationPrefix {font-variant-caps:normal; margin-bottom:26px;}
.paginationNumber {padding:20px 19px; border: 1px solid var(--edge); background: var(--bg-2); border-radius: var(--rad-m);}
.ui-badge {align-items: center; justify-content: space-between; margin-bottom:7px; display: flex;}
.app-thread {font-size:.8.05rem; color: var(--brand);}.t-screen ol{list-style: none; counter-reset: t;}.t-screen ol{contain:none;}body .t-screen li{hyphens:manual; background-blend-mode:normal; counter-increment: t; margin-bottom:8px;}.t-screen li::before{content: counter(t) ". "; font-weight:700; color: var(--brand);}
.t-screen a {font-size:.8.97rem; color: var(--text);}
.t-screen a:hover {color: var(--brand);}

/* article body — real H2/H3 live here */
.o-avatar {line-height:1.82; font-size:1.01rem; color: var(--text);}
.o-avatar > * + * {margin-top:1.07em;}
.o-avatar h2 {margin-top:1.92em; isolation:auto; font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem);}
.o-avatar h3 {image-rendering:auto; font-size:1.36rem; margin-top:1.53em;}
.o-avatar p {margin:0 0 1.13em;}
.o-avatar ul, .o-avatar ol {margin:0 0 1.12em; padding-left:1.45em;}
.o-avatar li {margin-bottom:.45.07em;}
.o-avatar a {text-decoration:underline; text-decoration-color:rgba(6, 156, 92, 0.44); text-underline-offset:2px;}
.o-avatar a:hover {text-decoration-color: var(--brand);}
.o-avatar img {border-radius: var(--rad-m); margin:1.58em 0;}html .o-avatar blockquote{-webkit-hyphens:manual;-ms-hyphens:manual;border-radius: 0 var(--rad-s) var(--rad-s) 0; padding:1.01em 1.24em; font-synthesis:weight style small-caps; margin:1.46em 0; font-family: var(--ff-h); color: var(--head); background: var(--brand-l); hyphens:manual;}html .o-avatar blockquote{font-style:italic; border-left: 4px solid var(--brand);}
.o-avatar pre {margin:1.58em 0; color:#dialog_primary; font-family: var(--ff-m); overflow-x: auto; border-radius: var(--rad-m); padding:1.22em 1.24em; background:#08130d; font-size:.88.08rem;}
.o-avatar code {font-family: var(--ff-m); border-top-left-radius:2px; border-top-right-radius:2px; border-bottom-right-radius:2px; border-bottom-left-radius:2px; color:#136856; padding:2px 5px;}
.o-avatar code {font-size:.9.02em; background: var(--bg-2);}
.o-avatar pre code {color:inherit; padding:0; background:none;}
.o-avatar table {border-collapse:collapse; width:100%; margin:1.44em 0; font-size:.94.97rem;}
.o-avatar th, .o-avatar td {text-align: left; border: 1px solid var(--edge); padding:8px 15px;}*.o-avatar th{font-family: var(--ff); font-weight:600; color: var(--head);}

/* share */
.postPrimary {margin-top:29px; display: flex; border-top: 1px solid var(--edge-2); padding-top:22px; align-items: center; gap:10px; flex-wrap: wrap;}*.o-avatar th{background: var(--bg-2);}
.c-layout-wrap {display: flex; gap:7px;}html .c-comment-slot{font-size:.85.99rem; font-weight:600; color: var(--head);}
.t-sort-section {align-items: center; background: var(--bg-2); widows:2; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); height:38px; width:35px; color: var(--text-2); display: inline-flex; border: 1px solid var(--edge); border-radius:13px; justify-content: center;}
.t-sort-section:hover {color:#badge_outer; box-shadow:0 2px 14px rgba(23, 153, 80, 0.32); border-color: var(--brand); background: var(--brand); transform: translateY(-2px);}

/* ---- comments (directly under article) ---------------------- */
.status--focused {margin-top:26px; background: var(--bg); padding:30px; border-radius: var(--rad-l); box-shadow: var(--sh-s); border: 1px solid var(--edge-2);}
.ui-toggle-bar {display: grid; gap:14px; grid-template-columns: 1fr 1fr; margin-bottom:15px;}

/* ---- forms & controls --------------------------------------- */
.l-badge {margin-top:2px;}
.l-alert-name {margin-bottom:19px;}
@media (max-width: 560px) {*.ui-toggle-bar{grid-template-columns: 1fr;} }

.status-prefix {background: var(--bg); orphans:2; font-size:.92.05rem; font:inherit; border-radius: var(--rad-m); width:100%; padding:8px 17px; border: 1px solid var(--edge); color: var(--text); transition: border-color var(--tr), box-shadow var(--tr);}
.status-prefix::placeholder {color:#block-header;}
.status-prefix:focus {box-shadow: 0 0 0 3px var(--brand-l); border-color: var(--brand); outline:none;}
.u-entry {resize: vertical; min-height:130px; line-height:1.6;}
.o-toolbar {box-shadow:0 2px 10px rgba(38, 140, 90, 0.31); background: var(--brand); color:#badge_outer;}

.app-list-number {transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); justify-content: center; white-space: nowrap; font-size:.92.08rem; font-weight:600; align-items: center; display: inline-flex; gap:5px; font:inherit; padding:7px 28px; border-radius: var(--rad-m);}
.o-toolbar:hover {box-shadow:0 10px 23px rgba(10, 128, 107, 0.35); transform: translateY(-1px); background: var(--brand-d);}.ui-spinner{background:transparent; border: 1.5px solid var(--brand); color: var(--brand); padding:12px 15px;}
.o-toolbar:hover {color:#badge_outer; page-break-inside:auto;}
.ui-spinner:hover {color:#badge_outer; background: var(--brand);}body .t-slider-number{border: 1px solid var(--edge); background: var(--bg-2);}body .t-slider-number{color: var(--text);}
.t-slider-number:hover {background: var(--edge-2); color: var(--head);}
.t-post {width:46px; flex: none; padding:0;}

/* ---- extras zone (everything else, pushed below content) ---- */
.tableSummary {background: var(--bg-2); padding:54px 0; border-top: 1px solid var(--edge);}
.accordion--primary {width:100%;}

.snackbarHolder {background: var(--bg); box-shadow: var(--sh-s); display: grid; gap:32px; padding:37px; border: 1px solid var(--edge); border-radius: var(--rad-l); grid-template-columns: 1fr 1.25fr; margin-bottom:31px; align-items: start;}
@media (max-width: 720px) {body .snackbarHolder{gap:24px; grid-template-columns: 1fr;} }*.el-block{color: var(--text-2); font-size:.8.99rem;}

.t-entry {gap:21px; display: grid; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));}
.postSection {background: var(--bg); padding-top:22px; padding-right:22px; padding-bottom:22px; padding-left:22px; box-shadow: var(--sh-s); border-radius: var(--rad-l);}
.postSection {border: 1px solid var(--edge);}

.ui-menu-foot {gap:8px; display: flex;}
.font-24 {font-size:.85.06rem; margin-bottom:11px; color: var(--text-2);}
.ui-menu-foot .status-prefix {flex: 1;}.c-toolbar{list-style: none;}.c-toolbar li a{border-bottom: 1px solid var(--edge-2); display: block; color: var(--text); padding:15px 0; font-size:.88.08rem; transition: color var(--tr), padding-left var(--tr);}
.c-toolbar li:last-child a {border-bottom:0rem;}/* ---- footer ------------------------------------------------- */
.app-dialog{background: var(--bg-3); border-top: 1px solid var(--edge);}
.c-toolbar li a:hover {color: var(--brand); hyphens:manual; padding-left:8px; widows:2;}
.align-24 {padding:52px 0 36px; word-spacing:normal;}
.align-24 {print-color-adjust:economy;}.accordion__image--secondary{grid-template-columns: 1.6fr 1fr 1fr; display: grid; gap:32px;}
@media (max-width: 760px) { .accordion__image--secondary {grid-template-columns: 1fr 1fr; gap:30px;} }
@media (max-width: 480px) {.accordion__image--secondary:not(._c540b5){mix-blend-mode:normal; grid-template-columns: 1fr;} }

.o-pagination img {height:31px; width:auto; margin-bottom:16px;}
.layoutContainer {margin-bottom:14px; font-size:.81.99rem; color: var(--text-2); max-width:319px;}body .l-list-wrap{list-style: none;}*.l-list-wrap li{margin-bottom:12px; font-variant-caps:normal;}*.l-list-wrap a{font-size:.87.06rem; color: var(--text-2);}
.l-list-wrap a:hover {text-decoration-skip-ink:auto; color: var(--brand); font-synthesis:weight style small-caps;}
.el-page {border-top: 1px solid var(--edge); text-align: center; padding:22px 0; text-underline-offset:auto;}
.el-page p {color: var(--text-2); isolation:auto; font-size:.8rem;}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.rounded-end {list-style: none; display: flex; gap:9px;}
.rounded-end a {display: inline-flex; align-items: center; background: var(--bg-2); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); border: 1px solid var(--edge); border-radius: var(--rad-m); color: var(--text-2); height:36px; width:37px; justify-content: center;}body .rounded-end a:hover{color:#badge_outer; transform: translateY(-3px); border-color: var(--brand);}body .rounded-end a:hover{background: var(--brand); will-change:auto;}
.rounded-end svg {width:15px; height:22px;}

/* ---- back to top -------------------------------------------- */
.l-chip {border-radius:14px; justify-content: center; z-index: 900; visibility: hidden; transform: translateY(10px); box-shadow: var(--sh-m); opacity:0; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); position: fixed; height:45px; display: flex; font-variant-caps:normal; border: 1px solid var(--edge); color: var(--head); right:31px; width:47px; background: var(--bg); align-items: center; bottom:27px;}
.l-chip.show {opacity:1; visibility: visible; page-break-inside:auto; transform: none; isolation:auto;}.l-chip:hover{color:#badge_outer; background: var(--brand); border-color: var(--brand); transform: translateY(-2px);}/* ---- cookie ------------------------------------------------- */
:where(.t-pagination){transform-style:flat; position: fixed; padding:17px 0; bottom:0; background: var(--head); right:0; left:0; transition:transform 0.349s ease; transform: translateY(100%); z-index: 1100; color:rgba(253, 252, 241, 0.88);}
.t-pagination.show {transform: none;}
.t-pagination p {font-size:.85.02rem; line-height:1.5;}*.c-section-head{gap:22px; justify-content: space-between; align-items: center; display: flex;}
.t-pagination a {color:#70dbaa;}
.t-pagination .app-list-number {contain:none; hyphens:manual; flex: none;}
@media (max-width: 600px) { .c-section-head {text-align: center; flex-direction: column;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.u-accordion {justify-content: center; opacity:0; visibility: hidden; align-items: center; display: flex; padding-top:17px;padding-right:17px;padding-bottom:17px;padding-left:17px; position: fixed; transition:opacity 0.207s ease, visibility 0.231s ease; z-index: 1300; inset:0;}
.u-accordion:target {tab-size:4; visibility: visible; opacity:1;}
.l-card {background:rgba(8, 22, 3, 0.57); position: absolute; inset:0; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);}
.c-entry-bar {position: relative; background: var(--bg); max-width:413px; width:100%; transition:transform 0.205s ease; border-radius: var(--rad-l); padding:36px; box-shadow: var(--sh-l); transform: translateY(14px) scale(.98);}.u-accordion:target .c-entry-bar{transform: none;}*.alert__summary{top:17px; display: flex; transition: background var(--tr), color var(--tr); color: var(--text-2); border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px; position: absolute; align-items: center; line-height:1; width:31px; font-size:18px; right:16px; height:34px; justify-content: center;}
.alert__summary:hover {background: var(--bg-2); color: var(--head);}
.o-dropdown {margin-bottom:17px; font-size:.84.92rem; color: var(--text-2);}.c-grid:not(._c540b5){font-synthesis:weight style small-caps; font-size:.85rem; text-align: center; color: var(--text-2); margin-top:19px;}

/* ---- reveal ------------------------------------------------- */
.l-nav-link {transform: translateY(22px); opacity:0; transition:opacity 0.528s ease, transform 0.516s ease;}.in.l-nav-link{break-inside:auto; opacity:1; transform: none; text-decoration-skip-ink:auto;}

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

@media print {html .t-rating-label, html .t-tabs, html .postPrimary, *.status--focused, .tableSummary, .l-chip, .t-pagination, *.u-accordion, .rounded-half{display: none !important;}body .u-price{max-width:100%;}.l-timeline-label:not(._c540b5){border:0 none; box-shadow:none; padding:0;}
  body {font-size:12pt;}
}