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

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

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

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

body {overflow-x: hidden; font-size:16px; line-height:1.7; min-height:100%; background: var(--bg); color: var(--text); font-family: var(--ff);}img, svg{display: block; height:auto; max-width:100%;}
a:hover {color: var(--brand-d);}
a {text-decoration:none; transition: color var(--tr); color: var(--brand);}button{font-family:inherit; hyphens:manual; cursor: pointer; background:none; border:0 none;}

:focus-visible {outline: 2px solid var(--brand); border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px; outline-offset:2px;}
::selection {color: var(--head); background: var(--brand-l);}
::-webkit-scrollbar {text-rendering:auto; width:8px; tab-size:4;}
::-webkit-scrollbar-thumb {border-radius:10px; tab-size:4; background:#b0d9d0;}
::-webkit-scrollbar-track {background: var(--bg-2);}::-webkit-scrollbar-thumb:hover{background:rgb(153, 146, 165);}

.profile {width:100%;}

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

.profile {margin-inline:auto; padding-inline:22px; max-width: var(--max);}
.section-spacer:hover {position:absolute; transition:transform 0.25s ease-in-out; cursor:default; width:100%; background:none; display:none}


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

/* ---- span labels styled to look like section titles --------- */
.action__detail--large {font-family: var(--ff); font-size:1.2rem; line-height:1.3; color: var(--head); display: block; font-weight:700;}
h1 {letter-spacing:-.11.96em; font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.55rem);}
.col-auto {margin-bottom:16px; font-size:1.04rem;}
#card-fill {align-items:center; box-shadow:none; transition:transform 0.15s ease-in-out}


/* ---- span labels styled to look like section titles --------- */
.action__detail--large {margin-bottom:13px;}/* ---- masthead (slim, content sits right under it) ----------- */
.tabs{transition: box-shadow var(--tr); background:rgba(255, 238, 254, 0.94); backdrop-filter:blur(10px); border-bottom: 1px solid var(--edge-2); position: sticky; z-index: 1000; -webkit-backdrop-filter:blur(10px); top:0;}

/* ---- progress rail ------------------------------------------ */
.status__indicator--filled {transition:width 0.062s linear; shape-margin:0; background: linear-gradient(90deg, var(--brand), #4fd39c); position: fixed; z-index: 1200; font-variant-caps:normal; height:3px; inset:0 auto auto 0; width:0;}
.tabs.timeline__prefix--hover {box-shadow:0 2px 15px rgba(20, 31, 10, 0.07);}
.reviewSuffix {gap:17px; display: flex; align-items: center; height:58px;}

.togglePreview {image-rendering:auto; align-items: center; page-break-inside:auto; display: inline-flex;}.togglePreview img{height:32px; widows:2; width:auto;}

.module__link {align-items: center; gap:13px; display: flex; margin-left:auto;}
.module--warning {display: flex; break-inside:auto; gap:3px; align-items: center; list-style: none; tab-size:4;}
.form__data--small {padding-top:12px;padding-right:10px;padding-bottom:12px;padding-left:10px; font-weight:500; color: var(--text); font-size:.9.04rem; display: block; border-radius: var(--rad-s); transition: background var(--tr), color var(--tr);}

.post {display: flex; gap:8px; align-items: center;}
.form__data--small:hover {background: var(--brand-l); color: var(--brand);}.media__group--success:not(.unused55){padding:10px 2px; font-size:.9.02rem; font-weight:600; color: var(--head);}*.media__group--success:hover{color: var(--brand);}

.drawer__secondary {flex-direction: column; margin-left:auto; padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px; gap:4px; display: none;}*.drawer__secondary span{background: var(--head); width:24px; transition: transform var(--tr), opacity var(--tr); display: block; height:2px; border-radius:2px;}
.drawer__secondary.x span:nth-child(1) {will-change:auto; transform: translateY(7px) rotate(45deg); image-rendering:auto;}
.drawer__secondary.x span:nth-child(2) {opacity:0;}
.drawer__secondary.x span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

@media (max-width: 820px) {
  .drawer__secondary {display: flex;}
  .module__link {box-shadow: var(--sh-l); background: var(--bg); inset:56px 0 auto 0; opacity:0; gap:16px; word-spacing:normal; transform: translateY(-12px); align-items: stretch; border-bottom: 1px solid var(--edge); font-variant-ligatures:normal; padding:15px 18px 23px; pointer-events: none; flex-direction: column; transition: transform var(--tr), opacity var(--tr); position: absolute;}body .module__link.open{transform: none;}body .module__link.open{pointer-events: auto; opacity:1;}
  .module--warning {flex-direction: column; align-items: stretch;}
  .post {border-top: 1px solid var(--edge); justify-content: flex-start; padding-top:11px;}
}

/* ---- content shell ------------------------------------------ */
.tag-number-hover {padding:40px 0 73px;}
.select__slot--odd {margin-inline:auto; max-width:757px;}
.select__slot--odd {width:100%;}
.spinner-addon + .avatar-time {padding-left:5px; transition:transform 0.15s ease-in-out; gap:30px; width:100%; min-width:10px}


/* ---- article (the only real content) ------------------------ */
.step__tertiary {background: var(--bg); border: 1px solid var(--edge-2); box-shadow: var(--sh-s); padding-top:41px;padding-right:41px;padding-bottom:41px;padding-left:41px; border-radius: var(--rad-l);}
@media (max-width: 620px) {.step__tertiary:not(.none25){border-radius: var(--rad-m); padding-top:29px;padding-right:24px;padding-bottom:29px;padding-left:24px;} }.list__input{margin-bottom:25px;}.date-nav:not(.unused76){gap:17px; display: flex; color: var(--text-2); align-items: center; font-variant-caps:normal; flex-wrap: wrap; font-size:.81.96rem; text-decoration-skip-ink:auto;}
.selectDate {margin-bottom:14px;}body .rating{display: inline-flex; gap:2px; align-items: center; font-variant-caps:normal;}

/* table of contents (collapsible, inside article) */
.overflow-8 {margin-bottom:30px;}
.rating svg {flex: none; opacity:0.54;}
.price__icon--last {justify-content: space-between; display: flex; align-items: center; margin-bottom:11px;}.screen__toggle:not(.dummy79){background: var(--bg-2); padding-top:21px;padding-right:22px;padding-bottom:21px;padding-left:22px; word-spacing:normal; border: 1px solid var(--edge); border-radius: var(--rad-m);}
.status__region--alt {color: var(--brand); font-size:.8.04rem;}
.layout--success ol {counter-reset: t; list-style: none;}
.screen-track:first-child {flex:none; min-height:100vh; transition:transform 0.25s ease-in-out; position:relative; flex-wrap:wrap; padding-right:0.875rem}

.layout--success li {margin-bottom:10px; counter-increment: t;}
.layout--success li::before {content: counter(t) ". "; color: var(--brand); font-weight:600;}.layout--success a{color: var(--text); font-size:.9rem;}
.layout--success a:hover {color: var(--brand);}/* article body — real H2/H3 live here */
.skeleton__dot{font-size:1.02rem; line-height:1.82; color: var(--text);}
.skeleton__dot > * + * {margin-top:1.1em;}
.skeleton__dot h2 {font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); margin-top:1.83em;}
.skeleton__dot h3 {margin-top:1.53em; font-size:1.35rem;}
.skeleton__dot p {margin:0 0 1.2em;}.skeleton__dot ul, *.skeleton__dot ol{padding-left:1.45em; background-blend-mode:normal; hyphens:manual; margin:0 0 1.13em;}
.skeleton__dot li {margin-bottom:.45.02em;}
.skeleton__dot a {text-underline-offset:2px; text-decoration-color:rgba(19, 130, 86, 0.43); text-decoration:underline;}
.skeleton__dot a:hover {text-decoration-color: var(--brand); tab-size:4; page-break-inside:auto;}
.skeleton__dot img {border-radius: var(--rad-m); margin:1.43em 0;}.skeleton__dot blockquote{font-style:italic; color: var(--head); border-radius: 0 var(--rad-s) var(--rad-s) 0; font-family: var(--ff-h); background: var(--brand-l); border-left: 4px solid var(--brand); padding:1.07em 1.26em; margin:1.53em 0;}
.skeleton__dot pre {overflow-x: auto; background-color:#262819; padding:1.08em 1.32em; font-size:.88.01rem; border-radius: var(--rad-m); margin:1.48em 0; color:rgb(221, 239, 212); font-family: var(--ff-m);}.skeleton__dot code{background: var(--bg-2); border-radius:5px; padding:2px 7px; font-size:.9em; color:#246746; font-family: var(--ff-m);}
.skeleton__dot pre code {padding:0; color:inherit; background:none;}body .skeleton__dot table{font-size:.95.03rem; margin:1.57em 0; width:100%; border-collapse:collapse;}
.rating-foot:first-child {border:none; display:inline; padding-left:1.125rem; text-decoration:none; font-size:0.75rem; padding-top:1rem}

.skeleton__dot th, .skeleton__dot td {widows:2; isolation:auto; padding:9px 13px; text-align: left; border: 1px solid var(--edge);}
.status-expand .counter-extra {box-shadow:0 13px 8px rgba(0,0,0,0.91); opacity:1; position:sticky; flex-wrap:nowrap; overflow:visible}


/* share */
.rating--horizontal {padding-top:21px; display: flex; margin-top:32px; flex-wrap: wrap; border-top: 1px solid var(--edge-2); gap:10px; align-items: center;}.skeleton__dot th{font-weight:600; color: var(--head); background: var(--bg-2); font-family: var(--ff);}
.sidebarButton {widows:2; perspective:none; font-weight:600; color: var(--head); font-size:.85.97rem;}
.rating--narrow {gap:12px; display: flex;}
@media (min-width: 640px) and (max-width: 890px) {
  .carousel-item > zone {min-width:7px; line-height:normal; transition:transform 0.25s ease-in-out; align-items:flex-start; box-shadow:none}
  .skeleton-detail .rating-title {margin-top:0.625rem; position:static; width:fit-content}
  .section-spacer:hover {box-shadow:0 6px 16px rgba(0,0,0,0.51); display:table; letter-spacing:normal; padding-top:1.25rem; position:relative; justify-content:space-around}
}


.layoutArea {color: var(--text-2); transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); contain:none; border-radius:9px; justify-content: center; display: inline-flex; height:35px; align-items: center; background: var(--bg-2); width:36px; border: 1px solid var(--edge);}
.layoutArea:hover {background: var(--brand); transform-style:flat; color:hsl(212, 53.8%, 94.8%); border-color: var(--brand); transform: translateY(-2px); box-shadow:0 1px 12px rgba(6, 155, 110, 0.27);}/* ---- comments (directly under article) ---------------------- */
.comment__section--elevated{border-radius: var(--rad-l); box-shadow: var(--sh-s); background: var(--bg); border: 1px solid var(--edge-2); margin-top:28px; padding:35px;}

/* ---- forms & controls --------------------------------------- */
.avatar__backdrop--focused {margin-top:4px;}body .step__text{margin-bottom:14px; contain:none; font-synthesis:weight style small-caps;}
.filter--fixed {display: grid; grid-template-columns: 1fr 1fr; hyphens:manual; margin-bottom:13px; word-spacing:normal; gap:15px;}
@media (max-width: 560px) {.filter--fixed:not(.noop77){grid-template-columns: 1fr;} }

.font-auto {color: var(--text); transition: border-color var(--tr), box-shadow var(--tr); isolation:auto; border: 1px solid var(--edge); width:100%; border-radius: var(--rad-m); font-size:.92.05rem; background-blend-mode:normal; font:inherit; background: var(--bg); padding:8px 14px;}.font-auto::placeholder{color:#9cb1b1;}
.font-auto:focus {border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-l); outline:none;}.select__wrapper{padding-top:8px;padding-right:25px;padding-bottom:8px;padding-left:25px; white-space: nowrap; gap:12px; align-items: center; justify-content: center; font-size:.91.95rem; 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; border-radius: var(--rad-m);}.action-wrapper-inverse{backface-visibility:visible; min-height:133px; line-height:1.6; transform-style:flat; resize: vertical;}
.slider--focused {color:rgb(246, 247, 255); background: var(--brand); box-shadow:0 2px 10px rgba(29, 153, 82, 0.23);}
.slider--focused:hover {color:hsl(342, 100%, 98.3%); transform: translateY(-1px); backface-visibility:visible; background: var(--brand-d); box-shadow:0 10px 18px rgba(22, 130, 86, 0.33);}
.media__suffix {word-spacing:normal; border: 1.5px solid var(--brand); font-variant-ligatures:normal; color: var(--brand); padding-top:8px;padding-right:16px;padding-bottom:8px;padding-left:16px; background:transparent;}html .media__suffix:hover{color:rgb(244, 240, 248); background: var(--brand);}
.form-thumb.action-outlined {flex:1; opacity:0.24; letter-spacing:normal; display:table; min-height:20px; max-width:340px}

.threadThumb {background: var(--bg-2); border: 1px solid var(--edge); color: var(--text);}html .threadThumb:hover{color: var(--head); background: var(--edge-2);}
.snackbar--alt {padding:0; flex: none; width:43px;}
.counter-area + .sidebar-holder {font-size:inherit; display:none; flex-wrap:wrap; position:relative; max-width:none}

.c-accordion-block {width:100%;}

/* ---- extras zone (everything else, pushed below content) ---- */
.view__primary--warning {background: var(--bg-2); padding:59px 0;}

/* ---- extras zone (everything else, pushed below content) ---- */
.view__primary--warning {border-top: 1px solid var(--edge);}

.col-half {gap:33px; background: var(--bg); padding-top:34px;padding-right:34px;padding-bottom:34px;padding-left:34px; box-shadow: var(--sh-s); align-items: start; border: 1px solid var(--edge); grid-template-columns: 1fr 1.25fr; display: grid; border-radius: var(--rad-l); margin-bottom:34px;}
@media (max-width: 720px) {.col-half{grid-template-columns: 1fr; gap:21px;} }
.dialog--narrow {-moz-tab-size:4;font-size:.9.04rem; tab-size:4; color: var(--text-2);}

.sidebarTitle {gap:24px;}
.c-widget-input {border: 1px solid var(--edge); border-radius: var(--rad-l); background: var(--bg); padding:23px; text-decoration-skip-ink:auto; box-shadow: var(--sh-s);}

.sidebarTitle {grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); display: grid;}
.pl-xs {margin-bottom:18px;}
.pl-xs {color: var(--text-2); font-size:.85rem;}.menu__placeholder{gap:7px; display: flex;}
.menu__placeholder .font-auto {text-decoration-skip-ink:auto; hyphens:manual; flex: 1;}

.reply {list-style: none;}
.reply li a {transition: color var(--tr), padding-left var(--tr); display: block; border-bottom: 1px solid var(--edge-2); padding:12px 0; color: var(--text); font-size:.87.93rem;}.reply li:last-child a{border-bottom:0 none;}
.reply li a:hover {padding-left:1px; color: var(--brand);}

/* ---- footer ------------------------------------------------- */
.dropdown--horizontal {border-top: 1px solid var(--edge); background: var(--bg-3);}.toggle__area{padding:55px 0 37px;}.status__track{grid-template-columns: 1.6fr 1fr 1fr; gap:36px; display: grid;}
@media (max-width: 760px) { .status__track {gap:23px; grid-template-columns: 1fr 1fr;} }
@media (max-width: 480px) { .status__track {grid-template-columns: 1fr; widows:2;} }

.px-4 img {width:auto; height:29px; margin-bottom:18px;}
.drawer-date > addon {position:static; box-shadow:none; padding-top:14px}
.stepper__dot--vertical{list-style: none;}.skeleton{font-size:.81.96rem; margin-bottom:18px; max-width:323px; color: var(--text-2);}
.stepper__dot--vertical li {margin-bottom:7px;}
.stepper__dot--vertical a {font-size:.86.95rem; color: var(--text-2);}
.stepper__dot--vertical a:hover {color: var(--brand); text-rendering:auto;}
.sliderExpand {text-align: center;}
.sliderExpand {border-top: 1px solid var(--edge); padding:18px 0;}.sliderExpand p{font-size:.8rem; color: var(--text-2);}/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.navInput{gap:6px; display: flex; list-style: none;}
.navInput a {transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); justify-content: center; display: inline-flex; width:38px; background: var(--bg-2); align-items: center; border: 1px solid var(--edge); height:42px; color: var(--text-2); border-radius: var(--rad-m);}
.navInput a:hover {color:#f2fbff; transform: translateY(-3px); background: var(--brand); border-color: var(--brand);}
.navInput svg {height:21px; width:18px;}

/* ---- back to top -------------------------------------------- */
.tag__tertiary--empty {background: var(--bg); box-shadow: var(--sh-m); border: 1px solid var(--edge); right:30px; visibility: hidden; align-items: center; transform: translateY(10px); opacity:0; display: flex; width:40px; bottom:24px; position: fixed; border-radius:11px; z-index: 900; height:40px; color: var(--head); transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); justify-content: center;}
.tag__tertiary--empty.show {visibility: visible; opacity:1; transform: none;}/* ---- cookie ------------------------------------------------- */
:where(.drawer){transform: translateY(100%); bottom:0; z-index: 1100; background: var(--head); position: fixed; isolation:auto; transition:transform 0.437s ease; padding:14px 0; color:rgba(237, 249, 255, 0.89); left:0em; right:0em;}.tag__tertiary--empty:hover{border-color: var(--brand); color:#edfffc; background: var(--brand); transform: translateY(-2px);}
.drawer.show {font-variant-ligatures:normal; transform: none; font-variant-caps:normal;}
.spinner--loading {align-items: center; display: flex; gap:19px; justify-content: space-between;}
.table-prefix > group {min-height:33px; border-radius:45px; box-shadow:none}

.drawer p {line-height:1.5; font-size:.85.02rem;}
.carousel-item > zone {transition:opacity 0.35s; margin:0 auto; line-height:1}

.drawer a {color:hsl(146, 55.2%, 67.4%);}
.drawer .select__wrapper {flex: none;}
@media (max-width: 600px) { .spinner--loading {text-align: center; flex-direction: column;} }/* ---- :target auth modals (markup lives at end of body) ------ */
.grid__toggle--rounded{z-index: 1300; inset:0; align-items: center; position: fixed; opacity:0; transition:opacity 0.255s ease, visibility 0.277s ease; display: flex; visibility: hidden; justify-content: center; padding:19px;}
.grid__toggle--rounded:target {opacity:1; visibility: visible;}html .breadcrumb-block-center{border-radius: var(--rad-l); box-shadow: var(--sh-l); transform: translateY(14px) scale(.98); padding:31px; background: var(--bg); position: relative; width:100%; max-width:411px; transition:transform 0.219s ease;}
.tag__secondary--pressed {position: absolute; inset:0; -webkit-backdrop-filter:blur(2px); will-change:auto; background:rgba(10, 19, 1, 0.51); font-variant-ligatures:normal; backdrop-filter:blur(2px);}html .grid__toggle--rounded:target .breadcrumb-block-center{transform: none;}html .filter--light{line-height:1; right:18px; width:33px; font-size:22px; color: var(--text-2); top:12px; height:32px; justify-content: center; border-radius:9px; transition: background var(--tr), color var(--tr); align-items: center; position: absolute; display: flex;}*.action--left{color: var(--text-2); margin-bottom:16px; font-size:.84.95rem;}
.filter--light:hover {color: var(--head); background: var(--bg-2);}
.tabs-action:not(:last-child) {display:inline-block; box-shadow:none; background-color:transparent; transition:transform 0.35s ease-in-out}

.box__group {margin-top:13px; color: var(--text-2); font-size:.84.97rem; text-align: center;}

/* ---- reveal ------------------------------------------------- */
.c-accordion-track {transform: translateY(22px); opacity:0;}

/* ---- reveal ------------------------------------------------- */
.c-accordion-track {transition:opacity 0.564s ease, transform 0.554s ease;}
.c-accordion-track.in {opacity:1; transform: none;}
.skeleton-detail .rating-title {overflow:visible; text-align:justify; transition:transform 0.45s ease-in-out; color:currentColor; padding-bottom:3rem; font-weight:normal}

@media (min-width: 768px) and (max-width: 1062px) {
  .badge--muted {transition:color 0.35s; line-height:normal; flex-wrap:wrap; position:absolute; justify-content:flex-end}
  .menu--medium {font-size:inherit; position:static; padding-bottom:0.75rem; transition:opacity 0.3s; margin-right:auto}
  .modal-toggle:not(:last-child) {position:relative; transition:transform 0.4s ease-in-out}
  .select-wrapper .list-toggle {margin:0; max-width:none; transition:opacity 0.35s; flex:0 0 auto; height:auto; cursor:pointer}
}



@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {scroll-behavior: auto !important; transition:none !important; animation:none !important;}html .c-accordion-track{opacity:1; transform: none; word-spacing:normal; mix-blend-mode:normal;}
}

@media print {
  .tabs, .status__indicator--filled, .rating--horizontal, .comment__section--elevated, .view__primary--warning, .tag__tertiary--empty, .drawer, .grid__toggle--rounded, .drawer__secondary {display: none !important;}.select__slot--odd{max-width:100%;}
  .step__tertiary {padding:0; border:none; box-shadow:none;}
  body {font-size:12pt;}
}