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

:root {--night-2: #1d2c28;}/* ============================================================
   1017_new_v1 — stylesheet
   ============================================================ */

:root {--card: #ffffff; --band: 62rem; --on-night: rgba(255, 255, 255, 0.6); --night: #14201d; --acc: #0d9488; --rad: 12px; --text-font: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; --bg: #f4f6f6; --read: 45rem; --dim: #79868c; --edge-2: #eef1f1; --ink: #16221f; --rad-s: 8px; --sh: 0 1px 2px rgba(20, 32, 29, 0.04), 0 6px 24px rgba(20, 32, 29, 0.06); --max: 70rem; --acc-l: #2bb3a3; --text: #46535a; --bg-2: #fafbfb; --display: "Sora", system-ui, sans-serif; --acc-d: #0f766e; --sh-l: 0 16px 50px rgba(20, 32, 29, 0.18); --tint: rgba(13, 148, 136, 0.08); --edge: #e5e9e9;}

*, *::before, *::after {margin:0; box-sizing: border-box; padding:0;}

html {font-size:111.2%; -webkit-text-size-adjust:100%; scroll-behavior: smooth;}

body {font-family: var(--text-font); background: var(--bg); -webkit-font-smoothing:antialiased; color: var(--text); -moz-osx-font-smoothing:grayscale; font-size:0.96rem; line-height:1.72;}
ul, ol {hyphens:manual; list-style: none; transform-style:flat;}

img, svg {max-width:100%; display: block;}a:hover{color: var(--acc-d);}
.stepper-number > expand {flex-wrap:wrap; transition:opacity 0.45s; padding-bottom:1.5rem; display:flex; border:0; min-height:28px}
a{color: var(--acc); text-decoration:none;}
button {font-family:inherit; page-break-inside:auto; cursor: pointer; hyphens:manual;}
h1 {color: var(--ink); letter-spacing:-0.015em; font-weight:700; line-height:1.18; font-family: var(--display);}

:focus-visible {border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px; outline: 2px solid var(--acc); outline-offset:2px;}

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

/* span headings (no h2/h3 anywhere but article content) */
.tabs, .feature__expand--large, .pl-16, .c-drawer-icon, .pr-end {font-weight:bold; color: var(--ink); font-family: var(--display);}

/* span headings (no h2/h3 anywhere but article content) */
.tabs, .feature__expand--large, .pl-16, .c-drawer-icon, .pr-end {display: block; letter-spacing:-0.01em;}.tabs{margin-bottom:1.13rem; font-size:1.27rem;}
.feature__expand--large {margin-bottom:0.23rem; font-size:1.08rem;}
.tooltip-info > outer {display:none; justify-content:center; border:none; background-color:transparent; gap:37px}


/* ---------- scroll progress ---------- */
.gallery--outlined {transition:width 0.064s linear; left:0; z-index: 1200; width:0; height:5px; background: var(--acc); position: fixed;}
.pl-16 {transform-style:flat; font-size:1.26rem; margin-bottom:1.14rem;}

/* ---------- scroll progress ---------- */
.gallery--outlined {top:0;}

/* ---------- topbar ---------- */
.el-thread {position: sticky; border-bottom: 1px solid var(--edge); backdrop-filter:saturate(150%) blur(8px); top:0; background:rgba(255, 255, 255, 0.95); z-index: 1000;}
.sidebar {align-items: center; gap:0.92rem; margin-inline:auto; justify-content: space-between; width:100%; display: flex; padding:0 1.17rem; max-width: var(--max); min-height:3.85rem;}.widget--first{display: inline-flex; background-blend-mode:normal; transform-style:flat; align-items: center;}

.modal--hover {flex-direction: column; padding-top:0.45rem;padding-right:0.45rem;padding-bottom:0.45rem;padding-left:0.45rem; border:0; background:none; display: none; gap:2px;}
.widget--first img {width:auto; height:25px;}.modal--hover span{width:25px; border-radius:2px; height:2px; display: block; background: var(--ink);}.float-12{gap:1.72rem;}.float-12{display: flex; align-items: center;}
.block-toggle:hover {letter-spacing:normal; text-decoration:none; position:relative}
*.badge--disabled{display: flex; gap:1.5rem;}
.badge--disabled a, .reply__primary--wide {text-transform:uppercase; font-weight:600; letter-spacing:0.03em; font-size:0.78rem; print-color-adjust:economy; color: var(--text); transform-style:flat;}.badge--disabled a:hover, .reply__primary--wide:hover{color: var(--acc);}
.nav--bottom {text-transform:uppercase; font-size:0.74rem; background: var(--acc); font-weight:bold; letter-spacing:0.03em; transition:background 0.241s; padding:0.54rem 0.98rem; color:rgb(244, 255, 255); border-radius: var(--rad-s);}
.spinner__cap {display: flex; align-items: center; gap:1.04rem;}
.nav--bottom:hover {color:#f6ffff; background: var(--acc-d);}

/* ---------- flow / shell ---------- */
.grid {padding-bottom:4.04rem;}/* ---------- post ---------- */
.select__time--dark{border-radius: var(--rad); box-shadow: var(--sh); margin:1.67rem auto 0; max-width: var(--read); background: var(--card); border: 1px solid var(--edge); overflow: hidden;}
.view {font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem); margin-bottom:0.9rem;}
.status {padding:2.42rem 2.53rem 1.38rem;}
@media (min-width: 1440px) and (max-width: 1726px) {
  .card-outer > area {flex:1 1 0%; opacity:0.86}
  .carousel-icon::before {content:''; letter-spacing:-0.025em; transition:all 0.3s ease; position:absolute}
  .stepper-number > expand {transition:color 0.15s; justify-content:center; position:relative; gap:25px}
}



.avatar__name {align-items: center; gap:0.44rem 1.17rem; color: var(--dim); display: flex; flex-wrap: wrap; font-size:0.78rem;}
.popover__handle {align-items: center; gap:0.34rem;}
.popover__handle {display: inline-flex;}
.popover__handle svg {opacity:0.64; flex-shrink: 0; break-inside:auto;}
.footer-group > image {letter-spacing:normal; margin-bottom:38px; background:#418ae8; min-height:100vh; transition:opacity 0.3s}

.tooltip {font-style:italic;}

/* toc */
.block--small {padding:0 2.66rem;}*.section__area{border: 1px solid var(--edge); border-radius: var(--rad-s); padding:1.09rem 1.31rem; background: var(--bg-2);}.c-drawer-icon:not(.skip97){font-size:1rem; margin:0;}
.alert-thumb > indicator {position:static; justify-content:space-around; min-height:39px}

.accordion__line {display: flex; align-items: center; justify-content: space-between;}body .box__toggle--filled{background:none; border:none; display: inline-flex; transition:transform 0.241s, color 0.247s; color: var(--dim); padding:0.24rem;}
.box__toggle--filled:hover {color: var(--acc); text-underline-offset:auto; font-variant-ligatures:normal;}
.section__area.is-shut .box__toggle--filled {transform: rotate(-90deg);}
.section__area.is-shut .avatar__overlay--narrow {display: none;}.avatar__overlay--narrow{margin-top:0.67rem; padding-top:0.7rem; line-height:1.9; border-top: 1px solid var(--edge); font-size:0.86rem;}
.avatar__overlay--narrow a {contain:none; font-synthesis:weight style small-caps; color: var(--text); display: block;}
.avatar__overlay--narrow a:hover {color: var(--acc);}
.avatar__overlay--narrow .action__head--first {padding-left:1.15rem; font-size:0.9rem; mix-blend-mode:normal;}/* rich content */
.area-list{padding:1.46rem 2.65rem 0.33rem;}
.counter__info--medium {line-height:1.8; font-size:1.06rem; color: var(--text);}
.snackbar-handle::before {content:''; transition:transform 0.35s ease-in-out}

.carousel-icon::before {content:''; margin-left:0; transition:all 0.15s ease}

.counter__info--medium > * + * {margin-top:1.17rem;}
.counter__info--medium h2 {margin-top:2.31rem; padding-top:1.22rem; color: var(--ink); font-family: var(--display); font-size:1.44rem;}
.counter__info--medium h2 {scroll-margin-top:5rem; border-top: 1px solid var(--edge-2); line-height:1.3;}
.counter__info--medium h3 {margin-top:1.65rem; scroll-margin-top:5rem; font-size:1.26rem; color: var(--ink); font-family: var(--display);}
.counter__info--medium h4 {margin-top:1.34rem; font-size:1.14rem; color: var(--ink); font-family: var(--display);}
.counter__info--medium a {text-underline-offset:2px; text-decoration-thickness:1px; text-decoration:underline;}
.counter__info--medium strong, .counter__info--medium b {color: var(--ink); font-weight:700;}.counter__info--medium ul, .counter__info--medium ol{margin-left:1.31rem;}.counter__info--medium ul{list-style: disc;}
.counter__info--medium ol {list-style: decimal;}
.counter__info--medium li {margin-top:0.47rem; padding-left:0.23rem;}
.counter__info--medium img {text-underline-offset:auto; border-radius: var(--rad-s); font-variant-ligatures:normal; margin:1.56rem 0;}
.counter__info--medium blockquote {color: var(--ink); border-left: 3px solid var(--acc); background: var(--tint); border-radius: 0 var(--rad-s) var(--rad-s) 0; font-style:italic; padding-top:0.82rem;padding-right:1.21rem;padding-bottom:0.82rem;padding-left:1.21rem;}
.counter__info--medium code {font-family:ui-monospace, "SF Mono", "Courier New", monospace; font-size:0.8em; padding-top:0.04em;padding-right:0.42em;padding-bottom:0.04em;padding-left:0.42em; background: var(--bg-2); border-radius:6px; border: 1px solid var(--edge);}
.counter__info--medium pre {line-height:1.7;}
.counter__info--medium pre {color:#e7e7f3; background: var(--night); overflow-x: auto; font-size:0.84rem; padding:1.15rem 1.34rem; border-radius: var(--rad-s);}
.counter__info--medium pre code {color:inherit; border:0 none;}
.tooltip-section:not(:last-child) {position:static; margin:41px 14px; width:100%}

.counter__info--medium pre code {background:none; padding:0rem;}
.counter__info--medium table {width:100%; font-size:0.93rem; border-collapse:collapse;}
.counter__info--medium th, .counter__info--medium td {text-align: left; padding-top:0.64rem;padding-right:0.82rem;padding-bottom:0.64rem;padding-left:0.82rem; border: 1px solid var(--edge);}*.counter__info--medium th{font-weight:700; color: var(--ink);}*.counter__info--medium th{background: var(--bg-2);}*.counter__info--medium hr{margin:2.08rem 0; border:0; border-top: 1px solid var(--edge);}
.commentOverlay {gap:0.56rem; display: flex;}

/* share */
.alert--loading {contain:none; padding:1.76rem 2.64rem 2.37rem; font-variant-ligatures:normal;}
.commentOverlay {flex-wrap: wrap;}
.carouselDate {background: var(--card); width:41px; color: var(--dim); align-items: center; display: inline-flex; transition:background 0.186s, color 0.2s, border-color 0.174s, transform 0.156s; justify-content: center; height:37px; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; border: 1px solid var(--edge);}
.carouselDate:hover {border-color: var(--acc); widows:2; background: var(--acc); mix-blend-mode:normal; transform: translateY(-1px); color:#ffefff;}

/* ---------- talk / reach (forms) ---------- */
.skeleton--top, .sliderPrefix {margin:2.25rem auto 0; box-shadow: var(--sh); padding:1.95rem 2.54rem 2.12rem; background: var(--card); border: 1px solid var(--edge); max-width: var(--read); border-radius: var(--rad);}
.entry-foot::before {content:''; position:relative; flex-wrap:nowrap}

.comment__date--top {margin-bottom:1.28rem; font-size:0.87rem; margin-top:-0.57rem; color: var(--dim);}

/* ---------- more (related) ---------- */
.step__value {max-width: var(--read); margin:2.15rem auto 0;}
.accordion__outer {display: grid; gap:1.04rem; grid-template-columns: repeat(3, 1fr); page-break-inside:auto;}
.progress__data {border: 1px solid var(--edge); border-radius: var(--rad-s); display: block; box-shadow: var(--sh); transition:transform 0.217s, box-shadow 0.231s, border-color 0.141s; padding:1.04rem 1.12rem; background: var(--card);}
.dialog--center {display:none; position:relative; padding-top:36px}

.progress__data:hover {border-color: var(--acc-l); box-shadow: var(--sh-l); transform: translateY(-2px);}
.tag--vertical {will-change:auto; font-family: var(--display); font-weight:700; color: var(--ink); tab-size:4; font-size:0.97rem; line-height:1.4;}

/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea {font:inherit; padding-top:0.78rem;padding-right:0.88rem;padding-bottom:0.78rem;padding-left:0.88rem; background: var(--bg-2); color: var(--ink); transition:border-color 0.199s, box-shadow 0.202s, background 0.162s; width:100%; border-radius: var(--rad-s); border: 1px solid var(--edge);}
input::placeholder, textarea::placeholder {color: var(--dim); backface-visibility:visible;}
input:focus, textarea:focus {box-shadow:0 0 0 6px rgba(15, 140, 153, 0.22); border-color: var(--acc); outline:0; background: var(--card);}textarea{resize: vertical; min-height:6.54rem;}*.feature--expanded{gap:0.97rem; display: flex; flex-wrap: wrap;}
.float-sm {min-width:0; flex: 1 1 calc(50% - 0.5rem);}
.toggle__icon {flex: 1 1 100%;}.nav{display: flex;}body .nav input{border-right:0rem; border-radius: var(--rad-s) 0 0 var(--rad-s); min-width:0; flex: 1;}
.nav .accordion {border-radius: 0 var(--rad-s) var(--rad-s) 0;}/* ---------- buttons ---------- */
.accordion:not(.none49){border: 1px solid var(--edge); justify-content: center; padding-top:0.67rem;padding-right:1.29rem;padding-bottom:0.67rem;padding-left:1.29rem; letter-spacing:0.03em; gap:0.52rem; color: var(--ink); font-size:0.88rem; align-items: center; min-height:2.92rem; display: inline-flex; font-weight:bold; text-transform:uppercase; background: var(--card); transition:background 0.222s, color 0.178s, border-color 0.226s; border-radius: var(--rad-s);}
.accordion:hover {color: var(--ink);}
.accordion:hover {background: var(--bg-2); border-color: var(--dim);}
.grid__extra {background: var(--acc); color:#eef3f5; border-color: var(--acc);}
.menu-icon + .spinner-column {margin-top:auto; opacity:0.09; position:sticky}

.grid__extra:hover {color:#fff6ff; border-color: var(--acc-d); background: var(--acc-d);}
.pagination__region {min-width:3.02rem; padding:0.77rem 1.05rem;}.l-select{width:100%;}

/* ---------- decks (newsletter + account) ---------- */
.reply__meta {max-width: var(--band); gap:1.31rem; grid-template-columns: 1fr 1fr; display: grid; margin:2.55rem auto 0;}html .badge--half{background: var(--card); padding-top:1.52rem; padding-right:1.65rem; padding-bottom:1.52rem; padding-left:1.65rem; box-shadow: var(--sh); border-radius: var(--rad); display: flex; border: 1px solid var(--edge);}html .badge--half{flex-direction: column;}
.table--right {color: var(--dim); font-size:0.93rem; margin-bottom:0.97rem;}
.status__wrap--fluid {margin-top:auto; display: flex; flex-direction: column; gap:0.57rem;}.status__wrap--fluid .accordion:not(.noop43){width:100%;}
.profile {max-width: var(--max); flex-wrap: wrap; justify-content: space-between; align-items: center; gap:1.51rem; margin-inline:auto; width:100%; display: flex; padding:0 1.19rem;}

/* ---------- footer ---------- */
.card {color: var(--on-night); padding:2.67rem 0; background: var(--night); margin-top:3.32rem;}
.select__info img {height:30px; opacity:0.86; filter:brightness(0) invert(1); width:auto;}
.avatar--danger {font-size:0.73rem; margin-top:0.63rem;}
.avatar--danger {color: var(--on-night);}
.badge__data {gap:1.24rem; display: flex;}
.badge__data a {color: var(--on-night); backface-visibility:visible; font-size:0.88rem; text-rendering:auto;}
.tabs-wrapper:hover {border-radius:0; justify-content:space-between; position:sticky; padding-bottom:0.25rem}

.card-outer > area {flex-wrap:nowrap; min-width:13px; display:inline-flex; max-width:560px}

@media (min-width: 1280px) and (max-width: 1490px) {
  #section-extra {padding-top:0.25rem; align-items:flex-end; position:absolute}
  .status-backdrop:not(:last-child) {margin-top:2rem; position:sticky; transition:transform 0.2s ease-in-out; flex:0 0 auto}
}



.modal__item {gap:0.54rem; display: flex;}
.badge__data a:hover {color:hsl(298, 99.2%, 98.2%);}.modal__item a{color: var(--on-night); width:39px; justify-content: center; height:38px; background:rgba(255, 255, 249, 0.14); display: inline-flex; border-radius: var(--rad-s); align-items: center; transition:background 0.142s, color 0.212s, transform 0.14s;}
.modal__item a:hover {color:#fffff1; background: var(--acc); transform: translateY(-1px);}

/* ---------- back to top ---------- */
.module {right:1.62rem; justify-content: center; display: none; width:42px; transition:background 0.183s, transform 0.179s; background: var(--acc); box-shadow: var(--sh-l); bottom:1.52rem; z-index: 900; color:hsl(181, 99.4%, 97.9%); position: fixed; align-items: center; border-radius:50%; height:43px; border:0;}
.module:hover {transform: translateY(-2px); background: var(--acc-d);}
.module.progress {display: inline-flex; orphans:2; tab-size:4;}

/* ---------- cookie ---------- */
.table__toggle--fluid {box-shadow:0 -4px 25px rgba(11, 33, 45, 0.04); bottom:0; background: var(--card); padding:0.93rem 0; position: fixed; z-index: 1100; backface-visibility:visible; right:0; left:0; border-top: 1px solid var(--edge);}
.avatar__bar {max-width: var(--max); padding:0 1.3rem; display: flex; gap:1.47rem; width:100%; margin-inline:auto; justify-content: space-between; align-items: center;}.table__toggle--fluid p{margin:0; font-size:0.78rem; color: var(--text);}*.table__toggle--fluid .accordion{padding:0.47rem 1.36rem; min-height:2.46rem; flex-shrink: 0;}/* ---------- auth layers (CSS :target modal) ---------- */
.card__extra--light{inset:0; position: fixed; z-index: 1300; display: none;}
.card__extra--light:target {padding:1.22rem; display: grid; place-items: center;}html .spinner--muted{border-radius: var(--rad); padding:1.84rem 1.73rem 1.68rem; width: min(94vw, 25rem); background: var(--card); box-shadow: var(--sh-l); z-index: 1; border: 1px solid var(--edge); position: relative; animation:pop 0.17s ease-out;}
.badge__container--fluid {inset:0; backdrop-filter:blur(2px); background:rgba(22, 45, 43, 0.47); position: absolute; font-synthesis:weight style small-caps;}
@keyframes pop { from {transform: translateY(8px) scale(0.99); mix-blend-mode:normal; shape-margin:0; opacity:0;} to {transform: none; opacity:1;} }html .stepper{font-size:1.42rem; color: var(--dim); line-height:1; position: absolute; top:0.65rem; text-decoration:none;}html .stepper{right:0.89rem;}body .stepper:hover{color: var(--ink);}
.card__extra--light .price {flex-direction: column; display: flex; gap:0.94rem;}.reply__area--even:not(.dummy64){text-align: center; margin-top:0.27rem; font-synthesis:weight style small-caps; color: var(--dim); font-size:0.79rem; background-blend-mode:normal;}

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .modal--hover {display: flex;}
  .float-12 {align-items: stretch; padding:0.43rem 0; border-bottom: 1px solid var(--edge); left:0em;}
  .float-12 {flex-direction: column; top:100%; background: var(--card); position: absolute; gap:0; right:0; box-shadow: var(--sh); display: none; font-variant-caps:normal;}*.float-12.open{display: flex;}
  .badge--disabled {flex-direction: column; gap:0; padding:0 1.26rem;}
  .badge--disabled a {padding:0.83rem 0; border-bottom: 1px solid var(--edge-2);}
  .spinner__cap {isolation:auto; padding:0.91rem 1.33rem 0.41rem; gap:0.83rem; widows:2;}html .accordion__outer{grid-template-columns: 1fr 1fr;}*.reply__meta{font-variant-caps:normal; grid-template-columns: 1fr; mix-blend-mode:normal;}
}

@media (max-width: 680px) {html{font-variant-ligatures:normal; font-size:100%; font-synthesis:weight style small-caps;}
  .status {text-underline-offset:auto; padding:1.84rem 1.47rem 1.14rem; image-rendering:auto;}
  .area-list {padding:1.36rem 1.46rem 0.22rem; print-color-adjust:economy; shape-margin:0;}
  .block--small {padding:0 1.36rem;}html .alert--loading{padding:1.29rem 1.44rem 1.93rem;}html .skeleton--top, html .sliderPrefix{padding:1.53rem 1.47rem 1.85rem;}
  .profile {align-items: flex-start; gap:1.18rem; flex-direction: column;}
  .accordion__outer {font-variant-ligatures:normal; grid-template-columns: 1fr;}
}

@media (max-width: 460px) {
  .float-sm {font-synthesis:weight style small-caps; flex: 1 1 100%; contain:none;}
  .avatar__bar {gap:0.78rem; text-align: center; print-color-adjust:economy; flex-direction: column;}.module{right:0.92rem; bottom:0.93rem;}
}

@media (prefers-reduced-motion: reduce) {
  html {text-underline-offset:auto; widows:2; scroll-behavior: auto;}
  * {perspective:none;}
  * {will-change:auto; animation:none !important; transition:none !important;}
}

@media print {
  .el-thread, .alert--loading, .skeleton--top, .step__value, .sliderPrefix,
  .reply__meta, .card, .module, .table__toggle--fluid, .card__extra--light, .gallery--outlined {display: none !important;}
  .select__time--dark {max-width:none; box-shadow:none; border:0;}
  body {background:#ffffed;}
}