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

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

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

body {min-height:100%; line-height:1.7; font-size:16px; font-family: var(--ff);}

body {background: var(--bg); color: var(--text); overflow-x: hidden;}

img, svg {max-width:100%; display: block; orphans:2; transform-style:flat; height:auto;}
a {transition: color var(--tr); color: var(--brand); text-decoration:none;}
button {border:0; background:none; cursor: pointer; font-family:inherit;}a:hover{color: var(--brand-d);}
.list-line:first-child {gap:3rem; min-height:100vh; text-align:right; font-weight:700; border-radius:0; flex:0 0 auto}


:focus-visible {outline: 2px solid var(--brand); outline-offset:2px; border-radius:-1px;}::selection{background: var(--brand-l); color: var(--head);}
::-webkit-scrollbar {width:11px;}
::-webkit-scrollbar-track {background: var(--bg-2);}
.widget--first {transition:color 0.45s; overflow:auto; padding-right:0.375rem; text-transform:uppercase}

::-webkit-scrollbar-thumb {background:hsl(278, 16%, 82.1%); border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px;}
::-webkit-scrollbar-thumb:hover {background:#9cc0a6;}

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

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

/* ---- span labels styled to look like section titles --------- */
.panelPreview {font-family: var(--ff); display: block; margin-bottom:13px; color: var(--head); line-height:1.3; font-size:1.11rem; font-weight:700;}html .replySecondary{margin-bottom:8px; shape-margin:0; font-size:1.04rem;}

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

/* ---- progress rail ------------------------------------------ */
.bannerRow {transition:width 0.061s linear; inset:0 auto auto 0; z-index: 1200; width:0; height:3px; background: linear-gradient(90deg, var(--brand), #4fd39c); position: fixed;}
.sidebarCount.sidebarDot {box-shadow:0 2px 13px rgba(0, 22, 46, 0);}
.modal-indicator-filled {height:61px; gap:18px; display: flex; align-items: center;}

.listOuter {display: inline-flex; align-items: center;}
.listOuter img {width:auto; height:31px;}.priceData{gap:20px; margin-left:auto; display: flex; align-items: center;}
.list-subtitle {gap:5px; list-style: none; align-items: center; display: flex;}*.screenFill{border-radius: var(--rad-s); padding:5px 9px; display: block; font-weight:500; transition: background var(--tr), color var(--tr); font-size:.9.06rem; color: var(--text);}
.screenFill:hover {color: var(--brand); background: var(--brand-l);}

.screenIndicator {align-items: center; display: flex; gap:8px;}
.navBackdrop {font-size:.9.01rem; color: var(--head); font-weight:600; padding:11px 6px;}.navBackdrop:hover{color: var(--brand);}*.blockSeparator{flex-direction: column; padding-top:13px;padding-right:13px;padding-bottom:13px;padding-left:13px; display: none; margin-left:auto; gap:9px;}
.blockSeparator span {transition: transform var(--tr), opacity var(--tr); width:23px; background: var(--head); display: block; height:2px; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;}
.blockSeparator.x span:nth-child(1) {transform: translateY(7px) rotate(45deg);}html .blockSeparator.x span:nth-child(2){opacity:0;}
.blockSeparator.x span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {body .blockSeparator{display: flex;}
  .priceData {border-bottom: 1px solid var(--edge); transition: transform var(--tr), opacity var(--tr); gap:16px; pointer-events: none; padding:20px 18px 28px; align-items: stretch; opacity:0; inset:56px 0 auto 0; box-shadow: var(--sh-l); transform: translateY(-12px); background: var(--bg); position: absolute; flex-direction: column;}
  .priceData.open {hyphens:manual; pointer-events: auto; opacity:1; text-rendering:auto; transform: none;}
  .list-subtitle {align-items: stretch; flex-direction: column;}
  .screenIndicator {justify-content: flex-start; padding-top:12px; border-top: 1px solid var(--edge);}
}/* ---- content shell ------------------------------------------ */
.gridCount{padding:39px 0 76px;}*.chipImage{max-width:756px; width:100%; margin-inline:auto;}

/* ---- article (the only real content) ------------------------ */
.viewSeparator {box-shadow: var(--sh-s); padding:48px; word-spacing:normal; hyphens:manual; background: var(--bg); border: 1px solid var(--edge-2); border-radius: var(--rad-l);}
@media (max-width: 620px) { .viewSeparator {padding-top:23px;padding-right:23px;padding-bottom:23px;padding-left:23px; border-radius: var(--rad-m);} }
.listTertiary {margin-bottom:18px;}.formSecondary{margin-bottom:32px;}
.stepArea {flex-wrap: wrap;}
.stepArea {gap:14px; color: var(--text-2); display: flex; font-size:.82rem; align-items: center;}
.sectionValue {align-items: center; display: inline-flex; gap:7px;}
.sectionValue svg {flex: none; opacity:0.56;}

/* table of contents (collapsible, inside article) */
.formRegion {margin-bottom:29px;}.actionAddon{display: flex; justify-content: space-between; align-items: center; margin-bottom:7px;}
.c-dialog-container {border: 1px solid var(--edge); background: var(--bg-2); border-radius: var(--rad-m); padding:22px 23px; backface-visibility:visible;}
.timelineBar {color: var(--brand); font-size:.7.96rem;}
.pageDetail ol {counter-reset: t; list-style: none;}.pageDetail li{margin-bottom:9px; counter-increment: t;}html .pageDetail li::before{content: counter(t) ". "; color: var(--brand); font-weight:600;}
.pageDetail a {color: var(--text); font-size:.8.92rem;}
.section__summary {background:none; color:inherit; flex-wrap:wrap; margin-bottom:37px; margin-top:16px; overflow:auto}

.pageDetail a:hover {color: var(--brand);}/* article body — real H2/H3 live here */
.layoutNumber{color: var(--text); font-size:1.02rem; line-height:1.82;}
.layoutNumber > * + * {margin-top:1.15em;}body .layoutNumber h2{font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); margin-top:1.83em;}
.layoutNumber h3 {font-size:1.28rem; margin-top:1.5em;}.layoutNumber p{tab-size:4; margin:0 0 1.23em; orphans:2;}
.layoutNumber ul, .layoutNumber ol {padding-left:1.38em; orphans:2; margin:0 0 1.12em; text-rendering:auto;}
.layoutNumber li {margin-bottom:.44.96em;}
.layoutNumber a {text-decoration:underline; text-decoration-color:rgba(6, 132, 77, 0.39);}
.layoutNumber a {text-underline-offset:2px;}
.layoutNumber a:hover {tab-size:4; text-decoration-color: var(--brand); image-rendering:auto;}
.layoutNumber img {isolation:auto; margin:1.53em 0; border-radius: var(--rad-m);}
.layoutNumber blockquote {color: var(--head); font-variant-caps:normal; border-left: 4px solid var(--brand); border-radius: 0 var(--rad-s) var(--rad-s) 0; font-variant-ligatures:normal; font-style:italic; margin:1.5em 0; padding-top:1.08em;padding-right:1.28em;padding-bottom:1.08em;padding-left:1.28em; background: var(--brand-l); font-family: var(--ff-h);}
.layoutNumber pre {border-radius: var(--rad-m); padding:1.15em 1.3em; font-family: var(--ff-m); overflow-x: auto; font-size:.87.95rem; margin:1.43em 0; background:#051c2e; color:#e4fbf8;}*.layoutNumber code{font-family: var(--ff-m); background: var(--bg-2); border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px; font-size:.8.93em; color:#236649; padding:2px 7px;}
.action-value > spacer {display:none; letter-spacing:normal; max-width:720px}
.layoutNumber pre code{color:inherit; background:none; padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.layoutNumber table{width:100%; margin:1.42em 0; font-size:.94.95rem; border-collapse:collapse;}html .layoutNumber th, html .layoutNumber td{padding:14px 13px; text-align: left; will-change:auto; border: 1px solid var(--edge);}/* share */
.profileSuffix{border-top: 1px solid var(--edge-2); margin-top:33px; orphans:2; gap:11px; flex-wrap: wrap; align-items: center; padding-top:25px; display: flex;}
.layoutNumber th {font-weight:600; font-family: var(--ff); background: var(--bg-2); color: var(--head);}.sidebarContent:not(.placeholder73){color: var(--head); font-size:.85.93rem; font-weight:600;}
.accordionWrapper {display: flex; perspective:none; gap:6px;}body .sliderData{background: var(--bg-2); justify-content: center; orphans:2; display: inline-flex; align-items: center; height:41px; border: 1px solid var(--edge); width:37px; border-radius:8px; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); color: var(--text-2);}
.sliderData:hover {box-shadow:0 6px 13px rgba(12, 140, 104, 0.24); color:#fff0ff; background: var(--brand); transform: translateY(-2px); border-color: var(--brand);}/* ---- comments (directly under article) ---------------------- */
:where(.layoutAddon){background: var(--bg); border-radius: var(--rad-l); margin-top:26px; padding:35px; border: 1px solid var(--edge-2); box-shadow: var(--sh-s);}
@media (min-width: 960px) and (max-width: 1234px) {
  .thread-value:hover {display:grid; height:100%; gap:0.25rem; flex:1}
  .post-foot.hero-top {transition:opacity 0.25s; position:static; justify-content:space-around; border-radius:0; display:inline-block; margin-right:0}
  .carousel--light {transition:opacity 0.2s; display:inline-flex; border:1px solid #e44310; position:sticky; padding-left:1.5rem; padding:3rem 2rem}
}



/* ---- forms & controls --------------------------------------- */
.breadcrumb {margin-top:4px;}.h-0:not(.null91){margin-bottom:15px; gap:19px; grid-template-columns: 1fr 1fr; display: grid;}
.o-list-outer {margin-bottom:11px; orphans:2;}
@media (max-width: 560px) {.h-0:not(.placeholder67){grid-template-columns: 1fr;} }

.widgetOuter {border-radius: var(--rad-m); color: var(--text); font-size:.92.01rem; font:inherit; border: 1px solid var(--edge); transition: border-color var(--tr), box-shadow var(--tr); width:100%; padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px; background: var(--bg);}html .widgetOuter::placeholder{color:#9eb9b4;}
.widgetOuter:focus {outline:none; border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-l);}
.gridIcon {min-height:134px; line-height:1.6; resize: vertical;}

.galleryRegion {page-break-inside:auto; font-size:.92.05rem; justify-content: center;}

.galleryRegion {transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); font-weight:600; font-variant-ligatures:normal; display: inline-flex; gap:5px; padding:12px 27px; font:inherit; white-space: nowrap; align-items: center; border-radius: var(--rad-m);}
.panel__trigger {display:block; line-height:1; position:relative; height:14px; margin-left:auto; gap:3rem}

.filterSlot {color:#fef1f1; background: var(--brand); box-shadow:0 3px 14px rgba(20, 132, 94, 0.2);}
.filterSlot:hover {transform: translateY(-1px); color:rgb(247, 255, 244); box-shadow:0 3px 21px rgba(9, 161, 90, 0.38); background: var(--brand-d);}
.toggleInner {padding:11px 21px; border: 1.5px solid var(--brand); background:transparent; color: var(--brand);}
.carouselToggle {background: var(--bg-2); border: 1px solid var(--edge); color: var(--text);}.toggleInner:hover{color:#edf3fc; background: var(--brand);}
.carouselToggle:hover {color: var(--head); background: var(--edge-2);}
.sortTertiary {width:43px; flex: none; padding:0;}
.threadData {width:100%; mix-blend-mode:normal;}

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

.snackbar-tertiary-pressed {border-radius: var(--rad-l); margin-bottom:34px; align-items: start; box-shadow: var(--sh-s); display: grid; grid-template-columns: 1fr 1.25fr; padding:38px; gap:36px; background: var(--bg); border: 1px solid var(--edge);}
@media (max-width: 720px) {*.snackbar-tertiary-pressed{grid-template-columns: 1fr; gap:26px;} }
.pageTertiary {color: var(--text-2); font-size:.8.94rem;}

.listDate {page-break-inside:auto; font-synthesis:weight style small-caps; display: grid; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); gap:23px;}
.formAddon {box-shadow: var(--sh-s); border-radius: var(--rad-l); background: var(--bg); padding:29px; border: 1px solid var(--edge);}
.bannerCount {color: var(--text-2); font-size:.84.96rem;}
.bannerCount {margin-bottom:19px;}

.stepZone {gap:10px; display: flex;}
.stepZone .widgetOuter {flex: 1;}

.thread__fill {list-style: none;}
.thread__fill li a {padding:11px 0; font-size:.87.96rem; color: var(--text); display: block; border-bottom: 1px solid var(--edge-2); transition: color var(--tr), padding-left var(--tr);}
.profile-date:first-child {font-weight:500; transition:opacity 0.15s}

.thread__fill li:last-child a {border-bottom:none;}*.thread__fill li a:hover{padding-left:1px; color: var(--brand); text-underline-offset:auto;}/* ---- footer ------------------------------------------------- */
.clear-half{background: var(--bg-3); border-top: 1px solid var(--edge);}
.popoverTertiary {padding:49px 0 33px;}
.popoverTertiary {-moz-tab-size:4;tab-size:4; will-change:auto;}
.status-toggle .price-indicator {letter-spacing:normal; border-radius:50%; transition:color 0.15s; text-decoration:underline}

.navButton {grid-template-columns: 1.6fr 1fr 1fr; gap:33px; display: grid;}
@media (max-width: 760px) { .navButton {gap:23px; grid-template-columns: 1fr 1fr;} }
@media (max-width: 480px) {*.navButton{grid-template-columns: 1fr;} }

.priceInput img {margin-bottom:12px; width:auto; height:26px;}
.block--focused {display:inline-block; width:auto; background:transparent}

.rating-info > meta {width:auto; transition:all 0.4s ease; font-weight:600; justify-content:space-between}

.timelineWrap {margin-bottom:20px; max-width:316px; color: var(--text-2); font-size:.82.08rem;}
@media (max-width: 1200px) {
  .list-line:first-child {width:1220px; max-width:100%; position:static}
  .section__summary {text-decoration:underline; align-items:flex-start}
  .card-image + .hero-row {margin-left:26px; align-items:flex-end}
}


.t-review {list-style: none;}
.t-review li {margin-bottom:7px;}.t-review a{font-size:.86.93rem; color: var(--text-2);}.t-review a:hover{image-rendering:auto; color: var(--brand);}
.moduleContainer {text-align: center; padding:16px 0; border-top: 1px solid var(--edge);}.moduleContainer p{font-size:.8.03rem; color: var(--text-2);}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.listHead {orphans:2; display: flex; backface-visibility:visible; list-style: none; gap:11px;}
.badge-date + .price-handle {text-decoration:underline; transition:color 0.2s; justify-content:space-between; letter-spacing:0.01em}
.listHead a{display: inline-flex; border-radius: var(--rad-m); background: var(--bg-2); height:37px; align-items: center; width:38px;}.listHead a{color: var(--text-2); justify-content: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); border: 1px solid var(--edge);}
.banner-dot > fill {flex:1; transition:all 0.25s ease}

.listHead a:hover {border-color: var(--brand); color:hsl(302, 100%, 98.7%); background: var(--brand); transform: translateY(-3px);}
.listHead svg {width:14px; height:14px;}
.modal-prefix:first-child {text-decoration:none; position:relative; height:100%; width:fit-content}

.card-image + .hero-row {width:620px; transition:all 0.4s ease; border:0}


/* ---- back to top -------------------------------------------- */
.spinnerNumber {box-shadow: var(--sh-m); background: var(--bg);}

/* ---- back to top -------------------------------------------- */
.spinnerNumber {z-index: 900; bottom:24px; display: flex; align-items: center; height:42px; border: 1px solid var(--edge); border-radius:8px; justify-content: center; color: var(--head); position: fixed; width:47px; right:27px; transform: translateY(10px); transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); visibility: hidden; opacity:0;}
.spinnerNumber.show {visibility: visible; transform: none; opacity:1;}
.spinnerNumber:hover {background: var(--brand); transform: translateY(-2px); border-color: var(--brand); color:#fdfeff;}

/* ---- cookie ------------------------------------------------- */
.breadcrumbWrapper {position: fixed; right:0; padding:18px 0; color:rgba(255, 242, 255, 0.94); transition:transform 0.37s ease; transform: translateY(100%); left:0; z-index: 1100; bottom:0; background: var(--head);}
.breadcrumbWrapper.show {transform: none;}html .featureSubtitle{align-items: center; display: flex; justify-content: space-between; gap:22px;}
.breadcrumbWrapper p {font-size:.84.96rem; line-height:1.5;}.breadcrumbWrapper a{color:hsl(158, 52.9%, 67.5%);}
.breadcrumbWrapper .galleryRegion {flex: none;}
@media (max-width: 600px) { .featureSubtitle {flex-direction: column; text-align: center; tab-size:4; word-spacing:normal;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.drawerColumn {transition:opacity 0.302s ease, visibility 0.208s ease; position: fixed; display: flex; align-items: center; visibility: hidden; opacity:0; padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px; inset:0; z-index: 1300; justify-content: center;}.drawerColumn:target{opacity:1; visibility: visible;}
.navPreview {transform: translateY(14px) scale(.98); box-shadow: var(--sh-l); padding-top:38px;padding-right:38px;padding-bottom:38px;padding-left:38px; position: relative; border-radius: var(--rad-l); max-width:414px; transition:transform 0.216s ease; width:100%; background: var(--bg);}body .footerColumn{backdrop-filter:blur(2px); position: absolute; image-rendering:auto; -webkit-backdrop-filter:blur(2px); inset:0; background:rgba(28, 27, 29, 0.48);}
.drawerColumn:target .navPreview {transform: none;}.app-header{display: flex; width:37px; transition: background var(--tr), color var(--tr); height:32px; font-size:16px; color: var(--text-2); position: absolute; align-items: center; border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px; right:12px; top:14px; justify-content: center; line-height:1;}
.app-header:hover {background: var(--bg-2); color: var(--head);}html .slider-link-filled{margin-bottom:18px; color: var(--text-2); font-size:.84.96rem;}*.breadcrumbZone{font-size:.84.92rem; color: var(--text-2); margin-top:12px; text-align: center;}

/* ---- reveal ------------------------------------------------- */
.postInfo {transform-style:flat; opacity:0; transform: translateY(22px); transition:opacity 0.57s ease, transform 0.5s ease; isolation:auto;}
.postInfo.in {transform: none; opacity:1;}

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

@media print {.sidebarCount, .bannerRow, .profileSuffix, .layoutAddon, .o-accordion-input, *.spinnerNumber, html .breadcrumbWrapper, body .drawerColumn, *.blockSeparator{display: none !important;}html .chipImage{max-width:100%;}.viewSeparator{border:0; padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem; box-shadow:none;}
  body {font-size:12pt;}
}