/* =============================================================
   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; --sh-s: 0 1px 2px rgba(15, 40, 28, .06); --bg:      #main-drawer; --ff-h: Georgia, "Iowan Old Style", "Times New Roman", "Noto Serif", serif; --edge-2:  #dropdown-image; --tr: .25s cubic-bezier(.4, 0, .2, 1); --rad-l: 16px; --bg-2:    #sliderArea; --bg-3:    #app-badge; --rad-m: 10px; --brand:   #16915e; --sh-l: 0 18px 48px rgba(15, 40, 28, .12); --head:    #15201b; --brand-l: #action-dropdown; --max: 1120px; --text:    #37433d; --ff-m: ui-monospace, "SFMono-Regular", Consolas, Menlo, monospace; --edge:    #app-entry; --text-2:  #6b766f; --ff:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --brand-d: #0f6f48; --sh-m: 0 7px 24px rgba(15, 40, 28, .08);}

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

html {-webkit-font-smoothing:antialiased; isolation:auto; -moz-osx-font-smoothing:grayscale; height:100%; scroll-behavior: smooth; -webkit-text-size-adjust:100%;}img, svg{max-width:100%; display: block;}

body {font-family: var(--ff); line-height:1.7; background: var(--bg); min-height:100%; color: var(--text); overflow-x: hidden; font-size:15px;}img, svg{height:auto;}
a {transition: color var(--tr);}
a {text-decoration:none; color: var(--brand);}
a:hover {color: var(--brand-d);}
button {backface-visibility:visible; word-spacing:normal; background:none; cursor: pointer; font-family:inherit; border:none;}:focus-visible{widows:2; text-rendering:auto; outline-offset:2px; border-radius:3px;}:focus-visible{outline: 2px solid var(--brand);}
::selection {background: var(--brand-l); color: var(--head);}
::-webkit-scrollbar-track {background: var(--bg-2); text-decoration-skip-ink:auto;}::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-thumb {background:#main-pagination; border-top-left-radius:14px;border-top-right-radius:14px;border-bottom-right-radius:14px;border-bottom-left-radius:14px;}
::-webkit-scrollbar-thumb:hover {background:#main-form;}

.label-grid {clip:rect(0,0,0,0); margin:-1px; height:1px; width:1px; border:none; position: absolute; overflow: hidden; padding:0; font-variant-ligatures:normal; background-blend-mode:normal; white-space: nowrap;}

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

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

/* ---- span labels styled to look like section titles --------- */
.c-tag-subtitle {color: var(--head); line-height:1.3; margin-bottom:14px; font-family: var(--ff); display: block; font-weight:bold; font-size:1.25rem;}
.c-feature-block {font-size:1.06rem; margin-bottom:12px;}

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

/* ---- masthead (slim, content sits right under it) ----------- */
.section-vertical {backdrop-filter:blur(10px); transition: box-shadow var(--tr); background:rgba(245, 246, 255, 0.95); position: sticky; -webkit-backdrop-filter:blur(10px); border-bottom: 1px solid var(--edge-2); top:0; z-index: 1000;}
.section-vertical.accordion-tertiary-pressed {box-shadow:0 2px 16px rgba(19, 25, 12, 0);}

.carousel-detail-center {display: inline-flex; align-items: center;}
.c-thread-body {gap:21px; display: flex; align-items: center; height:62px;}
.carousel-detail-center img {width:auto; height:31px;}

.tag-narrow {gap:16px; align-items: center; display: flex; margin-left:auto;}
.py-4 {display: flex; gap:6px; list-style: none; align-items: center;}.c-spinner-row{font-size:.9.03rem; display: block; padding:7px 15px;}.c-spinner-row{font-weight:500; color: var(--text); border-radius: var(--rad-s); transition: background var(--tr), color var(--tr);}
.c-spinner-row:hover {color: var(--brand); background: var(--brand-l);}

.t-select-cell {display: flex; gap:6px; align-items: center;}
.comment-odd {padding:4px 8px; font-weight:500; color: var(--head); font-size:.8.92rem;}html .comment-odd:hover{perspective:none; color: var(--brand); font-variant-caps:normal;}

.overlay-counter {padding:7px; flex-direction: column; display: none; margin-left:auto; gap:2px;}body .overlay-counter span{transition: transform var(--tr), opacity var(--tr); display: block; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; background: var(--head); width:19px; height:2px;}body .overlay-counter.x span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.overlay-counter.x span:nth-child(2) {opacity:0;}
.overlay-counter.x span:nth-child(3) {transform: translateY(-7px) rotate(-45deg); orphans:2;}

@media (max-width: 820px) {html .overlay-counter{display: flex;}
  .tag-narrow {align-items: stretch; position: absolute; padding:21px 22px 22px; opacity:0; border-bottom: 1px solid var(--edge); transform: translateY(-12px); transition: transform var(--tr), opacity var(--tr); pointer-events: none; background: var(--bg); box-shadow: var(--sh-l); inset:61px 0 auto 0; gap:10px; flex-direction: column;}.tag-narrow.open{opacity:1; shape-margin:0; print-color-adjust:economy; transform: none; pointer-events: auto;}
  .py-4 {flex-direction: column; align-items: stretch;}
  .t-select-cell {justify-content: flex-start; border-top: 1px solid var(--edge); padding-top:13px;}
}.search-column-dark{max-width:758px; margin-inline:auto; width:100%;}

/* ---- content shell ------------------------------------------ */
.thumb-sidebar {padding:41px 0 74px;}/* ---- article (the only real content) ------------------------ */
.sidebar__primary{perspective:none; border: 1px solid var(--edge-2); box-shadow: var(--sh-s); padding:47px; border-radius: var(--rad-l); background: var(--bg);}
@media (max-width: 620px) {body .sidebar__primary{padding:22px 17px; border-radius: var(--rad-m);} }
.badge-active {margin-bottom:14px;}*.bar-toolbar{margin-bottom:24px;}
.c-snackbar-handle {color: var(--text-2); flex-wrap: wrap; align-items: center; image-rendering:auto; gap:16px; font-size:.82.08rem; display: flex; shape-margin:0;}
.position-1 {gap:2px; display: inline-flex; font-variant-ligatures:normal; align-items: center;}
.position-1 svg {flex: none; opacity:0.52;}/* table of contents (collapsible, inside article) */
:where(.slider-text-highlight){margin-bottom:26px;}
.tooltip-wrap {border-radius: var(--rad-m); background: var(--bg-2); border: 1px solid var(--edge); padding:14px 23px;}body .snackbar-center{display: flex; margin-bottom:14px; align-items: center; justify-content: space-between; will-change:auto; background-blend-mode:normal;}html .menu-toggle-narrow ol{list-style: none; counter-reset: t;}
.pr-half {color: var(--brand); font-size:.7.99rem;}
.menu-toggle-narrow li {margin-bottom:5px; counter-increment: t;}
.menu-toggle-narrow li::before {color: var(--brand); font-weight:700; font-synthesis:weight style small-caps; content: counter(t) ". ";}.menu-toggle-narrow a{color: var(--text); font-size:.8.94rem;}
.menu-toggle-narrow a:hover {color: var(--brand);}

/* article body — real H2/H3 live here */
.ml-2xl {font-size:0.99rem; color: var(--text); line-height:1.82;}
.ml-2xl > * + * {contain:none; margin-top:1.14em; isolation:auto;}
.ml-2xl h2 {font-size: clamp(1.45rem, 1.1rem + 1.3vw, 1.75rem); margin-top:1.87em;}*.ml-2xl h3{font-size:1.26rem; margin-top:1.48em;}body .ml-2xl p{margin:0 0 1.23em;}
.ml-2xl ul, .ml-2xl ol {padding-left:1.45em; orphans:2; margin:0 0 1.2em;}
.ml-2xl li {margin-bottom:.44.93em; font-synthesis:weight style small-caps;}
.ml-2xl a {text-decoration:underline; text-underline-offset:2px; text-decoration-color:rgba(33, 159, 84, 0.41);}.ml-2xl a:hover{text-decoration-color: var(--brand);}
.ml-2xl img {margin:1.52em 0; border-radius: var(--rad-m);}*.ml-2xl blockquote{font-style:italic; border-left: 4px solid var(--brand); padding:0.92em 1.32em; border-radius: 0 var(--rad-s) var(--rad-s) 0; color: var(--head); margin:1.45em 0; font-family: var(--ff-h); background: var(--brand-l);}
.ml-2xl pre {padding:1.21em 1.29em; font-size:.87.98rem; font-family: var(--ff-m); background:#12191e; margin:1.54em 0; color:#site-slider; overflow-x: auto; border-radius: var(--rad-m);}
.ml-2xl code {font-size:.8.93em; border-radius:8px; color:#195a39; padding:2px 8px; font-family: var(--ff-m); background: var(--bg-2);}html .ml-2xl pre code{padding:0; background:none; color:inherit;}*.ml-2xl table{font-size:.95.01rem; width:100%; margin:1.52em 0; border-collapse:collapse;}
.ml-2xl th, .ml-2xl td {padding:14px 17px; text-align: left; border: 1px solid var(--edge);}.ml-2xl th{font-family: var(--ff); color: var(--head); font-weight:700; background: var(--bg-2);}

/* share */
.ui-dropdown {border-top: 1px solid var(--edge-2); margin-top:31px; display: flex; padding-top:23px; gap:16px; flex-wrap: wrap; align-items: center;}.c-dropdown-body{font-size:.86.02rem; font-weight:500; color: var(--head);}
.expand-tag {gap:12px; display: flex;}
.list-center {height:37px; border: 1px solid var(--edge); width:37px; color: var(--text-2); border-radius:12px; align-items: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr), box-shadow var(--tr); justify-content: center; background: var(--bg-2); display: inline-flex;}
.list-center:hover {border-color: var(--brand); background: var(--brand); transform: translateY(-2px); box-shadow:0 9px 15px rgba(19, 150, 100, 0.34); color:#entry_foot;}/* ---- comments (directly under article) ---------------------- */
.toggle-block{font-synthesis:weight style small-caps; box-shadow: var(--sh-s); padding-top:35px;padding-right:35px;padding-bottom:35px;padding-left:35px; perspective:none; border-radius: var(--rad-l); margin-top:25px; background: var(--bg); border: 1px solid var(--edge-2);}
.menu-wrapper {display: grid; gap:19px; grid-template-columns: 1fr 1fr; margin-bottom:17px;}/* ---- forms & controls --------------------------------------- */
.area-step{margin-top:10px;}
.header-disabled {margin-bottom:13px;}
@media (max-width: 560px) { .menu-wrapper {grid-template-columns: 1fr;} }

.c-review-suffix {transition: border-color var(--tr), box-shadow var(--tr); font:inherit;}

.c-review-suffix {background: var(--bg); padding:8px 17px; border-radius: var(--rad-m); color: var(--text); width:100%; font-size:.92.05rem; border: 1px solid var(--edge);}
.c-review-suffix::placeholder {color:#site-toggle;}
.c-review-suffix:focus {border-color: var(--brand); outline:none; break-inside:auto; page-break-inside:auto; box-shadow: 0 0 0 3px var(--brand-l);}
.c-comment-link {resize: vertical; line-height:1.6; min-height:128px;}

.o-grid {font-weight:500; display: inline-flex; transition: transform var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr), border-color var(--tr);}

.o-grid {font:inherit; padding:13px 22px; border-radius: var(--rad-m); font-size:.91.98rem; align-items: center; white-space: nowrap; justify-content: center; gap:7px;}
.leading-8 {will-change:auto; shape-margin:0; color:#entry_foot; background: var(--brand); box-shadow:0 3px 11px rgba(12, 134, 98, 0.16);}
.leading-8:hover {color:#entry_foot; background: var(--brand-d); transform: translateY(-1px); box-shadow:0 3px 19px rgba(35, 146, 79, 0.36);}
.header-separator {padding:9px 20px; color: var(--brand); border: 1.5px solid var(--brand); background:transparent;}
.header-separator:hover {color:#entry_foot; background: var(--brand);}
.skeleton-item-flat {background: var(--bg-2);}
.skeleton-item-flat {border: 1px solid var(--edge); color: var(--text);}
.skeleton-item-flat:hover {color: var(--head); background: var(--edge-2);}
.screen-group {padding:0; flex: none;}
.screen-group {width:50px;}.font-12{shape-margin:0; mix-blend-mode:normal; width:100%;}

/* ---- extras zone (everything else, pushed below content) ---- */
.o-progress-link {padding:55px 0;}

/* ---- extras zone (everything else, pushed below content) ---- */
.o-progress-link {background: var(--bg-2); border-top: 1px solid var(--edge);}html .mediaLine{padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px; box-shadow: var(--sh-s); gap:38px; align-items: start; border: 1px solid var(--edge); grid-template-columns: 1fr 1.25fr; background: var(--bg); display: grid; margin-bottom:34px; border-radius: var(--rad-l);}
@media (max-width: 720px) {html .mediaLine{gap:20px; grid-template-columns: 1fr;} }*.c-nav-slot{font-size:.8.98rem; color: var(--text-2);}.sort-prefix:not(._764b5f){gap:21px; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); display: grid;}
.divider-data-last {border: 1px solid var(--edge); background: var(--bg); border-radius: var(--rad-l); box-shadow: var(--sh-s); padding:30px;}
.dialog-spacer {margin-bottom:17px; color: var(--text-2); font-size:.85.04rem;}

.gridRegion {display: flex; gap:5px;}.gridRegion .c-review-suffix{flex: 1;}.data-layout{list-style: none;}
.data-layout li a {transition: color var(--tr), padding-left var(--tr); padding:14px 0; display: block; font-size:.87.99rem; color: var(--text); border-bottom: 1px solid var(--edge-2);}
.data-layout li:last-child a {border-bottom:0;}/* ---- footer ------------------------------------------------- */
:where(.line-card){background: var(--bg-3); border-top: 1px solid var(--edge);}
.data-layout li a:hover {padding-left:0px; color: var(--brand);}
.c-profile-preview {padding:49px 0 36px; shape-margin:0;}html .panel-block{grid-template-columns: 1.6fr 1fr 1fr; gap:38px; display: grid;}
@media (max-width: 760px) { .panel-block {gap:29px; grid-template-columns: 1fr 1fr;} }
@media (max-width: 480px) { .panel-block {grid-template-columns: 1fr;} }body .text-drawer img{width:auto; height:31px; margin-bottom:16px;}
.time-review {margin-bottom:12px; font-size:.82.04rem; color: var(--text-2); max-width:317px;}
.c-box-slot {list-style: none;}*.c-box-slot li{margin-bottom:11px; font-variant-caps:normal;}html .c-box-slot a{font-size:.87.08rem; color: var(--text-2);}body .c-box-slot a:hover{text-underline-offset:auto; color: var(--brand);}
.thread-disabled {padding:17px 0; text-align: center; border-top: 1px solid var(--edge);}
.thread-disabled p {color: var(--text-2); font-size:.8.08rem;}

/* ---- reworked social icons (square tiles, monoline glyphs) --- */
.thread-separator-center {list-style: none; gap:10px; display: flex;}
.thread-separator-center a {align-items: center; transition: transform var(--tr), background var(--tr), color var(--tr), border-color var(--tr); border-radius: var(--rad-m); display: inline-flex; justify-content: center; height:35px; border: 1px solid var(--edge); color: var(--text-2); width:36px; background: var(--bg-2);}
.thread-separator-center a:hover {color:#entry_foot; border-color: var(--brand); transform: translateY(-3px); background: var(--brand);}

/* ---- back to top -------------------------------------------- */
.c-filter-thumb {opacity:0; isolation:auto; align-items: center; bottom:25px; display: flex; width:40px; color: var(--head); z-index: 900; transition: opacity var(--tr), visibility var(--tr), transform var(--tr), background var(--tr), color var(--tr); justify-content: center; transform: translateY(10px); background: var(--bg); box-shadow: var(--sh-m); right:28px; position: fixed; border-radius:10px; border: 1px solid var(--edge); print-color-adjust:economy; visibility: hidden; height:44px;}body .thread-separator-center svg{backface-visibility:visible; height:20px; width:15px;}
.c-filter-thumb.show {opacity:1; visibility: visible; transform: none;}
.c-filter-thumb:hover {color:#entry_foot; border-color: var(--brand); background: var(--brand); transform: translateY(-2px);}/* ---- cookie ------------------------------------------------- */
.list-action-loading{position: fixed; transform: translateY(100%); right:0; background: var(--head); z-index: 1100; padding:13px 0; left:0; color:rgba(248, 241, 247, 0.85); transition:transform 0.36s ease; bottom:0;}
.list-action-loading.show {transform: none;}
.c-step-cell {align-items: center; display: flex; justify-content: space-between; gap:17px;}
.list-action-loading p {mix-blend-mode:normal; line-height:1.5; font-size:.85.05rem;}
.list-action-loading a {color:#7aceb4;}
.list-action-loading .o-grid {flex: none;}
@media (max-width: 600px) { .c-step-cell {text-align: center; flex-direction: column;} }/* ---- :target auth modals (markup lives at end of body) ------ */
.preview-spinner:not(._764b5f){justify-content: center; display: flex; position: fixed; transition:opacity 0.221s ease, visibility 0.296s ease; perspective:none; z-index: 1300; opacity:0; padding:22px; align-items: center; visibility: hidden; inset:0; backface-visibility:visible;}
.preview-spinner:target {opacity:1; visibility: visible;}*.footer__column--flat{inset:0; position: absolute; backdrop-filter:blur(2px); background:rgba(10, 41, 31, 0.52); -webkit-backdrop-filter:blur(2px);}
.breadcrumbBackdrop {width:100%; transition:transform 0.241s ease; transform: translateY(14px) scale(.98); position: relative; box-shadow: var(--sh-l); padding:37px; border-radius: var(--rad-l); background: var(--bg); max-width:412px;}
.preview-spinner:target .breadcrumbBackdrop {transform: none;}.sidebarLabel{width:32px; line-height:1; position: absolute; align-items: center; border-radius:11px; transition: background var(--tr), color var(--tr); font-size:24px; color: var(--text-2); top:10px; justify-content: center;}.sidebarLabel{height:35px; right:14px; display: flex;}
.sidebarLabel:hover {color: var(--head); background: var(--bg-2);}
.sidebar {color: var(--text-2); font-size:.85.08rem; margin-bottom:18px;}
.preview-spinner {margin-top:20px; font-size:.85.07rem; color: var(--text-2); text-align: center;}

/* ---- reveal ------------------------------------------------- */
.sort-secondary {transform: translateY(22px); opacity:0; transition:opacity 0.546s ease, transform 0.502s ease;}
.sort-secondary.in {transform: none; opacity:1;}

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

@media print {
  .section-vertical, .accordion-left, .ui-dropdown, .toggle-block, .o-progress-link, .c-filter-thumb, .list-action-loading, .preview-spinner, .overlay-counter {display: none !important;}
  .search-column-dark {max-width:100%;}body .sidebar__primary{border:none; box-shadow:none;}body .sidebar__primary{padding:0;}
  body {font-variant-caps:normal; font-size:12pt; page-break-inside:auto;}
}