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

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

*, *::before, *::after {padding:0px; margin:0; box-sizing: border-box;}html{-webkit-text-size-adjust:100%; font-size:111.2%; scroll-behavior: smooth; orphans:2;}

body {line-height:1.72; font-size:0.94rem; color: var(--text); -moz-osx-font-smoothing:grayscale; font-family: var(--text-font); -webkit-font-smoothing:antialiased; background: var(--bg);}

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

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

:focus-visible {outline: 2px solid var(--acc); outline-offset:2px; border-radius:1px;}

/* span headings (no h2/h3 anywhere but article content) */
.el-screen, .divider-secondary, .l-toolbar-inner, .thread-placeholder, .wrapper-breadcrumb {color: var(--ink); display: block; font-family: var(--display); letter-spacing:-0.01em; font-weight:bold;}.el-screen{margin-bottom:1.15rem; font-size:1.26rem;}
.divider-secondary {font-size:1rem; margin-bottom:0.32rem;}
.l-toolbar-inner {margin-bottom:1.22rem; font-size:1.32rem;}

/* ---------- scroll progress ---------- */
.el-entry {transition:width 0.096s linear; z-index: 1200; height:4px; width:0px; top:0; background: var(--acc); left:0; position: fixed;}

/* ---------- topbar ---------- */
.c-gallery-inner {top:0; backdrop-filter:saturate(150%) blur(8px); position: sticky; border-bottom: 1px solid var(--edge); background:rgba(239, 255, 246, 0.86); z-index: 1000;}
.mediaPrimary {max-width: var(--max); width:100%; min-height:3.83rem; margin-inline:auto; padding:0 1.22rem; justify-content: space-between; align-items: center; display: flex; gap:0.98rem;}
.ui-accordion {display: inline-flex; will-change:auto; align-items: center;}
.ui-accordion img {height:30px; width:auto;}

.l-nav {display: none; background:none; border:0; gap:5px; padding:0.38rem; flex-direction: column;}
.l-nav span {background: var(--ink); width:19px; height:2px; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; display: block;}
.t-search-count {display: flex; gap:1.52rem;}*.t-chip-secondary{display: flex; gap:1.82rem; align-items: center;}.t-search-count a, .c-gallery-holder:not(.placeholder47){color: var(--text); text-transform:uppercase; font-weight:600;}.t-search-count a, .c-gallery-holder:not(.placeholder47){font-size:0.75rem; letter-spacing:0.03em;}
.t-box {display: flex; gap:1.08rem; align-items: center;}
.t-search-count a:hover, .c-gallery-holder:hover {color: var(--acc);}
.c-snackbar-wrapper {color:#f0fdf2; mix-blend-mode:normal; background: var(--acc); font-size:0.74rem; text-transform:uppercase; transition:background 0.23s; letter-spacing:0.03em; border-radius: var(--rad-s); font-weight:bold; padding:0.49rem 1.11rem;}
.c-snackbar-wrapper:hover {background: var(--acc-d); color:#edffff;}

/* ---------- flow / shell ---------- */
.app-form-head {padding-bottom:3.93rem;}
.t-action-dot {padding:2.38rem 2.61rem 1.36rem;}

/* ---------- post ---------- */
.app-toolbar {overflow: hidden; box-shadow: var(--sh); background: var(--card); border-radius: var(--rad); max-width: var(--read); border: 1px solid var(--edge); margin:1.65rem auto 0;}
.el-reply-action {font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem); background-blend-mode:normal; break-inside:auto; margin-bottom:0.89rem;}

.o-divider-wrapper {gap:0.55rem 1.27rem; flex-wrap: wrap; display: flex; color: var(--dim); align-items: center; font-size:0.75rem;}.app-popover:not(.skip88){gap:0.32rem; align-items: center; display: inline-flex;}
.app-popover svg {opacity:0.64; hyphens:manual; flex-shrink: 0; isolation:auto;}html .o-block{shape-margin:0; font-style:italic;}
.row-2 {border-radius: var(--rad-s); background: var(--bg-2); border: 1px solid var(--edge); padding-top:1.1rem;padding-right:1.29rem;padding-bottom:1.1rem;padding-left:1.29rem;}

/* toc */
.mt-3 {padding:0 2.61rem;}
.c-page {display: flex; justify-content: space-between; align-items: center;}html .l-reply-spacer{transition:transform 0.21s, color 0.203s; padding-top:0.22rem;padding-right:0.22rem;padding-bottom:0.22rem;padding-left:0.22rem; display: inline-flex; color: var(--dim); background:none; border:0;}
.thread-placeholder {margin:0; font-size:0.89rem;}
.l-reply-spacer:hover {color: var(--acc);}
.row-2.is-shut .l-reply-spacer {mix-blend-mode:normal; transform: rotate(-90deg);}.row-2.is-shut .w-start{display: none;}
.w-start {padding-top:0.65rem; line-height:1.9; font-size:0.82rem; border-top: 1px solid var(--edge); margin-top:0.82rem;}
.w-start a {color: var(--text); display: block;}.w-start a:hover{color: var(--acc);}*.w-start .boxData{padding-left:1.05rem; font-size:0.85rem;}

/* rich content */
.flex-inline {padding:1.42rem 2.63rem 0.35rem;}
.alert-label {color: var(--text); font-size:0.94rem; line-height:1.8;}
.alert-label > * + * {margin-top:1.26rem;}body .alert-label h2{line-height:1.3; margin-top:2.35rem; font-family: var(--display); scroll-margin-top:5rem; border-top: 1px solid var(--edge-2); font-size:1.43rem; color: var(--ink); padding-top:1.37rem;}body .alert-label h3{margin-top:1.64rem; font-size:1.25rem; color: var(--ink); scroll-margin-top:5rem; font-family: var(--display);}.alert-label h4{margin-top:1.37rem; font-size:1.01rem; font-family: var(--display); color: var(--ink);}
.alert-label a {text-decoration:underline; text-decoration-thickness:1px; break-inside:auto; text-underline-offset:2px;}
.alert-label strong, .alert-label b {font-weight:bold; color: var(--ink);}
.alert-label ul, .alert-label ol {margin-left:1.35rem;}
.alert-label ul {list-style: disc;}.alert-label ol{list-style: decimal; backface-visibility:visible; mix-blend-mode:normal;}*.alert-label li{padding-left:0.34rem; margin-top:0.37rem;}html .alert-label img{margin:1.45rem 0; border-radius: var(--rad-s);}body .alert-label blockquote{border-left: 3px solid var(--acc); font-style:italic; border-radius: 0 var(--rad-s) var(--rad-s) 0; padding:0.86rem 1.25rem; background: var(--tint); color: var(--ink);}
.alert-label code {font-family:ui-monospace, "SF Mono", "Courier New", monospace; border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px; background: var(--bg-2); padding:0.18em 0.4em; border: 1px solid var(--edge); font-size:0.87em;}
.alert-label pre {padding-top:1.13rem;padding-right:1.36rem;padding-bottom:1.13rem;padding-left:1.36rem; font-size:0.81rem; line-height:1.7; border-radius: var(--rad-s); background: var(--night); overflow-x: auto; color:#eef1e8;}
.alert-label pre code {background:none; color:inherit; border:0em; padding:0;}
.alert-label table {width:100%; border-collapse:collapse; font-size:0.93rem;}
.alert-label th, .alert-label td {padding-top:0.62rem;padding-right:0.76rem;padding-bottom:0.62rem;padding-left:0.76rem; text-align: left; border: 1px solid var(--edge);}
.alert-label th {font-weight:700;}
.alert-label th {color: var(--ink); background: var(--bg-2);}
.alert-label hr {border:0; border-top: 1px solid var(--edge); margin:2.04rem 0;}

/* share */
.t-select {padding:1.77rem 2.55rem 2.48rem;}body .t-dialog-button{gap:0.48rem; flex-wrap: wrap; display: flex;}*.u-block{background: var(--card); border-radius:50%; border: 1px solid var(--edge); transition:background 0.234s, color 0.215s, border-color 0.165s, transform 0.164s; align-items: center; display: inline-flex; width:36px; justify-content: center; color: var(--dim); height:38px;}
.u-block:hover {color:#fffaff; text-decoration-skip-ink:auto; transform: translateY(-1px); background: var(--acc); widows:2; border-color: var(--acc);}

/* ---------- talk / reach (forms) ---------- */
.footer__action--selected, .t-comment {break-inside:auto; padding:1.97rem 2.54rem 2.05rem; margin:2.18rem auto 0; max-width: var(--read); border: 1px solid var(--edge); background: var(--card); box-shadow: var(--sh);}
.u-page {color: var(--dim); margin-bottom:1.17rem; font-size:0.9rem; margin-top:-0.56rem;}

/* ---------- talk / reach (forms) ---------- */
.footer__action--selected, .t-comment {border-radius: var(--rad);}

/* ---------- more (related) ---------- */
.t-drawer {hyphens:manual; margin:2.21rem auto 0; max-width: var(--read);}
.u-entry {grid-template-columns: repeat(3, 1fr); display: grid; gap:1.01rem; backface-visibility:visible;}
.el-modal {transition:transform 0.182s, box-shadow 0.222s, border-color 0.161s; display: block; padding:0.99rem 1.17rem; box-shadow: var(--sh); border: 1px solid var(--edge); background: var(--card); border-radius: var(--rad-s);}
.el-modal:hover {transform: translateY(-2px); border-color: var(--acc-l); background-blend-mode:normal; box-shadow: var(--sh-l);}
.ui-divider {font-weight:700; font-size:0.92rem; line-height:1.4; font-family: var(--display); color: var(--ink);}

/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea {border: 1px solid var(--edge); color: var(--ink); transition:border-color 0.14s, box-shadow 0.201s, background 0.199s; width:100%; border-radius: var(--rad-s); padding-top:0.69rem; padding-right:1.02rem; padding-bottom:0.69rem; padding-left:1.02rem; font:inherit;}

/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea {background: var(--bg-2);}
input::placeholder, textarea::placeholder {color: var(--dim);}
input:focus, textarea:focus {background: var(--card); outline:0px; border-color: var(--acc); box-shadow:0 0 0 2px rgba(11, 136, 119, 0.2);}

.ui-carousel {flex-wrap: wrap; gap:0.98rem; display: flex;}
textarea {page-break-inside:auto; min-height:6.46rem; widows:2; resize: vertical;}
.el-widget {flex: 1 1 calc(50% - 0.5rem); min-width:0;}.el-screen-thumb{flex: 1 1 100%; contain:none;}

.c-price-inner {display: flex;}
.c-price-inner input {border-right:0em; min-width:0; flex: 1;}
.c-price-inner input {border-radius: var(--rad-s) 0 0 var(--rad-s);}
.c-price-inner .u-spinner-column {border-radius: 0 var(--rad-s) var(--rad-s) 0;}/* ---------- buttons ---------- */
.u-spinner-column{background-blend-mode:normal;}/* ---------- buttons ---------- */
.u-spinner-column{display: inline-flex; font-weight:bold; align-items: center; font-size:0.87rem; text-transform:uppercase; border-radius: var(--rad-s); border: 1px solid var(--edge); padding:0.73rem 1.33rem; justify-content: center; min-height:2.77rem; gap:0.52rem; background: var(--card); letter-spacing:0.03em; transition:background 0.206s, color 0.237s, border-color 0.206s; color: var(--ink);}html .u-spinner-column:hover{background: var(--bg-2); border-color: var(--dim); contain:none; color: var(--ink); perspective:none;}
.panelSummary {background: var(--acc); color:rgb(255, 255, 255); border-color: var(--acc);}
.panelSummary:hover {background: var(--acc-d); border-color: var(--acc-d); color:#f8ffee;}.o-rating-area{width:100%;}
.l-filter {padding:0.74rem 0.97rem; min-width:2.93rem;}

/* ---------- decks (newsletter + account) ---------- */
.l-media {gap:1.18rem; display: grid; max-width: var(--band); margin:2.66rem auto 0; grid-template-columns: 1fr 1fr;}
.u-price {border: 1px solid var(--edge); flex-direction: column; box-shadow: var(--sh); padding:1.58rem 1.67rem; background: var(--card); break-inside:auto; display: flex; widows:2; border-radius: var(--rad);}
.el-breadcrumb {color: var(--dim); font-size:0.87rem; margin-bottom:1.03rem;}
.ui-toggle-indicator {display: flex; gap:0.65rem; flex-direction: column; margin-top:auto;}
.ui-toggle-indicator .u-spinner-column {transform-style:flat;}
.ui-toggle-indicator .u-spinner-column {perspective:none; width:100%;}

/* ---------- footer ---------- */
.o-skeleton {padding:2.61rem 0; background: var(--night); margin-top:3.45rem; color: var(--on-night);}.carouselRow:not(.empty73){margin-inline:auto; max-width: var(--max); align-items: center; display: flex; width:100%; flex-wrap: wrap; gap:1.51rem; justify-content: space-between; padding:0 1.2rem;}
.u-sidebar-secondary img {width:auto; opacity:0.91; filter:brightness(0) invert(1); height:27px;}
.u-toggle {color: var(--on-night); margin-top:0.73rem; font-size:0.72rem;}.l-rating{display: flex; gap:1.27rem;}
.l-rating a {color: var(--on-night); font-size:0.8rem;}

.el-avatar-text {display: flex; gap:0.56rem;}
.l-rating a:hover {color:#fffbff;}
.el-avatar-text a {justify-content: center; border-radius: var(--rad-s); width:36px; color: var(--on-night); transition:background 0.174s, color 0.143s, transform 0.133s; height:37px; background:rgba(239, 237, 255, 0); align-items: center; display: inline-flex;}
.el-avatar-text a:hover {color:#f2ffff; background: var(--acc); transform-style:flat; transform: translateY(-1px);}

/* ---------- back to top ---------- */
.c-header {justify-content: center; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; border:none; height:47px; display: none; z-index: 900; transition:background 0.237s, transform 0.203s; position: fixed; align-items: center; box-shadow: var(--sh-l); bottom:1.66rem; width:42px; background: var(--acc); right:1.65rem; color:#f3fff5;}
.c-header:hover {background: var(--acc-d); transform: translateY(-2px);}

/* ---------- cookie ---------- */
.u-popover {box-shadow:0 -4px 27px rgba(3, 49, 21, 0.1); border-top: 1px solid var(--edge); padding:0.82rem 0; left:0; bottom:0; z-index: 1100; background: var(--card); right:0; position: fixed;}html .c-header.app-section-block{text-rendering:auto; font-variant-ligatures:normal; display: inline-flex;}
.el-tooltip {width:100%; align-items: center; padding:0 1.33rem; gap:1.56rem; max-width: var(--max); display: flex; margin-inline:auto; justify-content: space-between;}body .u-popover p{margin:0em; color: var(--text); font-size:0.81rem;}
.u-popover .u-spinner-column {padding:0.6rem 1.46rem; flex-shrink: 0; min-height:2.41rem;}/* ---------- auth layers (CSS :target modal) ---------- */
.u-review:not(.dummy20){position: fixed; inset:0; z-index: 1300; font-variant-caps:normal; display: none;}
.u-review:target {display: grid; padding-top:1.28rem; padding-right:1.28rem; padding-bottom:1.28rem;}
.u-review:target {padding-left:1.28rem; place-items: center;}
.o-select-slot {backdrop-filter:blur(2px); background:rgba(37, 40, 30, 0.61); position: absolute; inset:0;}
.ui-avatar {padding:1.86rem 1.84rem 1.66rem; animation:pop 0.149s ease-out; z-index: 1; width: min(94vw, 25rem); box-shadow: var(--sh-l); background: var(--card); position: relative; border-radius: var(--rad); border: 1px solid var(--edge);}
@keyframes pop {from{isolation:auto; transform: translateY(8px) scale(0.99); opacity:0;} to {transform: none; opacity:1;} }
.u-price-body {color: var(--dim);}
.u-price-body {right:0.85rem; position: absolute; text-decoration:none; top:0.75rem; font-size:1.47rem; line-height:1;}
.u-price-body:hover {color: var(--ink);}
.u-review .u-header {flex-direction: column; display: flex; gap:0.87rem;}html .ui-rating{margin-top:0.18rem; font-size:0.8rem; text-align: center; color: var(--dim);}

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .l-nav {display: flex;}
  .t-chip-secondary {flex-direction: column; top:100%; background: var(--card); left:0; align-items: stretch; right:0; position: absolute; padding:0.58rem 0; display: none; box-shadow: var(--sh); border-bottom: 1px solid var(--edge); gap:0;}body .t-chip-secondary.open{display: flex;}
  .t-search-count {flex-direction: column;}
  .t-search-count {padding:0 1.3rem; gap:0;}html .t-search-count a{padding:0.76rem 0; border-bottom: 1px solid var(--edge-2);}
  .t-box {gap:0.77rem; padding:0.91rem 1.2rem 0.44rem;}body .u-entry{grid-template-columns: 1fr 1fr;}
  .l-media {grid-template-columns: 1fr;}
}

@media (max-width: 680px) {html{font-size:100%;}
  .t-action-dot {padding:1.75rem 1.42rem 1.08rem;}.mt-3{background-blend-mode:normal; padding:0 1.38rem; perspective:none;}
  .t-select {padding:1.32rem 1.34rem 1.86rem;}
  .flex-inline {padding:1.38rem 1.46rem 0.27rem;}*.footer__action--selected, .t-comment:not(.unused15){padding:1.54rem 1.4rem 1.85rem;}
  .u-entry {grid-template-columns: 1fr;}
  .carouselRow {align-items: flex-start; gap:1.24rem; flex-direction: column;}body .el-tooltip{text-align: center; flex-direction: column; page-break-inside:auto; gap:0.76rem; break-inside:auto;}
}

@media (max-width: 460px) {
  .el-widget {flex: 1 1 100%;}
  .c-header {bottom:0.92rem; right:0.93rem;}
}

@media (prefers-reduced-motion: reduce) {html{scroll-behavior: auto;}
  * {animation:none !important; transition:none !important;}
}

@media print {.c-gallery-inner, *.t-select, html .footer__action--selected, .t-drawer, .t-comment, .l-media, .o-skeleton, .c-header, .u-popover:not(.skip48), .u-review:not(.skip37), .el-entry{display: none !important; transform-style:flat; font-synthesis:weight style small-caps;}
  body {background:#fff3f3;}
}

  .app-toolbar {will-change:auto; border:0 none; max-width:none; orphans:2; box-shadow:none;}