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

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

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

body {min-height:100%; font-family: var(--ff); color: var(--text); background: var(--bg); overflow-x: hidden; font-size:16px; line-height:1.7;}

html {-moz-text-size-adjust:100%;height:100%; -webkit-text-size-adjust:100%; scroll-behavior: smooth; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}img, svg{max-width:100%; height:auto; display: block;}
a:hover {color: var(--brand-d);}
.slider__input {max-width:none; line-height:1; min-height:100vh; gap:0.25rem; text-transform:uppercase}

a {color: var(--brand); transition: color var(--tr); text-decoration:none;}
button {text-underline-offset:auto; border:none 0; cursor: pointer; font-family:inherit; background:none;}
::selection {color: var(--head); background: var(--brand-l);}

:focus-visible {outline: 2px solid var(--brand); outline-offset:2px; border-top-left-radius:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:1px;}::-webkit-scrollbar{width:9px;}
::-webkit-scrollbar-track {background: var(--bg-2);}
::-webkit-scrollbar-thumb {background:hsl(156, 9.4%, 72.6%); border-radius:13px;}
::-webkit-scrollbar-thumb:hover {background:#abb99f;}

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

.sliderDot {max-width: var(--max); margin-inline:auto; width:100%; padding-inline:22px;}h1{font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem); letter-spacing:-.11.98em;}

/* ---- real headings: ONLY the article uses them --------------- */
h1, h2, h3, h4 {font-family: var(--ff-h); color: var(--head); font-weight:700; line-height:1.25;}
.sortButton {font-size:0.97rem; margin-bottom:12px;}

/* ---- span labels styled to look like section titles --------- */
.popoverBar {margin-bottom:15px; color: var(--head); display: block; font-weight:700; line-height:1.3; font-family: var(--ff); font-size:1.26rem;}

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

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

.toolbar__track.w-xl {box-shadow:0 2px 18px rgba(2, 52, 28, 0.16);}
.py-24 {align-items: center; gap:19px; height:61px; display: flex;}
.widget-region > inner {max-width:100%; margin-top:0}


.comment__action--fluid {display: inline-flex; align-items: center;}
.comment__action--fluid img {width:auto; height:26px;}*.moduleContainer{display: flex; align-items: center; gap:8px; list-style: none;}

.toolbarOverlay {margin-left:auto; gap:20px; display: flex; align-items: center;}html .bannerHolder{color: var(--text); padding:6px 12px; font-weight:500; font-size:.8.96rem; transition: background var(--tr), color var(--tr); display: block; border-radius: var(--rad-s);}

.commentDot {display: flex; align-items: center; gap:7px; text-decoration-skip-ink:auto;}html .bannerHolder:hover{color: var(--brand); background: var(--brand-l);}
.border-16 {font-weight:600; font-size:.8.99rem; padding:5px 4px; color: var(--head);}
.border-16:hover {color: var(--brand);}

.carouselBody {gap:7px; margin-left:auto; flex-direction: column; padding:10px; display: none;}.carouselBody span{background: var(--head); width:21px; border-radius:2px; height:2px; display: block; transition: transform var(--tr), opacity var(--tr);}.x.carouselBody span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.carouselBody.x span:nth-child(2) {opacity:0;}body .carouselBody.x span:nth-child(3){isolation:auto; font-synthesis:weight style small-caps; transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {*.carouselBody{display: flex;}body .toolbarOverlay{font-variant-caps:normal; border-bottom: 1px solid var(--edge); gap:10px; background: var(--bg); position: absolute; align-items: stretch; inset:60px 0 auto 0; box-shadow: var(--sh-l); padding:18px 19px 26px; pointer-events: none; transform: translateY(-12px); opacity:0; transition: transform var(--tr), opacity var(--tr); flex-direction: column;}
  .toolbarOverlay.open {pointer-events: auto; opacity:1;}
  .toolbarOverlay.open {transform: none;}.moduleContainer:not(.skip89){align-items: stretch; flex-direction: column;}
  .commentDot {justify-content: flex-start; border-top: 1px solid var(--edge); padding-top:16px;}
}/* ---- content shell ------------------------------------------ */
.chipSlot{padding:37px 0 76px;}body .media{margin-inline:auto; max-width:756px; width:100%;}

/* ---- article (the only real content) ------------------------ */
.formBlock {padding:45px; will-change:auto; border-radius: var(--rad-l); box-shadow: var(--sh-s); background: var(--bg); font-variant-caps:normal; border: 1px solid var(--edge-2);}
@media (max-width: 620px) { .formBlock {border-radius: var(--rad-m); padding:30px 19px;} }html .float-3{margin-bottom:32px;}
.badgeFill {margin-bottom:14px;}body .layoutLabel{display: flex; gap:17px; font-size:.81.95rem; flex-wrap: wrap; align-items: center; color: var(--text-2);}
.actionRegion {align-items: center; display: inline-flex; gap:5px;}
.actionRegion svg {flex: none; opacity:0.52;}/* table of contents (collapsible, inside article) */
.widgetSuffix{margin-bottom:30px;}
.skeletonData {hyphens:manual; border: 1px solid var(--edge); border-radius: var(--rad-m); orphans:2; background: var(--bg-2); padding:18px 26px;}
.o-grid-region {margin-bottom:13px; display: flex; justify-content: space-between; align-items: center;}
.widget-info {font-size:38px; text-decoration:underline}
html .popover--wide{widows:2; color: var(--brand); font-size:.8.07rem;}
.searchImage ol {list-style: none; counter-reset: t;}
.searchImage li {margin-bottom:3px; counter-increment: t;}
.searchImage li::before {font-weight:600; content: counter(t) ". "; color: var(--brand);}
.searchImage a {font-size:.9.01rem; color: var(--text);}
.filter-separator .table-overlay {border-radius:0; display:none; box-shadow:0 7px 3px rgba(0,0,0,0.56); position:relative; font-size:1.25rem; overflow:auto}

.searchImage a:hover {color: var(--brand);}

/* article body — real H2/H3 live here */
.toggleFoot {font-size:1.07rem; line-height:1.82; color: var(--text);}.toggleFoot > * + *{margin-top:1.15em;}*.toggleFoot h2{font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); margin-top:1.86em;}*.toggleFoot h3{font-size:1.36rem; margin-top:1.5em;}html .toggleFoot p{margin:0 0 1.09em;}
.toggleFoot ul, .toggleFoot ol {padding-left:1.44em; margin:0 0 1.12em;}
.toggleFoot li {margin-bottom:.44.99em;}
.toggleFoot a {page-break-inside:auto; text-decoration-color:rgba(38, 130, 88, 0.37); text-underline-offset:2px; text-decoration:underline;}
.toggleFoot a:hover {text-decoration-color: var(--brand);}
.toggleFoot img {border-radius: var(--rad-m); margin:1.52em 0;}
.toggleFoot blockquote {color: var(--head); margin:1.58em 0; font-style:italic; border-radius: 0 var(--rad-s) var(--rad-s) 0; padding:1.08em 1.31em; background: var(--brand-l); font-family: var(--ff-h); border-left: 4px solid var(--brand);}.toggleFoot pre{color:#dfeee6; padding:1.16em 1.34em; border-radius: var(--rad-m); overflow-x: auto; background:rgb(43, 40, 1); margin:1.55em 0; font-size:.87.93rem; font-family: var(--ff-m);}
.toggleFoot code {font-size:.9.03em; padding:2px 7px; font-family: var(--ff-m); background: var(--bg-2); color:#0e794a; border-radius:none;}.toggleFoot pre code{color:inherit;}.toggleFoot pre code{padding:0; background:none;}
.toggleFoot table {margin:1.58em 0; border-collapse:collapse; width:100%; font-size:.95.08rem;}
.toggleFoot th, .toggleFoot td {border: 1px solid var(--edge); text-align: left; padding:10px 17px;}
.toggleFoot th {color: var(--head);}
.toggleFoot th {font-family: var(--ff); background: var(--bg-2); font-weight:600;}
.galleryTertiary {color: var(--head); font-weight:600; font-size:.86.06rem;}

/* share */
.dropdownContainer {font-synthesis:weight style small-caps; flex-wrap: wrap; padding-top:20px; border-top: 1px solid var(--edge-2); display: flex; align-items: center; gap:12px; margin-top:33px;}html .badgeHandle{border: 1px solid var(--edge); border-top-left-radius:13px;border-top-right-radius:13px;border-bottom-right-radius:13px;border-bottom-left-radius:13px; display: inline-flex; width:35px; height:36px; background: var(--bg-2); justify-content: center; color: var(--text-2); align-items: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr);}
.badge-wrapper:hover {flex-wrap:wrap; min-width:0; transition:all 0.15s ease; display:inline-block}
html .blockName{gap:7px; display: flex; backface-visibility:visible;}
.badgeHandle:hover {transform: translateY(-2px); box-shadow:0 4px 18px rgba(25, 155, 110, 0.33); color:#faf9ee; background: var(--brand); border-color: var(--brand);}/* ---- comments (directly under article) ---------------------- */
.actionNumber{padding:36px; border-radius: var(--rad-l); background: var(--bg); box-shadow: var(--sh-s); border: 1px solid var(--edge-2); margin-top:27px;}

/* ---- forms & controls --------------------------------------- */
.headerLine {margin-top:6px;}
.layoutPreview {margin-bottom:12px; display: grid; gap:12px;}
.layoutPreview {grid-template-columns: 1fr 1fr;}
.reviewWrapper {margin-bottom:16px;}
@media (max-width: 560px) { .layoutPreview {grid-template-columns: 1fr;} }

.alertArea {padding:12px 15px; color: var(--text); border: 1px solid var(--edge); font:inherit; font-size:.92.02rem; background: var(--bg); border-radius: var(--rad-m); transition: border-color var(--tr), box-shadow var(--tr); width:100%;}
.alertArea::placeholder {color:#a4c19e;}
.alertArea:focus {box-shadow: 0 0 0 3px var(--brand-l); outline:none; border-color: var(--brand);}.panelOverlay{padding:10px 26px; font-weight:600; border-radius: var(--rad-m); display: inline-flex; font-size:.91.92rem; white-space: nowrap; font:inherit; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr); align-items: center; justify-content: center; gap:4px;}
.pageBackdrop {line-height:1.6; min-height:126px; resize: vertical;}*.toggleInner{box-shadow:0 2px 17px rgba(15, 146, 78, 0.17); color:#ffffff; background: var(--brand);}
.toggleInner:hover {transform: translateY(-1px); color:#ffffff; box-shadow:0 10px 21px rgba(40, 136, 99, 0.3); background: var(--brand-d);}
.blockCount {background:transparent; backface-visibility:visible; padding-top:12px; padding-right:20px; padding-bottom:12px; padding-left:20px; color: var(--brand);}
.blockCount {border: 1.5px solid var(--brand);}
.dialog {border: 1px solid var(--edge); color: var(--text); background: var(--bg-2);}
.blockCount:hover {perspective:none; color:#ffffff; background: var(--brand);}
.slider-head:not(:last-child) {transition:color 0.15s; background:none; width:auto; margin:0.5rem; display:table}
.justify-half:not(.dummy16){padding:0; width:43px; flex: none;}.dialog:hover{will-change:auto; background: var(--edge-2); color: var(--head);}

/* ---- extras zone (everything else, pushed below content) ---- */
.el-media {page-break-inside:auto; background: var(--bg-2); border-top: 1px solid var(--edge); padding:56px 0;}
.sliderHandle {width:100%;}

.overflow-auto {background: var(--bg); box-shadow: var(--sh-s); grid-template-columns: 1fr 1.25fr; gap:32px; padding:37px; margin-bottom:35px; border-radius: var(--rad-l); display: grid; border: 1px solid var(--edge); align-items: start;}
.menu-area.skeleton-right {transition:opacity 0.25s; letter-spacing:0.01em; padding-left:31px; border:none; flex:1 1 0%; padding:0.875rem}

@media (max-width: 720px) {.overflow-auto:not(.void98){gap:18px; isolation:auto; grid-template-columns: 1fr;} }
.menuPrefix {color: var(--text-2); font-size:.8.96rem;}

.toolbarAction {gap:22px; display: grid; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));}
.footer-bar .slider-dot {box-shadow:0 15px 4px rgba(0,0,0,0.24); display:inline-block; transition:all 0.25s ease; padding:2.5rem 2.5rem; font-size:27px; flex:none}
body .postPlaceholder{margin-bottom:12px; font-size:.84.96rem;}body .pageCell{border: 1px solid var(--edge); background: var(--bg); padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px; box-shadow: var(--sh-s); border-radius: var(--rad-l);}body .postPlaceholder{color: var(--text-2);}

.filterLink {display: flex; gap:10px;}html .filterLink .alertArea{flex: 1;}

.mediaTime {list-style: none;}
.mediaTime li a {transition: color var(--tr), padding-left var(--tr); padding:10px 0; display: block; color: var(--text); font-size:.88.01rem; border-bottom: 1px solid var(--edge-2);}.mediaTime li:last-child a{border-bottom:0;}
@media (min-width: 800px) {
  .spinner-info + .dialog-dot {border:0; background-color:transparent; display:table; height:35px}
  .accordion-info {margin-top:5px; min-height:100vh; transition:color 0.45s; display:inline-block}
  .thread-prefix:hover {background:transparent; position:static; border:0; text-align:justify}
}

.mediaTime li:last-child a{widows:2; isolation:auto;}
.mediaTime li a:hover {contain:none; color: var(--brand); padding-left:6px;}

/* ---- footer ------------------------------------------------- */
.l-module-detail {border-top: 1px solid var(--edge); background: var(--bg-3);}
.featurePlaceholder {padding:50px 0 32px;}
.priceSubtitle {gap:36px; display: grid; grid-template-columns: 1.6fr 1fr 1fr;}
@media (max-width: 760px) {.priceSubtitle{grid-template-columns: 1fr 1fr; gap:27px;} }
@media (max-width: 480px) {.priceSubtitle{grid-template-columns: 1fr;} }

.paginationFill img {width:auto; height:26px; margin-bottom:16px;}.sidebarInner{list-style: none;}
.t-popover {max-width:319px; margin-bottom:20px; font-size:.81.99rem; color: var(--text-2);}
.sidebarInner li {margin-bottom:6px;}
.sidebarInner a {color: var(--text-2); font-size:.87.02rem;}body .sidebarInner a:hover{color: var(--brand);}
.filterDot {text-align: center; border-top: 1px solid var(--edge); padding:15px 0;}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.replyTrigger {gap:10px; list-style: none; display: flex;}.filterDot p{font-size:.8rem; color: var(--text-2);}
.popover-outer .panel-separator {display:block; border-radius:0; flex:1; text-align:left}

.replyTrigger a {align-items: center; background: var(--bg-2); border-radius: var(--rad-m); height:42px; display: inline-flex; color: var(--text-2); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); border: 1px solid var(--edge); justify-content: center; width:40px;}
.replyTrigger a:hover {color:#fffffb; transform: translateY(-3px); border-color: var(--brand); background: var(--brand);}

/* ---- back to top -------------------------------------------- */
.dropdownAddon {display: flex; z-index: 900; background: var(--bg); bottom:25px; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); justify-content: center; opacity:0; height:48px; transform: translateY(10px); visibility: hidden; box-shadow: var(--sh-m); position: fixed; width:47px; align-items: center; color: var(--head); border: 1px solid var(--edge); right:30px; border-radius:11px;}
.replyTrigger svg {width:16px; height:20px;}
.dropdownAddon.show {visibility: visible; opacity:1; transform: none;}
.dropdownAddon:hover {color:#f9f6ff; transform: translateY(-2px); background: var(--brand); border-color: var(--brand);}/* ---- cookie ------------------------------------------------- */
.breadcrumb__input{left:0; right:0; transition:transform 0.35s ease; transform: translateY(100%); color:rgba(255, 255, 249, 0.81); padding:20px 0; background: var(--head); position: fixed; z-index: 1100; bottom:0;}
@media (min-width: 576px) and (max-width: 957px) {
  .menu-area.skeleton-right {margin-left:auto; cursor:default; transition:opacity 0.5s; font-size:30px}
  .popover-outer .panel-separator {border:0; padding-left:0.625rem; position:static; width:fit-content}
  .footer-bar .slider-dot {color:#717a7b; line-height:1.625}
  .popover-column .card-slot {gap:0.75rem; min-width:0; align-items:center; transition:color 0.45s; margin:0 auto; background:rgb(167, 79, 200)}
}

*.breadcrumb__input.show{transform: none;}
.box--large {background-color:transparent; font-size:26px; flex:0 0 auto; gap:8px; justify-content:space-between; max-width:100%}

.breadcrumb__input p {perspective:none; line-height:1.5; font-size:.85.02rem;}
.popoverToggle {justify-content: space-between; gap:17px; display: flex; align-items: center;}html .breadcrumb__input a{color:#67e7bc;}*.breadcrumb__input .panelOverlay{flex: none;}
@media (max-width: 600px) { .popoverToggle {flex-direction: column; text-align: center;} }

/* ---- :target auth modals (markup lives at end of body) ------ */
.carouselDot {justify-content: center; align-items: center; transition:opacity 0.289s ease, visibility 0.264s ease; visibility: hidden; display: flex; z-index: 1300; inset:0; padding:18px; position: fixed; opacity:0;}
.popover-column .card-slot {transition:opacity 0.4s; min-width:0}
*.carouselDot:target{visibility: visible; opacity:1;}.sectionInfo:not(.empty90){backdrop-filter:blur(2px); position: absolute; inset:0; -webkit-backdrop-filter:blur(2px); background:rgba(14, 35, 18, 0.49);}*.carouselRow{width:100%; padding:35px; background: var(--bg); border-radius: var(--rad-l); position: relative; transition:transform 0.279s ease; box-shadow: var(--sh-l); max-width:410px; transform: translateY(14px) scale(.98);}
.select-backdrop:not(:last-child) {position:relative; justify-content:flex-start; text-align:center; padding-top:38px; font-size:inherit}

.dropdownTrigger {color: var(--text-2); align-items: center; line-height:1; right:13px; display: flex; width:33px; top:13px; justify-content: center; font-size:23px; border-radius:7px; height:35px; position: absolute; transition: background var(--tr), color var(--tr);}
.carouselDot:target .carouselRow {transform: none;}
.dropdownTrigger:hover {color: var(--head); background: var(--bg-2);}html .row-badge{margin-bottom:16px; font-size:.85.07rem; color: var(--text-2);}/* ---- reveal ------------------------------------------------- */
.postFill{transform: translateY(22px); opacity:0; transition:opacity 0.49s ease, transform 0.6s ease;}
.carousel {font-size:.85.03rem; text-align: center; color: var(--text-2); margin-top:13px;}
.postFill.in {opacity:1; transform: none;}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {font-synthesis:weight style small-caps; transition:none !important; font-variant-ligatures:normal; animation:none !important; scroll-behavior: auto !important;}body .postFill{-webkit-hyphens:manual;-ms-hyphens:manual;opacity:1; transform: none; hyphens:manual;}
}

@media print {.toolbar__track:not(.null42), html .sidebarHead, html .dropdownContainer, body .actionNumber, .el-media:not(.empty55), .dropdownAddon:not(.void69), .breadcrumb__input, body .carouselDot, .carouselBody:not(.dummy71){display: none !important; font-variant-caps:normal; perspective:none;}
  .media {max-width:100%;}
  .formBlock {padding:0; border:none; box-shadow:none;}
  body {font-size:12pt;}
}