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

:root {--edge-2: #selectLabel; --ink: #16221f; --night: #14201d; --dim: #79868c; --text: #46535a; --night-2: #1d2c28; --acc-l: #2bb3a3; --on-night: rgba(255, 255, 255, 0.6); --acc-d: #0f766e; --read: 45rem; --max: 70rem; --text-font: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; --card: #main-rating; --sh: 0 1px 2px rgba(20, 32, 29, 0.04), 0 6px 24px rgba(20, 32, 29, 0.06); --band: 62rem; --rad-s: 8px;}/* ============================================================
   1017_new_v1 — stylesheet
   ============================================================ */

:root {--edge: #app-page; --bg: #input-card; --tint: rgba(13, 148, 136, 0.08); --bg-2: #breadcrumb-overlay; --sh-l: 0 16px 50px rgba(20, 32, 29, 0.18); --display: "Sora", system-ui, sans-serif; --acc: #0d9488; --rad: 12px;}*, *::before, *::after{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px; box-sizing: border-box; margin:0;}html{-webkit-text-size-adjust:100%;}html{font-size:111.6%; scroll-behavior: smooth; hyphens:manual;}body{orphans:2; line-height:1.72; -moz-osx-font-smoothing:grayscale; color: var(--text); font-size:0.92rem; -webkit-font-smoothing:antialiased; background: var(--bg); font-family: var(--text-font);}
ul, ol {list-style: none;}

img, svg {display: block; max-width:100%;}a{perspective:none; color: var(--acc); transform-style:flat; text-decoration:none;}
a:hover {color: var(--acc-d);}
button {cursor: pointer; font-family:inherit;}
h1 {letter-spacing:-0.015em; line-height:1.18; font-family: var(--display); color: var(--ink); font-weight:bold;}

:focus-visible {border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px; outline: 2px solid var(--acc); outline-offset:2px;}/* span headings (no h2/h3 anywhere but article content) */
:where(.app-divider), .ui-entry, .l-sort-date, html .c-comment-summary, .l-status{letter-spacing:-0.01em; font-family: var(--display); color: var(--ink);}

.app-price {width:1px; font-synthesis:weight style small-caps; white-space: nowrap; margin:-1px; padding:0; height:1px; position: absolute; overflow: hidden; border:0; clip:rect(0, 0, 0, 0);}/* span headings (no h2/h3 anywhere but article content) */
:where(.app-divider), .ui-entry, .l-sort-date, html .c-comment-summary, .l-status{display: block; font-weight:bold;}.ui-entry{font-size:0.99rem; margin-bottom:0.37rem;}*.app-divider{margin-bottom:1.06rem; font-size:1.35rem;}
.l-sort-date {margin-bottom:1.13rem; font-size:1.25rem;}/* ---------- topbar ---------- */
:where(.c-spinner){backdrop-filter:saturate(150%) blur(8px); border-bottom: 1px solid var(--edge); top:0; background:rgba(255, 238, 255, 0.87); z-index: 1000; position: sticky;}

/* ---------- scroll progress ---------- */
.threadCap {top:0; width:0; z-index: 1200; position: fixed; height:0px; left:0; transition:width 0.096s linear; background: var(--acc);}
.t-timeline-cell {gap:1.04rem;}
.t-timeline-cell {max-width: var(--max); margin-inline:auto; padding:0 1.23rem; display: flex; align-items: center; justify-content: space-between; width:100%; min-height:3.92rem;}
.u-feature {display: inline-flex; align-items: center;}
.u-feature img {width:auto; height:26px;}

.t-media {display: none; border:0; background:none; padding:0.36rem; flex-direction: column; gap:4px;}
.t-media span {display: block; height:2px; background: var(--ink); border-radius:2px; width:19px;}body .el-stepper-summary{gap:1.75rem; display: flex; align-items: center;}body .t-drawer{display: flex; gap:1.49rem;}.t-drawer a, body .c-menu{color: var(--text); letter-spacing:0.03em; font-size:0.78rem; text-transform:uppercase; font-weight:500;}
.t-drawer a:hover, .c-menu:hover {color: var(--acc);}.t-nav:not(._50b2b9){gap:0.94rem; align-items: center;}.t-nav:not(._50b2b9){display: flex;}
.app-drawer {font-size:0.81rem; padding:0.59rem 1.08rem; font-weight:bold; border-radius: var(--rad-s); letter-spacing:0.03em; transition:background 0.204s;}
.app-drawer {background: var(--acc); color:#site-footer; text-transform:uppercase;}
.app-drawer:hover {color:#site-footer; text-underline-offset:auto; background: var(--acc-d);}/* ---------- flow / shell ---------- */
.o-module{padding-bottom:4.06rem;}
.ui-screen {perspective:none; font-variant-ligatures:normal; padding:2.4rem 2.66rem 1.25rem;}

/* ---------- post ---------- */
.app-price-bar {border-radius: var(--rad); overflow: hidden; box-shadow: var(--sh); margin:1.59rem auto 0; max-width: var(--read); border: 1px solid var(--edge); background: var(--card);}
.t-hero-cell {margin-bottom:0.88rem; font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem);}

.select-name {font-size:0.76rem; gap:0.51rem 1.24rem; display: flex; color: var(--dim); flex-wrap: wrap; align-items: center;}
.o-pagination-prefix {display: inline-flex; gap:0.45rem; align-items: center;}
.o-pagination-prefix svg {opacity:0.62; flex-shrink: 0;}.el-action:not(._50b2b9){font-style:italic;}

/* toc */
.u-counter {padding:0 2.67rem;}
.u-skeleton {background: var(--bg-2); border-radius: var(--rad-s); padding:0.97rem 1.29rem; border: 1px solid var(--edge);}
.thread-foot-large {display: flex; justify-content: space-between; align-items: center;}
.c-comment-summary {font-size:0.96rem; margin:0;}
.app-stepper {font-synthesis:weight style small-caps; border:none; padding:0.26rem; transition:transform 0.23s, color 0.243s; color: var(--dim); background:none; display: inline-flex;}
.app-stepper:hover {color: var(--acc);}*.u-skeleton.is-shut .app-stepper{transform: rotate(-90deg);}.u-skeleton.is-shut .t-block-date:not(._50b2b9){display: none;}.t-block-date{line-height:1.9; border-top: 1px solid var(--edge); font-size:0.82rem; padding-top:0.59rem; margin-top:0.8rem;}html .t-block-date a{color: var(--text); display: block;}
.t-block-date a:hover {color: var(--acc);}body .t-block-date .c-sort{padding-left:1.03rem; font-size:0.84rem;}
.o-tabs {line-height:1.8; color: var(--text); font-size:0.96rem;}

/* rich content */
.layout__input--rounded {padding:1.53rem 2.54rem 0.37rem;}
.o-tabs > * + * {margin-top:1.15rem;}
.o-tabs h2 {border-top: 1px solid var(--edge-2);}
.o-tabs h2 {margin-top:2.28rem; line-height:1.3; padding-top:1.25rem; font-size:1.52rem; font-family: var(--display); color: var(--ink); scroll-margin-top:5rem;}*.o-tabs h3{font-size:1.29rem; color: var(--ink); scroll-margin-top:5rem; margin-top:1.75rem; font-family: var(--display); text-underline-offset:auto;}
.o-tabs h4 {margin-top:1.32rem; font-size:1.13rem; color: var(--ink);}
.o-tabs h4 {font-family: var(--display);}*.o-tabs a{text-decoration-thickness:1px; text-decoration:underline; text-underline-offset:2px;}html .o-tabs strong, .o-tabs b{color: var(--ink); font-weight:700;}
.o-tabs ul, .o-tabs ol {margin-left:1.28rem; print-color-adjust:economy;}.o-tabs ul{list-style: disc;}
.o-tabs ol {tab-size:4; list-style: decimal; background-blend-mode:normal;}.o-tabs li{padding-left:0.34rem; font-variant-caps:normal; margin-top:0.43rem; shape-margin:0;}
.o-tabs img {border-radius: var(--rad-s);}
.o-tabs img {break-inside:auto; margin:1.56rem 0;}
.o-tabs blockquote {padding:0.9rem 1.29rem; border-left: 3px solid var(--acc); color: var(--ink); border-radius: 0 var(--rad-s) var(--rad-s) 0; background: var(--tint); font-style:italic;}
.o-tabs code {font-family:ui-monospace, "SF Mono", "Courier New", monospace; padding:0.1em 0.44em; background: var(--bg-2); border: 1px solid var(--edge); font-size:0.88em; border-radius:1px;}
.o-tabs pre {background: var(--night); line-height:1.7; font-size:0.84rem; border-radius: var(--rad-s); overflow-x: auto; color:#progressBlock; padding:1.18rem 1.29rem;}
.o-tabs pre code {background:none; border:none; padding:0; color:inherit;}
.o-tabs table {width:100%; font-size:1rem; border-collapse:collapse;}
.o-tabs th, .o-tabs td {border: 1px solid var(--edge); text-align: left;}
.o-tabs th, .o-tabs td {padding:0.72rem 0.72rem;}
.o-tabs th {background: var(--bg-2); font-weight:bold; color: var(--ink);}html .o-tabs hr{border-top: 1px solid var(--edge); border:0; margin:1.96rem 0;}

/* share */
.l-post {padding:1.71rem 2.61rem 2.41rem;}
.c-step-title {gap:0.61rem; display: flex; flex-wrap: wrap;}
.l-table {border-radius:50%; color: var(--dim); background: var(--card); display: inline-flex; justify-content: center; transition:background 0.185s, color 0.227s, border-color 0.147s, transform 0.188s; align-items: center; width:34px; border: 1px solid var(--edge); height:35px;}
.l-table:hover {border-color: var(--acc); transform: translateY(-1px); background: var(--acc); color:#site-footer;}

/* ---------- talk / reach (forms) ---------- */
.u-select-indicator, .mr-center {background: var(--card); padding:1.95rem 2.66rem 2.05rem; border: 1px solid var(--edge); border-radius: var(--rad); margin:2.15rem auto 0; max-width: var(--read); box-shadow: var(--sh);}
.t-block {color: var(--dim); margin-bottom:1.28rem;}
.t-block {font-size:0.9rem; margin-top:-0.68rem;}

/* ---------- more (related) ---------- */
.c-sidebar {margin:2.21rem auto 0; max-width: var(--read);}html .o-block{display: grid; gap:0.98rem; grid-template-columns: repeat(3, 1fr);}
.c-list {border-radius: var(--rad-s); border: 1px solid var(--edge); display: block; box-shadow: var(--sh); transition:transform 0.216s, box-shadow 0.146s, border-color 0.131s; padding:1.01rem 1.21rem; background: var(--card);}
.c-list:hover {box-shadow: var(--sh-l); border-color: var(--acc-l); transform: translateY(-2px);}
.app-timeline {line-height:1.4;}
.app-timeline {color: var(--ink); font-size:0.9rem; font-weight:700; font-family: var(--display);}

/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea {background: var(--bg-2); font:inherit; border: 1px solid var(--edge); color: var(--ink); width:100%; transition:border-color 0.243s, box-shadow 0.202s, background 0.149s; border-radius: var(--rad-s); padding:0.68rem 0.94rem;}
input::placeholder, textarea::placeholder {color: var(--dim);}
input:focus, textarea:focus {background: var(--card); outline:0; box-shadow:0 0 0 4px rgba(8, 162, 123, 0.08); border-color: var(--acc);}
textarea {min-height:6.55rem; resize: vertical;}

.t-form-track {display: flex; flex-wrap: wrap;}

.t-form-track {gap:0.97rem;}
.app-snackbar {flex: 1 1 calc(50% - 0.5rem); min-width:0;}

.l-rating {display: flex;}
.c-feature {flex: 1 1 100%; text-rendering:auto;}
.l-rating input {flex: 1; border-radius: var(--rad-s) 0 0 var(--rad-s); border-right:none; min-width:0em;}
.l-rating .o-accordion-suffix {border-radius: 0 var(--rad-s) var(--rad-s) 0;}

/* ---------- buttons ---------- */
.o-accordion-suffix {border: 1px solid var(--edge); border-radius: var(--rad-s); font-size:0.77rem; padding:0.74rem 1.33rem; align-items: center; gap:0.49rem; min-height:2.77rem; text-transform:uppercase; letter-spacing:0.03em; justify-content: center; display: inline-flex; color: var(--ink); font-weight:bold; transition:background 0.16s, color 0.255s, border-color 0.151s; background: var(--card);}
.o-accordion-suffix:hover {background: var(--bg-2); color: var(--ink); border-color: var(--dim);}
.timelineBody {border-color: var(--acc); background: var(--acc); color:#site-footer;}
.timelineBody:hover {border-color: var(--acc-d); background: var(--acc-d); page-break-inside:auto; color:#site-footer;}
.app-tabs {min-width:3rem; padding:0.72rem 0.97rem;}
.c-grid {width:100%;}/* ---------- decks (newsletter + account) ---------- */
.app-form{max-width: var(--band); grid-template-columns: 1fr 1fr; display: grid; margin:2.56rem auto 0; gap:1.22rem;}.t-footer:not(._50b2b9){border: 1px solid var(--edge); border-radius: var(--rad); box-shadow: var(--sh); display: flex; background: var(--card); padding:1.46rem 1.57rem; flex-direction: column;}
.u-step-outer {font-size:0.85rem; color: var(--dim); shape-margin:0; margin-bottom:0.92rem;}body .l-widget{display: flex; flex-direction: column; gap:0.63rem; text-decoration-skip-ink:auto; margin-top:auto;}body .l-widget .o-accordion-suffix{width:100%; widows:2;}/* ---------- footer ---------- */
.grid-center:not(._50b2b9){padding:2.68rem 0;}/* ---------- footer ---------- */
.grid-center:not(._50b2b9){margin-top:3.42rem; color: var(--on-night); background: var(--night);}html .banner-line-light{justify-content: space-between; display: flex; margin-inline:auto; width:100%; align-items: center; max-width: var(--max); flex-wrap: wrap; padding:0 1.17rem; gap:1.57rem;}
.t-search img {height:30px; filter:brightness(0) invert(1);}
.o-section {font-size:0.81rem; margin-top:0.78rem; color: var(--on-night);}
.t-search img {opacity:0.83; width:auto;}
.el-stepper-count {gap:1.23rem; display: flex;}.el-stepper-count a{font-size:0.81rem; color: var(--on-night);}
.el-stepper-count a:hover {word-spacing:normal; color:#site-footer;}

.t-badge {display: flex; gap:0.57rem;}
.t-badge a {border-radius: var(--rad-s); color: var(--on-night); transition:background 0.204s, color 0.152s, transform 0.161s; height:40px; background:rgba(250, 254, 255, 0.09); width:32px; align-items: center; display: inline-flex; justify-content: center;}
.t-badge a:hover {page-break-inside:auto; background: var(--acc); color:#site-footer; transform: translateY(-1px);}

/* ---------- back to top ---------- */
.t-module-wrapper {justify-content: center; box-shadow: var(--sh-l); width:47px; background: var(--acc); z-index: 900; border-radius:50%; display: none; bottom:1.65rem; border:none; right:1.52rem; align-items: center; height:43px; color:#site-footer; position: fixed; transition:background 0.211s, transform 0.217s;}
.t-module-wrapper:hover {transform: translateY(-2px); background: var(--acc-d);}/* ---------- cookie ---------- */
.snackbarAddon:not(._50b2b9){border-top: 1px solid var(--edge); box-shadow:0 -4px 20px rgba(28, 38, 28, 0.17); right:0; left:0; bottom:0; padding:0.82rem 0; z-index: 1100; background: var(--card); position: fixed;}
.t-module-wrapper.float-2 {display: inline-flex;}body .app-view{padding:0 1.27rem; gap:1.54rem; max-width: var(--max); width:100%; justify-content: space-between; margin-inline:auto;}body .app-view{align-items: center; display: flex;}
.snackbarAddon p {margin-top:0em;margin-right:0em;margin-bottom:0em;margin-left:0em; color: var(--text); font-size:0.79rem;}html .snackbarAddon .o-accordion-suffix{min-height:2.34rem; flex-shrink: 0; padding:0.62rem 1.47rem;}

/* ---------- auth layers (CSS :target modal) ---------- */
.menuAddon {z-index: 1300; inset:0; position: fixed; display: none;}
.menuAddon:target {place-items: center; display: grid; padding-top:1.3rem;padding-right:1.3rem;padding-bottom:1.3rem;padding-left:1.3rem;}
.t-menu {position: absolute; backdrop-filter:blur(2px); inset:0; image-rendering:auto; background:rgba(11, 26, 40, 0.61);}
.o-panel {z-index: 1; animation:pop 0.154s ease-out; box-shadow: var(--sh-l); width: min(94vw, 25rem); border-radius: var(--rad); position: relative; background: var(--card); border: 1px solid var(--edge); padding:1.83rem 1.72rem 1.62rem;}
@keyframes pop { from {transform: translateY(8px) scale(0.99); opacity:0; font-synthesis:weight style small-caps;} to {transform: none; opacity:1;} }
.text-around {line-height:1; top:0.68rem; right:0.87rem; font-size:1.49rem; position: absolute; color: var(--dim); text-decoration:none;}
.text-around:hover {color: var(--ink);}
.menuAddon .block {gap:0.86rem; display: flex; flex-direction: column;}
.l-section-placeholder {margin-top:0.25rem; color: var(--dim); text-align: center; font-size:0.79rem;}

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .t-media {display: flex;}
  .el-stepper-summary {box-shadow: var(--sh); left:0; gap:0; flex-direction: column; font-variant-ligatures:normal; right:0; top:100%; background: var(--card); position: absolute; align-items: stretch; border-bottom: 1px solid var(--edge); display: none; padding:0.46rem 0;}body .el-stepper-summary.open{display: flex;}
  .t-drawer {padding:0 1.2rem; gap:0; flex-direction: column;}
  .t-drawer a {shape-margin:0; hyphens:manual; padding:0.82rem 0; border-bottom: 1px solid var(--edge-2);}*.t-nav{padding:0.88rem 1.25rem 0.33rem; gap:0.84rem;}.o-block{grid-template-columns: 1fr 1fr;}
  .app-form {grid-template-columns: 1fr;}
}

@media (max-width: 680px) {
  html {font-size:100%;}
  .ui-screen {padding:1.84rem 1.34rem 1.15rem;}
  .layout__input--rounded {padding:1.33rem 1.45rem 0.38rem; text-decoration-skip-ink:auto;}
  .u-counter {padding:0 1.36rem;}
  .u-select-indicator, .mr-center {padding:1.59rem 1.34rem 1.84rem;}
  .l-post {padding:1.3rem 1.45rem 1.92rem;}
  .o-block {grid-template-columns: 1fr;}
  .banner-line-light {contain:none; hyphens:manual; align-items: flex-start; gap:1.27rem; flex-direction: column;}.app-view:not(._50b2b9){break-inside:auto; text-align: center; gap:0.87rem; flex-direction: column; font-variant-ligatures:normal;}
}

@media (max-width: 460px) {
  .app-snackbar {flex: 1 1 100%;}html .t-module-wrapper{right:1.02rem; bottom:1.08rem;}
}

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

@media print {*.c-spinner, html .l-post, html .u-select-indicator, body .c-sidebar, html .mr-center, *.app-form, html .grid-center, body .t-module-wrapper, .snackbarAddon, .menuAddon:not(._50b2b9), body .threadCap{display: none !important;}
  body {background:#site-footer;}.app-price-bar{border:none; max-width:none; box-shadow:none;}
}