.modal-primary .carousel-body {margin-right:11px; font-size:18px; display:flex; transition:color 0.45s; height:100%}
/* ============================================================
   1017_new_v1 — stylesheet
   ============================================================ */

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

*, *::before, *::after {padding:0;}

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

html {font-size:112.7%; page-break-inside:auto; -webkit-text-size-adjust:100%; scroll-behavior: smooth; background-blend-mode:normal;}

img, svg {display: block; max-width:100%;}

body {font-family: var(--text-font); -moz-osx-font-smoothing:grayscale; font-size:0.98rem; -webkit-font-smoothing:antialiased; color: var(--text); background: var(--bg); line-height:1.72;}
.banner__suffix {display:inline-block; overflow:auto; text-decoration:none}

ul, ol {list-style: none;}
a:hover {color: var(--acc-d);}
a {color: var(--acc); text-decoration:none;}
button {font-family:inherit; cursor: pointer;}
h1 {letter-spacing:-0.015em; font-family: var(--display); color: var(--ink); font-weight:bold; line-height:1.18;}:focus-visible{outline: 2px solid var(--acc); border-radius:2px; outline-offset:2px;}

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

/* span headings (no h2/h3 anywhere but article content) */
.listButton, .align-6, .c-review-region, .flex-around, .p-sm {letter-spacing:-0.01em; font-family: var(--display);}

/* span headings (no h2/h3 anywhere but article content) */
.listButton, .align-6, .c-review-region, .flex-around, .p-sm {color: var(--ink); font-weight:700; display: block;}
.listButton {font-size:1.29rem; margin-bottom:1.04rem; hyphens:manual;}*.c-review-region{font-size:1.17rem; margin-bottom:1.28rem;}
.align-6 {font-size:1.05rem; margin-bottom:0.36rem;}/* ---------- scroll progress ---------- */
.px-24:not(.placeholder21){height:0px; width:0; transition:width 0.031s linear; position: fixed; top:0px; left:0; z-index: 1200; background: var(--acc);}

/* ---------- topbar ---------- */
.font-6 {-webkit-backdrop-filter:saturate(150%) blur(8px);top:0; position: sticky; backdrop-filter:saturate(150%) blur(8px); background:rgba(255, 241, 255, 0.87); z-index: 1000; border-bottom: 1px solid var(--edge);}.preview-sort:not(.noop96){align-items: center; display: inline-flex; font-variant-caps:normal;}
.border-sm {justify-content: space-between; width:100%; display: flex; align-items: center; min-height:3.84rem; max-width: var(--max); gap:1.02rem; padding:0 1.18rem; margin-inline:auto;}html .preview-sort img{width:auto; height:25px;}

.m-4 {border:0 none; gap:7px; background:none; padding-top:0.36rem;padding-right:0.36rem;padding-bottom:0.36rem;padding-left:0.36rem; flex-direction: column; display: none;}
.m-4 span {width:20px; border-radius:2px; background: var(--ink); height:2px; display: block;}*.d-center{gap:1.86rem; align-items: center; display: flex;}
.h-16 {gap:1.5rem; display: flex;}.h-16 a, body .el-sidebar{text-transform:uppercase; letter-spacing:0.03em; font-weight:600; color: var(--text); font-size:0.83rem;}
.h-16 a:hover, .el-sidebar:hover {color: var(--acc);}*.border-center{display: flex; gap:0.93rem; align-items: center;}
.order-inline {color:#fff6ff; border-radius: var(--rad-s); text-transform:uppercase; font-size:0.75rem; transition:background 0.194s; padding-top:0.55rem;padding-right:1.11rem;padding-bottom:0.55rem;padding-left:1.11rem; font-weight:700; letter-spacing:0.03em; background: var(--acc);}
.module__name {background:#8dd82b; transition:transform 0.5s ease-in-out}

.order-inline:hover {background: var(--acc-d); color:#f1fbff;}

/* ---------- flow / shell ---------- */
.ml-10 {padding-bottom:3.92rem;}

/* ---------- post ---------- */
.flex-1 {margin:1.54rem auto 0; box-shadow: var(--sh); background: var(--card); max-width: var(--read); overflow: hidden; border-radius: var(--rad); border: 1px solid var(--edge);}
.flex-start {page-break-inside:auto; padding:2.41rem 2.54rem 1.34rem;}
.d-half {font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem); margin-bottom:0.86rem;}.text-12{gap:0.46rem; display: inline-flex; align-items: center;}.p-auto:not(.null84){orphans:2; align-items: center; font-variant-ligatures:normal; color: var(--dim); gap:0.56rem 1.29rem; flex-wrap: wrap; display: flex; font-size:0.8rem;}
.gap-16 {font-style:italic;}
.text-12 svg {flex-shrink: 0; opacity:0.62;}

/* toc */
.gap-full {padding:0 2.57rem;}.order-24{background: var(--bg-2); border: 1px solid var(--edge); padding:0.98rem 1.29rem; border-radius: var(--rad-s);}
.rounded-3 {display: flex; align-items: center; justify-content: space-between;}
.flex-around {margin:0; font-size:0.91rem; text-decoration-skip-ink:auto; image-rendering:auto;}
.tableHead {display: inline-flex; font-variant-caps:normal; padding-top:0.2rem;padding-right:0.2rem;padding-bottom:0.2rem;padding-left:0.2rem; border:0; transition:transform 0.231s, color 0.181s; word-spacing:normal; background:none; color: var(--dim);}
.tableHead:hover {color: var(--acc);}
.order-24.is-shut .tableHead {transform: rotate(-90deg);}
@media (max-width: 800px) {
  .review-addon > wrapper {position:sticky; background-color:transparent; min-width:39px}
  .banner__suffix {background:transparent; max-width:100%; transition:all 0.15s ease; margin:auto}
}


.order-24.is-shut .t-layout {display: none;}.t-layout{border-top: 1px solid var(--edge); margin-top:0.71rem; font-size:0.82rem;}.t-layout{padding-top:0.69rem; line-height:1.9; widows:2;}
.t-layout a {display: block; color: var(--text);}body .t-layout a:hover{color: var(--acc);}
.t-layout .float-between {font-size:0.85rem; padding-left:1.02rem;}
.opacity-xs {color: var(--text); line-height:1.8; font-size:0.99rem;}

/* rich content */
.skeleton-time-dense {padding:1.58rem 2.57rem 0.35rem;}body .opacity-xs > * + *{margin-top:1.16rem;}
.opacity-xs h2 {-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual; border-top: 1px solid var(--edge-2); font-family: var(--display); line-height:1.3; scroll-margin-top:5rem; margin-top:2.35rem; font-size:1.53rem; color: var(--ink); padding-top:1.35rem;}.opacity-xs h3{font-family: var(--display); scroll-margin-top:5rem; font-size:1.2rem; color: var(--ink); margin-top:1.71rem;}
.select-line > input {margin:0 auto; align-items:center; padding:2.5rem; min-width:0; background-color:#a94ea4; transition:all 0.35s ease}

.opacity-xs h4 {font-family: var(--display);}
.opacity-xs h4 {font-size:1.13rem; margin-top:1.23rem; color: var(--ink);}
.opacity-xs a {perspective:none; text-decoration-thickness:1px; text-decoration:underline; text-underline-offset:2px;}
.opacity-xs strong, .opacity-xs b {font-weight:bold; color: var(--ink);}
.opacity-xs ul, .opacity-xs ol {orphans:2; image-rendering:auto; margin-left:1.26rem;}
.opacity-xs ul {list-style: disc;}
.opacity-xs ol {list-style: decimal;}
.opacity-xs li {margin-top:0.47rem; padding-left:0.3rem;}
.opacity-xs img {margin:1.42rem 0; border-radius: var(--rad-s);}
.opacity-xs blockquote {background: var(--tint); border-radius: 0 var(--rad-s) var(--rad-s) 0; font-style:italic; padding-top:0.83rem;padding-right:1.25rem;padding-bottom:0.83rem;padding-left:1.25rem; border-left: 3px solid var(--acc); color: var(--ink);}
.opacity-xs code {background: var(--bg-2); font-family:ui-monospace, "SF Mono", "Courier New", monospace; padding-top:0.07em;padding-right:0.53em;padding-bottom:0.07em;padding-left:0.53em; border-radius:9px; font-size:0.89em; border: 1px solid var(--edge);}
.opacity-xs pre {background: var(--night); overflow-x: auto; padding:1.05rem 1.37rem; font-size:0.87rem; border-radius: var(--rad-s); color:#e0e8ff; line-height:1.7;}*.opacity-xs pre code{padding:0; color:inherit; border:none; background:none;}
.action-time + .menu-outer {max-width:none; box-shadow:none}

.opacity-xs table {font-size:0.86rem; width:100%; border-collapse:collapse;}body .opacity-xs th, .opacity-xs td{padding:0.7rem 0.78rem; text-align: left; border: 1px solid var(--edge);}
.opacity-xs th {color: var(--ink); font-weight:700; break-inside:auto; background: var(--bg-2); contain:none;}.opacity-xs hr{margin:2.02rem 0; border-top: 1px solid var(--edge); border:0rem;}

/* share */
.w-6 {padding:1.62rem 2.57rem 2.46rem;}
.list-primary > section {position:absolute; margin-bottom:0.5rem; box-shadow:none; height:auto}

.comment__image {flex-wrap: wrap; gap:0.54rem;}
.comment__image {display: flex;}
.pl-4 {border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; transition:background 0.173s, color 0.187s, border-color 0.169s, transform 0.157s; width:39px; border: 1px solid var(--edge); background: var(--card); justify-content: center; display: inline-flex; color: var(--dim); align-items: center; height:34px;}
.pl-4:hover {transform: translateY(-1px); background: var(--acc);}
#badge-date {transition:opacity 0.2s; min-width:0; line-height:1}

.review-addon > wrapper {text-align:justify; transition:transform 0.25s ease-in-out; margin:4px 47px; color:inherit; margin-left:0; padding-bottom:30px}

.pl-4:hover {color:#fffffe; border-color: var(--acc);}.alert-time{margin-top:-0.66rem; color: var(--dim); font-size:0.95rem;}/* ---------- talk / reach (forms) ---------- */
.p-start, *.order-20{box-shadow: var(--sh); max-width: var(--read); margin:2.22rem auto 0; background: var(--card); padding:1.98rem 2.67rem 2.17rem; border: 1px solid var(--edge); border-radius: var(--rad);}.alert-time{margin-bottom:1.14rem;}

/* ---------- more (related) ---------- */
.tracking-center {max-width: var(--read); margin:2.12rem auto 0;}
.pl-8 {display: grid; gap:1.06rem; grid-template-columns: repeat(3, 1fr);}
.row-10 {border-radius: var(--rad-s); box-shadow: var(--sh); border: 1px solid var(--edge); background: var(--card); transition:transform 0.126s, box-shadow 0.223s, border-color 0.12s; display: block; hyphens:manual; padding:1rem 1.18rem;}.row-10:hover{border-color: var(--acc-l); box-shadow: var(--sh-l); transform: translateY(-2px);}
.skeleton-prefix .menu-button {font-weight:600; min-height:100vh}
*.stepper-expand{font-size:1.01rem; font-family: var(--display); font-weight:bold; color: var(--ink); line-height:1.4;}

/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea {border: 1px solid var(--edge); border-radius: var(--rad-s); color: var(--ink); transition:border-color 0.218s, box-shadow 0.176s, background 0.256s; width:100%; background: var(--bg-2); background-blend-mode:normal; padding:0.76rem 0.88rem; font:inherit;}
input::placeholder, textarea::placeholder {color: var(--dim); isolation:auto;}
input:focus, textarea:focus {background: var(--card);}
input:focus, textarea:focus {border-color: var(--acc); outline:0; box-shadow:0 0 0 0px rgba(11, 141, 134, 0.19);}
textarea {resize: vertical; min-height:6.44rem;}
.pr-8 {min-width:0; flex: 1 1 calc(50% - 0.5rem);}

.justify-24 {gap:1rem; flex-wrap: wrap; display: flex;}html .leading-center{flex: 1 1 100%;}

.z-auto {display: flex;}
.z-auto input {border-right:none; min-width:0; flex: 1; border-radius: var(--rad-s) 0 0 var(--rad-s);}body .z-auto .z-16{border-radius: 0 var(--rad-s) var(--rad-s) 0;}

/* ---------- buttons ---------- */
.z-16 {transition:background 0.201s, color 0.161s, border-color 0.181s; justify-content: center; min-height:2.81rem; border: 1px solid var(--edge); border-radius: var(--rad-s); letter-spacing:0.03em; background: var(--card); padding-top:0.7rem;padding-right:1.25rem;padding-bottom:0.7rem;padding-left:1.25rem; align-items: center; color: var(--ink); text-transform:uppercase; display: inline-flex; font-weight:700; font-size:0.86rem; gap:0.55rem;}
.z-16:hover {background: var(--bg-2); color: var(--ink); border-color: var(--dim);}
.selectIcon {color:#f7f0f8; border-color: var(--acc); background: var(--acc);}
.selectIcon:hover {color:hsl(352, 79.3%, 97.5%); background: var(--acc-d);}
.selectIcon:hover {border-color: var(--acc-d);}
.rating__container {display:block; cursor:pointer; transition:transform 0.25s ease-in-out; padding-bottom:1rem; text-transform:lowercase}

.opacity-lg {min-width:3.01rem; padding-top:0.71rem;padding-right:1.03rem;padding-bottom:0.71rem;padding-left:1.03rem;}/* ---------- decks (newsletter + account) ---------- */
.m-center{margin:2.58rem auto 0; display: grid; gap:1.24rem; grid-template-columns: 1fr 1fr; max-width: var(--band);}
.progressPrimary {width:100%;}
.flex-12 {flex-direction: column; border: 1px solid var(--edge); box-shadow: var(--sh); border-radius: var(--rad); display: flex;}
.snackbar-head.divider-selected {transition:opacity 0.45s; gap:2rem; padding-left:0.25rem; display:grid; min-height:100vh}

.flex-12 {background: var(--card); padding-top:1.58rem; padding-right:1.62rem; padding-bottom:1.58rem; padding-left:1.62rem;}
.row-md {margin-bottom:1.08rem; color: var(--dim); font-size:0.94rem;}
.ml-8 {flex-direction: column; display: flex; margin-top:auto; gap:0.65rem;}/* ---------- footer ---------- */
.z-start{margin-top:3.37rem; padding:2.65rem 0; color: var(--on-night); background: var(--night);}
.ml-8 .z-16 {width:100%;}
.shadow-xl {max-width: var(--max); align-items: center; gap:1.58rem; width:100%; flex-wrap: wrap; padding:0 1.21rem; justify-content: space-between; display: flex; margin-inline:auto;}*.filter-narrow img{opacity:0.77; height:29px; filter:brightness(0) invert(1); width:auto;}.leading-half:not(.none12){color: var(--on-night); font-size:0.8rem; widows:2; will-change:auto; margin-top:0.73rem;}
.grid-lg {mix-blend-mode:normal; gap:1.28rem; display: flex;}
.grid-lg a {color: var(--on-night); font-size:0.88rem;}
.grid-lg a:hover {isolation:auto; color:hsl(60, 100%, 97.3%); text-underline-offset:auto;}

.accordionHolder {gap:0.62rem; display: flex;}
.accordionHolder a {justify-content: center; color: var(--on-night); height:32px; border-radius: var(--rad-s); transition:background 0.177s, color 0.152s, transform 0.188s; background:rgba(248, 255, 244, 0.13); width:35px; display: inline-flex; align-items: center;}html .accordionHolder a:hover{transform: translateY(-1px); background: var(--acc); color:#fff5f6;}

/* ---------- back to top ---------- */
.spacer-footer {bottom:1.58rem; z-index: 900; border-radius:50%; color:hsl(232, 99.7%, 98.2%); position: fixed; width:45px; align-items: center; height:46px; transition:background 0.196s, transform 0.161s; box-shadow: var(--sh-l); justify-content: center; border:none; right:1.64rem; background: var(--acc); display: none;}
#module-date {transition:color 0.5s; max-width:140px; position:relative}
*.spacer-footer:hover{background: var(--acc-d); transform: translateY(-2px);}.pl-inline.spacer-footer{display: inline-flex;}

/* ---------- cookie ---------- */
.col-24 {box-shadow:0 -9px 23px rgba(27, 24, 29, 0.06); background: var(--card); padding:0.98rem 0; z-index: 1100; left:0; position: fixed; bottom:0; right:0; border-top: 1px solid var(--edge);}
.font-0 {margin-inline:auto; justify-content: space-between; gap:1.49rem; width:100%; padding:0 1.24rem; display: flex; align-items: center; max-width: var(--max);}
.col-24 p {color: var(--text); font-size:0.76rem; margin:0;}
.col-24 .z-16 {min-height:2.41rem; flex-shrink: 0; padding:0.57rem 1.47rem;}/* ---------- auth layers (CSS :target modal) ---------- */
.w-4{inset:0; position: fixed; display: none; z-index: 1300;}
.w-4:target {padding:1.33rem; place-items: center; display: grid;}*.reply--small{background:rgba(17, 44, 13, 0.47); inset:0; position: absolute; backdrop-filter:blur(2px);}
.p-10 {position: relative; box-shadow: var(--sh-l); z-index: 1; border-radius: var(--rad); width: min(94vw, 25rem); background: var(--card); border: 1px solid var(--edge); animation:pop 0.217s ease-out; padding:1.81rem 1.76rem 1.55rem;}
@keyframes pop { from {opacity:0; transform: translateY(8px) scale(0.99);} to {transform: none; opacity:1;} }.justify-md{font-size:1.5rem; text-decoration:none; position: absolute; word-spacing:normal; right:0.84rem; line-height:1; color: var(--dim); isolation:auto; top:0.78rem;}
.justify-md:hover {color: var(--ink);}
.font-4 {font-size:0.86rem; margin-top:0.15rem; text-align: center; color: var(--dim);}.w-4 .d-12:not(.null70){flex-direction: column; display: flex; gap:0.82rem;}

/* ---------- responsive ---------- */
@media (max-width: 860px) {.m-4:not(.unused77){display: flex; widows:2;}
  .d-center {align-items: stretch; display: none; gap:0; flex-direction: column; right:0; background: var(--card); top:100%; border-bottom: 1px solid var(--edge); box-shadow: var(--sh); left:0; position: absolute; padding:0.52rem 0;}
  .h-16 {padding:0 1.29rem; gap:0em; flex-direction: column;}.d-center.open{display: flex;}
  .h-16 a {padding:0.81rem 0; border-bottom: 1px solid var(--edge-2);}
.comment-prefix.status-pressed {background-color:transparent; position:static; overflow:visible}

  .border-center {gap:0.8rem; padding:0.96rem 1.21rem 0.32rem;}
  .m-center {grid-template-columns: 1fr;}

  .pl-8 {grid-template-columns: 1fr 1fr;}
}

@media (max-width: 680px) {html{font-size:100%;}
  .flex-start {padding:1.8rem 1.42rem 1.05rem;}.gap-full{padding:0 1.45rem;}html .w-6{padding:1.31rem 1.43rem 1.86rem;}
  .skeleton-time-dense {page-break-inside:auto; transform-style:flat; padding:1.27rem 1.38rem 0.37rem;}
  .pl-8 {grid-template-columns: 1fr;}
  .p-start, .order-20 {padding:1.67rem 1.37rem 1.86rem;}
  .shadow-xl {flex-direction: column; gap:1.2rem; align-items: flex-start;}
}

@media (max-width: 460px) {
  .pr-8 {flex: 1 1 100%;}
  .font-0 {flex-direction: column; text-align: center; gap:0.81rem;}*.spacer-footer{bottom:1.05rem; right:0.99rem;}
}

@media (prefers-reduced-motion: reduce) {
  html {scroll-behavior: auto; mix-blend-mode:normal;}*{animation:none !important; shape-margin:0; font-variant-ligatures:normal; transition:none !important;}
}

@media print {html .font-6, .w-6:not(.dummy88), html .p-start, *.tracking-center, .order-20, body .m-center, html .z-start, body .spacer-footer, .col-24, html .w-4, .px-24{display: none !important;}body{background:#ffedff;}.flex-1{box-shadow:none; border:none; max-width:none;}
}