/* ============================================================
   1017_new_v1 — stylesheet
   ============================================================ */

:root {--card: #boxThumb; --display: "Sora", system-ui, sans-serif; --acc-d: #0f766e; --edge: #site-stepper; --edge-2: #block_close; --acc-l: #2bb3a3; --band: 62rem; --tint: rgba(13, 148, 136, 0.08); --text: #46535a; --night: #14201d; --rad: 12px; --text-font: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; --sh: 0 1px 2px rgba(20, 32, 29, 0.04), 0 6px 24px rgba(20, 32, 29, 0.06); --ink: #16221f; --max: 70rem; --bg-2: #section-panel; --acc: #0d9488; --dim: #79868c; --read: 45rem; --rad-s: 8px; --sh-l: 0 16px 50px rgba(20, 32, 29, 0.18); --on-night: rgba(255, 255, 255, 0.6); --night-2: #1d2c28; --bg: #ratingContent;}*, *::before, *::after{box-sizing: border-box;}*, *::before, *::after{padding:0; margin:0;}body{-moz-osx-font-smoothing:grayscale; font-family: var(--text-font); font-size:0.92rem; -webkit-font-smoothing:antialiased; line-height:1.72; background: var(--bg); color: var(--text);}

html {scroll-behavior: smooth; -webkit-text-size-adjust:100%; font-size:111.5%;}img, svg{display: block; max-width:100%;}ul, ol{list-style: none;}
a {color: var(--acc); text-decoration:none;}
button {cursor: pointer; font-family:inherit;}a:hover{color: var(--acc-d);}
h1 {line-height:1.18; color: var(--ink); font-weight:700; font-family: var(--display); letter-spacing:-0.015em;}

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

:focus-visible {outline-offset:2px; border-radius:2px; outline: 2px solid var(--acc);}/* span headings (no h2/h3 anywhere but article content) */
:where(.media--flat), *.block__preview, .price--wide:not(._ac959e), body .pagination__input--fluid, *.reply--pressed{color: var(--ink);}/* span headings (no h2/h3 anywhere but article content) */
:where(.media--flat), *.block__preview, .price--wide:not(._ac959e), body .pagination__input--fluid, *.reply--pressed{font-family: var(--display); letter-spacing:-0.01em; display: block; font-weight:bold;}
.media--flat {font-size:1.28rem; margin-bottom:1.02rem;}body .block__preview{margin-bottom:0.33rem; font-size:1.11rem; hyphens:manual;}

/* ---------- scroll progress ---------- */
.table__column {width:0; background: var(--acc); transition:width 0.049s linear; top:0em; z-index: 1200; left:0px; height:3px; position: fixed;}
.price--wide {margin-bottom:1.2rem; font-size:1.24rem;}

/* ---------- topbar ---------- */
.divider {z-index: 1000; background:rgba(255, 255, 251, 0.93); backdrop-filter:saturate(150%) blur(8px); top:0em; position: sticky; word-spacing:normal; border-bottom: 1px solid var(--edge);}
.snackbar__trigger {align-items: center; display: inline-flex;}.formWrap{margin-inline:auto; align-items: center; gap:0.94rem; justify-content: space-between; padding:0 1.19rem; hyphens:manual; max-width: var(--max); orphans:2; display: flex; min-height:3.89rem; width:100%;}html .step{display: none; gap:2px; border:0; flex-direction: column; background:none; padding-top:0.46rem;padding-right:0.46rem;padding-bottom:0.46rem;padding-left:0.46rem;}.snackbar__trigger img{width:auto; height:33px;}
.step span {width:20px; background: var(--ink); border-radius:2px; display: block; height:2px;}html .alert{align-items: center;}html .alert{gap:1.85rem; display: flex;}
.card--top {word-spacing:normal; gap:1.56rem; display: flex; page-break-inside:auto;}.card--top a, .card__foot{color: var(--text); text-transform:uppercase; font-size:0.8rem; font-weight:500; letter-spacing:0.03em;}html .card--top a:hover, body .card__foot:hover{hyphens:manual; will-change:auto; color: var(--acc);}
.grid {align-items: center; display: flex; gap:1.06rem;}body .list--muted{text-transform:uppercase; background: var(--acc); font-weight:bold; transition:background 0.239s; text-rendering:auto; letter-spacing:0.03em; border-radius: var(--rad-s); padding:0.5rem 1.12rem; font-size:0.84rem; color:#fill-block;}body .list--muted:hover{color:#fill-block; background: var(--acc-d);}/* ---------- flow / shell ---------- */
.ui-toggle{padding-bottom:3.93rem;}

/* ---------- post ---------- */
.menu-region-first {max-width: var(--read); border: 1px solid var(--edge); border-radius: var(--rad); background: var(--card); margin:1.55rem auto 0; overflow: hidden; box-shadow: var(--sh);}*.reply{padding:2.43rem 2.52rem 1.33rem;}html .panel--focused{font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem); margin-bottom:0.77rem;}

.panel--hover {color: var(--dim); flex-wrap: wrap; font-size:0.83rem; align-items: center; display: flex; gap:0.44rem 1.24rem;}body .sliderIndicator{align-items: center; gap:0.48rem; display: inline-flex;}
.sliderIndicator svg {opacity:0.63; flex-shrink: 0;}
.select {font-style:italic;}

/* toc */
.breadcrumb__body {padding:0 2.67rem;}
.step__group--default {border-radius: var(--rad-s); padding:1.12rem 1.22rem; background: var(--bg-2); border: 1px solid var(--edge);}
.search {align-items: center; text-rendering:auto; display: flex; font-variant-ligatures:normal; justify-content: space-between;}body .pagination__input--fluid{font-size:0.93rem; margin:0;}
.counter--even {display: inline-flex; background:none; border:0; color: var(--dim); padding:0.14rem; transition:transform 0.291s, color 0.19s;}body .counter--even:hover{color: var(--acc);}
.step__group--default.is-shut .counter--even {transform: rotate(-90deg);}
.step__group--default.is-shut .tag--loading {display: none;}.tag--loading:not(._ac959e){font-size:0.97rem; margin-top:0.82rem; padding-top:0.61rem; line-height:1.9; border-top: 1px solid var(--edge);}body .tag--loading a{display: block; color: var(--text);}
.tag--loading a:hover {color: var(--acc);}/* rich content */
.o-tag{padding:1.57rem 2.54rem 0.25rem;}
.tag--loading .tabs-success {font-size:0.8rem; padding-left:1.17rem;}body .header__name--sticky{line-height:1.8; color: var(--text); text-decoration-skip-ink:auto; font-size:1.03rem;}
.header__name--sticky > * + * {margin-top:1.28rem;}html .header__name--sticky h2{margin-top:2.28rem; border-top: 1px solid var(--edge-2); padding-top:1.29rem; font-family: var(--display); line-height:1.3; scroll-margin-top:5rem; color: var(--ink); font-size:1.47rem;}
.header__name--sticky h3 {margin-top:1.67rem; color: var(--ink); font-size:1.17rem; break-inside:auto; scroll-margin-top:5rem; font-family: var(--display); background-blend-mode:normal;}html .header__name--sticky h4{font-family: var(--display); font-size:1.1rem; color: var(--ink); margin-top:1.23rem;}
.header__name--sticky a {text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px;}
.header__name--sticky strong, .header__name--sticky b {font-weight:700; color: var(--ink);}
.header__name--sticky ul, .header__name--sticky ol {margin-left:1.25rem;}
.header__name--sticky ul {list-style: disc;}
.header__name--sticky ol {list-style: decimal; image-rendering:auto; word-spacing:normal;}.header__name--sticky li{margin-top:0.48rem; padding-left:0.27rem;}
.header__name--sticky img {border-radius: var(--rad-s); margin:1.42rem 0;}
.header__name--sticky blockquote {font-style:italic; padding:0.9rem 1.25rem; border-radius: 0 var(--rad-s) var(--rad-s) 0; background: var(--tint); color: var(--ink); border-left: 3px solid var(--acc);}.header__name--sticky code{background: var(--bg-2); font-size:0.82em; padding:0.09em 0.47em; border-radius:2px; font-family:ui-monospace, "SF Mono", "Courier New", monospace;}.header__name--sticky code{border: 1px solid var(--edge);}
.header__name--sticky pre {line-height:1.7; border-radius: var(--rad-s); color:#site-post; font-size:0.81rem; overflow-x: auto; background: var(--night); shape-margin:0; padding:1.14rem 1.36rem;}
.header__name--sticky pre code {padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px; border:0 none; background:none; color:inherit;}.header__name--sticky table{font-size:0.87rem; width:100%; border-collapse:collapse;}html .header__name--sticky th, html .header__name--sticky td{padding:0.7rem 0.83rem; border: 1px solid var(--edge); text-align: left;}body .header__name--sticky th{background: var(--bg-2); color: var(--ink); font-weight:bold;}*.header__name--sticky hr{border:0; border-top: 1px solid var(--edge); margin:1.98rem 0;}

/* share */
.spinner__cap--light {padding:1.77rem 2.62rem 2.42rem; tab-size:4; widows:2;}
.tooltip__image--highlight {gap:0.52rem; flex-wrap: wrap; display: flex;}
.searchZone {width:35px; color: var(--dim); align-items: center; border: 1px solid var(--edge); isolation:auto; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; background: var(--card); print-color-adjust:economy; transition:background 0.225s, color 0.209s, border-color 0.201s, transform 0.104s; display: inline-flex; height:39px; justify-content: center;}.searchZone:hover{transform: translateY(-1px); background: var(--acc); border-color: var(--acc);}.searchZone:hover{color:#fill-block; shape-margin:0;}

/* ---------- talk / reach (forms) ---------- */
.select__label--bottom, .modal__secondary--compact {box-shadow: var(--sh); font-variant-ligatures:normal; background: var(--card); max-width: var(--read); margin:2.24rem auto 0; padding:1.98rem 2.61rem 2.05rem; border: 1px solid var(--edge); border-radius: var(--rad);}
.view__holder {font-size:0.92rem; will-change:auto; margin-bottom:1.12rem; margin-top:-0.57rem; text-rendering:auto; color: var(--dim);}

/* ---------- more (related) ---------- */
.status {max-width: var(--read); margin:2.15rem auto 0;}.card__inner--default{border: 1px solid var(--edge); box-shadow: var(--sh); display: block; transition:transform 0.179s, box-shadow 0.181s, border-color 0.22s; padding:1.12rem 1.17rem; background: var(--card); border-radius: var(--rad-s);}
.menu {display: grid; gap:0.94rem; grid-template-columns: repeat(3, 1fr);}
.card__inner--default:hover {border-color: var(--acc-l); transform: translateY(-2px); box-shadow: var(--sh-l);}*.table-full{font-weight:700; line-height:1.4; font-family: var(--display); font-size:1rem; color: var(--ink);}/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea{border-radius: var(--rad-s); border: 1px solid var(--edge); color: var(--ink); font:inherit; padding:0.77rem 0.91rem; transition:border-color 0.208s, box-shadow 0.154s, background 0.258s; background: var(--bg-2); width:100%;}
input::placeholder, textarea::placeholder {color: var(--dim);}
input:focus, textarea:focus {background: var(--card); border-color: var(--acc); outline:0; box-shadow:0 0 0 -1px rgba(15, 140, 126, 0.08);}textarea{min-height:6.58rem; resize: vertical;}

.commentBody {display: flex; gap:0.97rem; flex-wrap: wrap;}
.gallery--default {min-width:0; flex: 1 1 calc(50% - 0.5rem);}html .post{display: flex;}html .menuInner{flex: 1 1 100%;}
.post input {border-right:0 none; min-width:0; flex: 1; border-radius: var(--rad-s) 0 0 var(--rad-s);}
.post .t-post {border-radius: 0 var(--rad-s) var(--rad-s) 0;}

/* ---------- buttons ---------- */
.t-post {background: var(--card); border-radius: var(--rad-s); color: var(--ink); justify-content: center; gap:0.56rem; align-items: center; border: 1px solid var(--edge); font-size:0.81rem; min-height:2.78rem; letter-spacing:0.03em; padding:0.7rem 1.32rem; transition:background 0.162s, color 0.241s, border-color 0.164s; text-transform:uppercase; font-weight:700; display: inline-flex;}
.t-post:hover {background: var(--bg-2); color: var(--ink); border-color: var(--dim);}
.form--half {border-color: var(--acc); background: var(--acc); color:#fill-block;}
.footer__title--warning {padding:0.76rem 0.98rem; min-width:3.01rem;}
.form--half:hover {border-color: var(--acc-d); color:#fill-block; background: var(--acc-d);}

/* ---------- decks (newsletter + account) ---------- */
.status__title--selected {gap:1.25rem; display: grid; max-width: var(--band); grid-template-columns: 1fr 1fr; margin:2.56rem auto 0;}
.moduleOuter {width:100%;}.slider-center{color: var(--dim); shape-margin:0; page-break-inside:auto; font-size:0.8rem; margin-bottom:0.95rem;}
.text-sm {display: flex; flex-direction: column; border: 1px solid var(--edge); padding:1.44rem 1.52rem; background: var(--card); border-radius: var(--rad); box-shadow: var(--sh);}
.pagination__wrapper--active {gap:0.52rem; margin-top:auto; will-change:auto; display: flex; page-break-inside:auto; flex-direction: column;}*.pagination__wrapper--active .t-post{width:100%;}

/* ---------- footer ---------- */
.chip__spacer--empty {color: var(--on-night); padding:2.59rem 0;}

/* ---------- footer ---------- */
.chip__spacer--empty {margin-top:3.32rem; background: var(--night);}
.post__preview {gap:1.56rem; max-width: var(--max); padding:0 1.22rem; flex-wrap: wrap; margin-inline:auto; display: flex; align-items: center; width:100%; text-rendering:auto; justify-content: space-between;}
.screen--top img {height:29px; opacity:0.79; width:auto; filter:brightness(0) invert(1);}
.spinner--vertical {break-inside:auto; color: var(--on-night); page-break-inside:auto; margin-top:0.69rem; font-size:0.74rem;}
.box__placeholder {display: flex; transform-style:flat; font-variant-ligatures:normal; gap:1.31rem;}
.box__placeholder a {orphans:2; color: var(--on-night); backface-visibility:visible; font-size:0.77rem;}
.box__placeholder a:hover {color:#fill-block;}

.modal__name {gap:0.61rem; display: flex;}
.modal__name a {width:36px; border-radius: var(--rad-s); height:38px; display: inline-flex; justify-content: center; align-items: center; background:rgba(237, 255, 255, 0); transition:background 0.178s, color 0.183s, transform 0.149s; color: var(--on-night);}
.modal__name a:hover {color:#fill-block; transform: translateY(-1px); background: var(--acc);}

/* ---------- back to top ---------- */
.pl-none {height:50px; color:#fill-block; box-shadow: var(--sh-l); background: var(--acc); justify-content: center; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; width:46px; bottom:1.61rem; z-index: 900; position: fixed; right:1.62rem; transition:background 0.201s, transform 0.186s; display: none; border:0 none; align-items: center;}
.pl-none:hover {transform: translateY(-2px); break-inside:auto; background: var(--acc-d);}
.pl-none.block__value--loading {display: inline-flex;}/* ---------- cookie ---------- */
.filterTrack{position: fixed; right:0; z-index: 1100; border-top: 1px solid var(--edge); bottom:0; box-shadow:0 -8px 24px rgba(29, 35, 23, 0.1); left:0; padding:0.89rem 0; background: var(--card);}
.ratingArea {padding:0 1.18rem; gap:1.52rem; width:100%; margin-inline:auto; justify-content: space-between; align-items: center; display: flex; max-width: var(--max);}html .filterTrack p{font-size:0.85rem; color: var(--text); margin:0;}html .filterTrack .t-post{min-height:2.43rem; padding:0.49rem 1.39rem; flex-shrink: 0;}

/* ---------- auth layers (CSS :target modal) ---------- */
.select__trigger--filled {inset:0; text-decoration-skip-ink:auto; position: fixed; display: none; z-index: 1300;}.select__trigger--filled:target{place-items: center; padding-top:1.23rem;padding-right:1.23rem;padding-bottom:1.23rem;padding-left:1.23rem; display: grid;}body .stepper__prefix--selected{position: relative; box-shadow: var(--sh-l); border-radius: var(--rad); width: min(94vw, 25rem); animation:pop 0.175s ease-out; z-index: 1; background: var(--card); border: 1px solid var(--edge); padding:1.75rem 1.86rem 1.52rem;}
.badge__input--danger {inset:0; background:rgba(21, 27, 27, 0.59); position: absolute; backdrop-filter:blur(2px);}
@keyframes pop { from {perspective:none; opacity:0; transform: translateY(8px) scale(0.99); background-blend-mode:normal;}to{transform: none; opacity:1;} }
.widget__head {text-decoration:none; line-height:1; position: absolute; right:0.93rem; top:0.66rem; font-size:1.51rem; color: var(--dim);}body .select__trigger--filled .mt-half{display: flex; flex-direction: column; gap:0.98rem;}*.widget__head:hover{color: var(--ink);}body .page__summary--full{color: var(--dim); font-size:0.89rem; margin-top:0.18rem; text-align: center;}

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .step {display: flex;}
  .alert {right:0; top:100%; display: none; align-items: stretch; box-shadow: var(--sh); border-bottom: 1px solid var(--edge); background: var(--card); padding:0.56rem 0; flex-direction: column; gap:0; position: absolute; left:0;}
  .card--top {flex-direction: column; gap:0;}
  .alert.open {display: flex;}
  .card--top {padding:0 1.25rem;}
  .card--top a {padding:0.73rem 0; border-bottom: 1px solid var(--edge-2);}*.grid{orphans:2; padding:0.96rem 1.32rem 0.38rem; gap:0.82rem; break-inside:auto;}
  .status__title--selected {text-underline-offset:auto; grid-template-columns: 1fr;}body .menu{grid-template-columns: 1fr 1fr;}
}

@media (max-width: 680px) {
  html {font-size:100%;}
  .reply {padding:1.76rem 1.4rem 1.12rem;}
  .breadcrumb__body {padding:0 1.46rem;}
  .spinner__cap--light {padding:1.38rem 1.48rem 1.87rem;}
  .o-tag {padding:1.32rem 1.39rem 0.32rem;}
  .select__label--bottom, .modal__secondary--compact {padding:1.52rem 1.33rem 1.86rem;}
  .menu {grid-template-columns: 1fr;}
  .post__preview {align-items: flex-start; flex-direction: column; gap:1.27rem;}
  .ratingArea {text-align: center; gap:0.86rem; flex-direction: column;}
}

@media (max-width: 460px) {
  .gallery--default {flex: 1 1 100%;}
}

@media (prefers-reduced-motion: reduce) {
  html {scroll-behavior: auto;}
  .pl-none {right:0.98rem; bottom:1.01rem;}*{animation:none !important; perspective:none; transition:none !important;}
}

@media print {*.divider, html .spinner__cap--light, html .select__label--bottom, .status, .modal__secondary--compact, .status__title--selected, .chip__spacer--empty, body .pl-none, body .filterTrack, *.select__trigger--filled, .table__column{display: none !important;}
  body {background:#fill-block; word-spacing:normal;}
}

  .menu-region-first {border:none; max-width:none; box-shadow:none;}