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

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

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

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

body {font-family: var(--text-font); -webkit-font-smoothing:antialiased; line-height:1.72; font-size:0.93rem; page-break-inside:auto; color: var(--text); background: var(--bg); transform-style:flat; -moz-osx-font-smoothing:grayscale;}

img, svg {display: block; max-width:100%;}
ul, ol {isolation:auto; tab-size:4; list-style: none;}
a {break-inside:auto; text-decoration:none; color: var(--acc);}
a:hover {color: var(--acc-d);}
h1 {color: var(--ink); font-weight:bold; line-height:1.18; letter-spacing:-0.015em; font-family: var(--display);}
button {font-family:inherit; cursor: pointer; orphans:2;}:focus-visible{widows:2; contain:none; outline-offset:2px; border-radius:6px; outline: 2px solid var(--acc);}
.search--disabled {overflow:visible; width:fit-content; gap:7px; display:flex}
html .ratingExtra{border:0 none; white-space: nowrap; clip:rect(0, 0, 0, 0); width:1px; height:1px; position: absolute; padding:0; margin:-1px; overflow: hidden;}
.skeleton-overlay .widget-value {text-transform:capitalize; width:auto; transition:color 0.25s; gap:27px; flex-wrap:nowrap}
/* span headings (no h2/h3 anywhere but article content) */
.el-accordion-label:not(.none58), *.o-alert, .el-grid, body .t-slider-toggle, .rounded-auto{font-weight:bold; letter-spacing:-0.01em; display: block; font-family: var(--display); color: var(--ink);}.el-accordion-label{text-decoration-skip-ink:auto; font-size:1.3rem; margin-bottom:1.05rem;}
.o-alert {font-size:1.08rem; margin-bottom:0.23rem;}
.el-grid {margin-bottom:1.22rem; transform-style:flat; orphans:2; font-size:1.26rem;}

/* ---------- scroll progress ---------- */
.el-footer {transition:width 0.076s linear;}

/* ---------- scroll progress ---------- */
.el-footer {z-index: 1200; width:0px; position: fixed; background: var(--acc); left:0; height:6px; top:0;}

/* ---------- topbar ---------- */
.el-progress {z-index: 1000; border-bottom: 1px solid var(--edge); background:rgba(255, 252, 237, 0.87); position: sticky; backdrop-filter:saturate(150%) blur(8px); top:0;}.gallerySuffix:not(.null69){padding:0 1.31rem; width:100%; max-width: var(--max); align-items: center; margin-inline:auto; display: flex; gap:0.92rem; min-height:3.9rem; justify-content: space-between; print-color-adjust:economy;}
.o-carousel {align-items: center; display: inline-flex;}
.o-carousel img {word-spacing:normal; width:auto; height:32px;}body .tabs-thumb-primary{background:none; display: none; border:none; padding-top:0.4rem;padding-right:0.4rem;padding-bottom:0.4rem;padding-left:0.4rem; flex-direction: column; gap:8px;}
@media (min-width: 768px) {
  .profile-detail:hover {position:static; justify-content:flex-end; display:inline; line-height:normal; border:none}
  .carousel-date.accordion-primary {align-items:flex-start; position:relative}
  .form-slot:hover {transition:transform 0.25s ease-in-out; position:sticky; max-width:100%; padding-top:1.125rem; margin-left:auto; margin:1.75rem}
}

.tabs-thumb-primary span{display: block; width:23px;}.tabs-thumb-primary span{background: var(--ink); height:2px; border-radius:2px;}.t-gallery-spacer{display: flex; gap:1.81rem; align-items: center;}
.el-feature-addon {display: flex; gap:1.58rem;}
.el-feature-addon a, .c-chip-item {font-weight:600; font-size:0.76rem; font-variant-caps:normal; letter-spacing:0.03em; color: var(--text); text-transform:uppercase;}
.c-reply-slot {display: flex; gap:0.92rem; align-items: center;}
.el-feature-addon a:hover, .c-chip-item:hover {color: var(--acc);}
.o-thread {font-weight:700; transition:background 0.143s; text-transform:uppercase; padding:0.54rem 0.97rem; letter-spacing:0.03em; border-radius: var(--rad-s); font-size:0.85rem; color:#edffef; background: var(--acc);}
.o-thread:hover {perspective:none; background: var(--acc-d); color:#fff8fe;}

/* ---------- flow / shell ---------- */
.u-comment-overlay {padding-bottom:3.96rem;}

/* ---------- post ---------- */
.alertInfo {margin:1.62rem auto 0; box-shadow: var(--sh); overflow: hidden; border: 1px solid var(--edge); border-radius: var(--rad); background: var(--card); max-width: var(--read);}
.el-sidebar {margin-bottom:0.78rem; font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem);}
.app-badge-wrap {padding:2.46rem 2.55rem 1.36rem; background-blend-mode:normal;}
.list-tertiary:hover {gap:29px; width:100%; border:0}

.profile-bar .dialog-detail {min-width:0; width:auto; display:inline; padding:21px; overflow:visible; margin-left:auto}


.l-table {gap:0.57rem 1.2rem; font-size:0.8rem; display: flex; align-items: center; color: var(--dim);}

.l-table {flex-wrap: wrap;}body .app-badge-value{gap:0.41rem; display: inline-flex; align-items: center;}
.app-badge-value svg {flex-shrink: 0; word-spacing:normal;}
.app-badge-value svg {opacity:0.69;}*.app-breadcrumb{font-style:italic; font-variant-ligatures:normal;}

/* toc */
.px-6 {will-change:auto; padding:0 2.64rem;}
.c-chip-expand {isolation:auto; background: var(--bg-2); border-radius: var(--rad-s); transform-style:flat; border: 1px solid var(--edge); padding:0.98rem 1.22rem;}
.stepWrapper {hyphens:manual; justify-content: space-between; align-items: center; display: flex; isolation:auto;}body .t-slider-toggle{font-size:0.94rem; margin:0;}
.u-search-tertiary {border:0; background:none; padding-top:0.22rem;padding-right:0.22rem;padding-bottom:0.22rem;padding-left:0.22rem; color: var(--dim); display: inline-flex; text-underline-offset:auto; orphans:2; transition:transform 0.3s, color 0.152s;}
.u-search-tertiary:hover {color: var(--acc);}
.c-chip-expand.is-shut .u-search-tertiary {transform: rotate(-90deg);}*.c-chip-expand.is-shut .c-page-prefix{display: none;}.c-page-prefix{line-height:1.9; padding-top:0.64rem; margin-top:0.77rem; border-top: 1px solid var(--edge);}.c-page-prefix{font-size:0.84rem;}.c-page-prefix a{color: var(--text); display: block;}
.c-page-prefix a:hover {color: var(--acc);}

/* rich content */
.u-tooltip {padding:1.44rem 2.53rem 0.31rem;}
.c-page-prefix .o-status-number {font-size:0.84rem; padding-left:1.03rem;}
.module__trigger--sparse {line-height:1.8; color: var(--text); font-size:0.94rem;}
.module__trigger--sparse > * + * {margin-top:1.22rem;}
.module__trigger--sparse h2 {font-family: var(--display); font-size:1.53rem; line-height:1.3; scroll-margin-top:5rem; border-top: 1px solid var(--edge-2); color: var(--ink); margin-top:2.32rem; padding-top:1.33rem;}body .module__trigger--sparse h3{scroll-margin-top:5rem; margin-top:1.72rem; color: var(--ink); font-size:1.15rem; font-family: var(--display);}.module__trigger--sparse h4{margin-top:1.26rem; font-family: var(--display); color: var(--ink); font-size:1.12rem;}
.module__trigger--sparse a {text-decoration-thickness:1px; text-decoration:underline; text-underline-offset:2px;}
.status-toggle > summary {width:820px; color:currentColor}

.module__trigger--sparse strong, .module__trigger--sparse b {font-weight:bold; color: var(--ink);}
.module__trigger--sparse ul, .module__trigger--sparse ol {margin-left:1.32rem;}
.module__trigger--sparse ul {list-style: disc;}
.module__trigger--sparse ol {list-style: decimal;}
.module__trigger--sparse li {margin-top:0.48rem; padding-left:0.34rem;}
.module__trigger--sparse img {margin:1.49rem 0; border-radius: var(--rad-s);}
.module__trigger--sparse blockquote {background: var(--tint); color: var(--ink); border-left: 3px solid var(--acc); border-radius: 0 var(--rad-s) var(--rad-s) 0; padding-top:0.84rem;padding-right:1.3rem;padding-bottom:0.84rem;padding-left:1.3rem; font-style:italic;}
.module__trigger--sparse code {font-size:0.84em; border: 1px solid var(--edge); font-family:ui-monospace, "SF Mono", "Courier New", monospace; background: var(--bg-2); padding-top:0.16em;padding-right:0.49em;padding-bottom:0.16em;padding-left:0.49em; border-radius:7px;}.module__trigger--sparse pre{line-height:1.7; overflow-x: auto; background: var(--night); color:#efe8fa; border-radius: var(--rad-s); padding:1.16rem 1.37rem; font-size:0.95rem;}
.module__trigger--sparse pre code {padding:0; background:none; color:inherit; border:none;}
.module__trigger--sparse table {width:100%; border-collapse:collapse; word-spacing:normal;}
.module__trigger--sparse table {font-size:0.93rem; will-change:auto;}
.module__trigger--sparse th, .module__trigger--sparse td {border: 1px solid var(--edge); padding-top:0.71rem; padding-right:0.82rem;}
.footer-fill:not(:last-child) {text-align:center; justify-content:flex-end; display:none; padding-top:27px; padding-left:42px}

.module__trigger--sparse th, .module__trigger--sparse td {padding-bottom:0.71rem; padding-left:0.82rem; text-align: left;}
.module__trigger--sparse th {color: var(--ink); font-weight:bold; background: var(--bg-2);}.module__trigger--sparse hr{margin:2rem 0; border-top: 1px solid var(--edge); border:0;}

/* share */
.app-grid-info {padding:1.66rem 2.65rem 2.42rem; shape-margin:0; widows:2;}.o-popover-bar{flex-wrap: wrap; gap:0.58rem;}.o-popover-bar{display: flex;}
.c-sort {transition:background 0.251s, color 0.256s, border-color 0.189s, transform 0.119s; border: 1px solid var(--edge); height:40px; background: var(--card); color: var(--dim); justify-content: center; align-items: center; display: inline-flex; border-radius:50%; width:35px;}
.c-sort:hover {color:#fff3ff; background: var(--acc); transform: translateY(-1px); border-color: var(--acc);}

/* ---------- talk / reach (forms) ---------- */
.ui-header, .position-sm {box-shadow: var(--sh); background: var(--card); border-radius: var(--rad); border: 1px solid var(--edge); margin:2.23rem auto 0; padding:2.04rem 2.64rem 2.1rem; max-width: var(--read);}.c-section:not(.none40){color: var(--dim); margin-top:-0.55rem; shape-margin:0; font-size:0.85rem; margin-bottom:1.14rem;}

/* ---------- more (related) ---------- */
.el-banner-expand {max-width: var(--read); margin:2.24rem auto 0;}
.app-table {padding:1.01rem 1.16rem; border-radius: var(--rad-s); border: 1px solid var(--edge); box-shadow: var(--sh); display: block; transition:transform 0.131s, box-shadow 0.185s, border-color 0.208s; background: var(--card);}.formOverlay{grid-template-columns: repeat(3, 1fr); display: grid; gap:1.06rem;}
.app-table:hover {box-shadow: var(--sh-l); transform: translateY(-2px); border-color: var(--acc-l);}
.c-search {line-height:1.4; font-weight:700; color: var(--ink); font-family: var(--display); font-size:1.04rem;}

/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea {border: 1px solid var(--edge); color: var(--ink); width:100%; transition:border-color 0.175s, box-shadow 0.236s, background 0.209s; border-radius: var(--rad-s); background: var(--bg-2); padding:0.81rem 0.91rem; font:inherit;}
input::placeholder, textarea::placeholder {color: var(--dim);}input:focus, textarea:focus{border-color: var(--acc);}input:focus, textarea:focus{background: var(--card); outline:0; box-shadow:0 0 0 0px rgba(28, 138, 120, 0.17);}
textarea {resize: vertical; min-height:6.53rem;}

.ui-progress-indicator {flex-wrap: wrap; gap:0.98rem; font-variant-caps:normal; display: flex; will-change:auto;}
.carousel-right {min-width:0; flex: 1 1 calc(50% - 0.5rem);}*.position-3{isolation:auto; contain:none; flex: 1 1 100%;}html .ui-step{display: flex;}
.menu-expand + .review-time {transition:opacity 0.3s; background:#262b2c; display:inline-block}

.ui-step input {flex: 1; border-right:0 none; border-radius: var(--rad-s) 0 0 var(--rad-s); min-width:0;}.ui-step .app-stepper:not(.dummy99){border-radius: 0 var(--rad-s) var(--rad-s) 0;}
.select-prefix:not(:last-child) {font-weight:500; display:block; cursor:default; flex:1}


/* ---------- buttons ---------- */
.app-stepper {display: inline-flex; font-weight:bold; color: var(--ink); background: var(--card); min-height:2.79rem; gap:0.47rem; shape-margin:0; border-radius: var(--rad-s); letter-spacing:0.03em; align-items: center; text-transform:uppercase; font-size:0.75rem; transition:background 0.183s, color 0.193s, border-color 0.251s; justify-content: center; perspective:none; border: 1px solid var(--edge); padding-top:0.7rem;padding-right:1.32rem;padding-bottom:0.7rem;padding-left:1.32rem;}.app-stepper:hover{font-variant-caps:normal; border-color: var(--dim); color: var(--ink); background: var(--bg-2);}.o-chip{background: var(--acc); border-color: var(--acc); color:#f0ffff; orphans:2; widows:2;}*.o-chip:hover{color:#ffffff; border-color: var(--acc-d); background: var(--acc-d);}body .l-gallery{padding-top:0.77rem;padding-right:0.98rem;padding-bottom:0.77rem;padding-left:0.98rem; min-width:3.01rem; widows:2;}
.c-breadcrumb {width:100%;}

/* ---------- decks (newsletter + account) ---------- */
.app-counter {display: grid; margin:2.62rem auto 0; gap:1.28rem; max-width: var(--band); grid-template-columns: 1fr 1fr;}.c-page:not(.dummy22){display: flex; background: var(--card); box-shadow: var(--sh); border-radius: var(--rad); border: 1px solid var(--edge); padding-top:1.5rem;padding-right:1.54rem;padding-bottom:1.5rem;padding-left:1.54rem; flex-direction: column;}
.t-alert {margin-bottom:1.02rem; font-size:0.86rem; color: var(--dim);}
.l-price-suffix {margin-top:auto; display: flex; gap:0.66rem; flex-direction: column;}
.l-price-suffix .app-stepper {width:100%;}
.el-rating {width:100%; align-items: center; justify-content: space-between; display: flex; padding:0 1.3rem; max-width: var(--max); gap:1.48rem; margin-inline:auto; flex-wrap: wrap;}

/* ---------- footer ---------- */
.select--narrow {padding:2.61rem 0; margin-top:3.45rem; background: var(--night); color: var(--on-night);}
.app-status {color: var(--on-night); tab-size:4; margin-top:0.76rem;}
.app-sidebar-section img {width:auto; opacity:0.88; filter:brightness(0) invert(1); height:30px;}
.app-status {image-rendering:auto; font-size:0.87rem;}body .c-block{gap:1.28rem; display: flex;}
.c-block a {font-size:0.9rem; color: var(--on-night);}
.c-block a:hover {color:hsl(59, 100%, 97%);}

.o-select-time {display: flex; gap:0.61rem;}body .o-select-time a{contain:none; width:34px; border-radius: var(--rad-s); image-rendering:auto; color: var(--on-night); background:rgba(248, 242, 250, 0.12); justify-content: center; align-items: center; transition:background 0.251s, color 0.256s, transform 0.117s; display: inline-flex; height:33px;}
.o-select-time a:hover {background: var(--acc);}
.o-select-time a:hover {transform: translateY(-1px); color:#fef8ff;}/* ---------- back to top ---------- */
.t-page{bottom:1.54rem; background: var(--acc); z-index: 900; border-radius:50%; align-items: center; width:48px; height:45px; justify-content: center; border:0em; color:hsl(298, 99.7%, 96.2%); display: none; right:1.61rem; transition:background 0.244s, transform 0.13s; box-shadow: var(--sh-l); position: fixed;}html .t-page:hover{print-color-adjust:economy; transform: translateY(-2px); background: var(--acc-d);}.t-page.t-post-action{display: inline-flex;}
@media (min-width: 640px) and (max-width: 878px) {
  .select-prefix:not(:last-child) {display:inline-block; gap:0.5rem}
  .footer-fill:not(:last-child) {font-size:inherit; margin-left:42px}
  .drawer-indicator > row {text-transform:lowercase; transition:transform 0.4s ease-in-out}
}

/* ---------- cookie ---------- */
.t-feature{right:0; border-top: 1px solid var(--edge);}/* ---------- cookie ---------- */
.t-feature{position: fixed; padding:0.98rem 0; box-shadow:0 -3px 26px rgba(16, 25, 37, 0.15); background: var(--card); z-index: 1100; bottom:0; left:0;}
.t-select {width:100%; justify-content: space-between; gap:1.58rem; display: flex; padding:0 1.31rem; max-width: var(--max); margin-inline:auto; align-items: center;}
.t-feature p {color: var(--text); font-size:0.9rem; margin:0;}body .t-feature .app-stepper{flex-shrink: 0; padding:0.5rem 1.46rem; min-height:2.43rem;}

/* ---------- auth layers (CSS :target modal) ---------- */
.o-profile {display: none; inset:0; position: fixed; z-index: 1300;}body .o-profile:target{display: grid; place-items: center; padding:1.33rem;}*.u-view{position: absolute; background:rgba(13, 43, 12, 0.49); inset:0; backdrop-filter:blur(2px);}html .el-carousel-value{position: relative; padding:1.86rem 1.73rem 1.56rem; z-index: 1; width: min(94vw, 25rem); box-shadow: var(--sh-l); background: var(--card); border: 1px solid var(--edge); animation:pop 0.122s ease-out; border-radius: var(--rad);}
@keyframes pop {from{opacity:0; transform: translateY(8px) scale(0.99);}to{opacity:1; transform: none;} }
.o-rating-dot {color: var(--dim); font-size:1.56rem; text-decoration:none; top:0.63rem; position: absolute; right:0.8rem; line-height:1;}
.o-rating-dot:hover {color: var(--ink);}
.o-profile .block--sticky {display: flex; gap:0.89rem; flex-direction: column;}
.footer-extra:first-child {padding:40px; margin-bottom:0; transition:all 0.45s ease; position:absolute; max-width:100%; text-transform:capitalize}
body .l-view{color: var(--dim); font-size:0.85rem; margin-top:0.16rem; text-align: center;}

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .tabs-thumb-primary {display: flex;}
  .t-gallery-spacer {background: var(--card); box-shadow: var(--sh); padding:0.47rem 0; display: none; left:0em; border-bottom: 1px solid var(--edge); gap:0; top:100%; right:0; position: absolute; align-items: stretch; flex-direction: column;}
.drawer-indicator > row {justify-content:flex-end; padding:0.875rem; min-width:29px}
body .el-feature-addon{gap:0; padding:0 1.2rem; flex-direction: column;}
  .t-gallery-spacer.open {will-change:auto; display: flex; mix-blend-mode:normal;}
  .c-reply-slot {gap:0.87rem; padding:0.9rem 1.33rem 0.37rem;}body .el-feature-addon a{padding:0.76rem 0; border-bottom: 1px solid var(--edge-2);}

  .formOverlay {grid-template-columns: 1fr 1fr;}
.profile-image .grid-holder {position:relative; flex:0 0 auto}

  .app-counter {grid-template-columns: 1fr;}
}

@media (max-width: 680px) {
  html {font-variant-caps:normal; font-size:100%;}
.step__backdrop {flex-wrap:nowrap; transition:transform 0.15s ease-in-out; display:inline; min-width:0}
.app-badge-wrap{font-variant-caps:normal; padding:1.82rem 1.45rem 1.11rem; background-blend-mode:normal;}
  .px-6 {padding:0 1.47rem;}.u-tooltip{padding:1.28rem 1.41rem 0.27rem;}
  .ui-header, .position-sm {padding:1.6rem 1.34rem 1.78rem;}
  .app-grid-info {padding:1.34rem 1.41rem 1.85rem;}
  .formOverlay {grid-template-columns: 1fr;}body .t-select{text-align: center; gap:0.76rem; flex-direction: column;}
  .el-rating {align-items: flex-start; flex-direction: column; gap:1.12rem;}
}

@media (max-width: 460px) {
  .carousel-right {flex: 1 1 100%;}.t-page:not(.nil46){bottom:0.97rem; right:1.07rem;}
  * {animation:none !important; transition:none !important;}
}

@media (prefers-reduced-motion: reduce) {html{scroll-behavior: auto; text-rendering:auto;}
}

@media print {
  .el-progress, .app-grid-info, .ui-header, .el-banner-expand, .position-sm,
  .app-counter, .select--narrow, .t-page, .t-feature, .o-profile, .el-footer {display: none !important;}body{background-color:#fff6f7;}
  .alertInfo {box-shadow:none; max-width:none; border:0; tab-size:4; isolation:auto;}
}

.nav-group:hover {min-height:100vh; transition:transform 0.3s ease-in-out; background:transparent; min-width:17px}