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

:root{--ink: #16221f; --band: 62rem; --acc: #0d9488; --display: "Sora", system-ui, sans-serif; --rad: 12px; --edge: #e5e9e9; --bg-2: #fafbfb; --acc-d: #0f766e; --read: 45rem; --night-2: #1d2c28; --edge-2: #eef1f1; --tint: rgba(13, 148, 136, 0.08); --acc-l: #2bb3a3; --sh: 0 1px 2px rgba(20, 32, 29, 0.04), 0 6px 24px rgba(20, 32, 29, 0.06); --text: #46535a; --max: 70rem; --night: #14201d; --card: #ffffff; --dim: #79868c; --on-night: rgba(255, 255, 255, 0.6); --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-s: 8px;}

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

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

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

body {-moz-osx-font-smoothing:grayscale; font-family: var(--text-font); line-height:1.72; -webkit-font-smoothing:antialiased; will-change:auto; background: var(--bg); font-size:0.94rem; color: var(--text); hyphens:manual;}
a {color: var(--acc); text-decoration:none;}
ul, ol {list-style: none; backface-visibility:visible; widows:2;}a:hover{color: var(--acc-d);}
button {cursor: pointer; font-family:inherit;}
h1 {color: var(--ink); font-weight:bold; line-height:1.18; font-family: var(--display); letter-spacing:-0.015em;}
.section-thumb.toggle-dark {height:auto; background:none; justify-content:center}


:focus-visible {outline-offset:2px; outline: 2px solid var(--acc); border-radius:6px;}*.view--pressed{width:1px; overflow: hidden; border:none; clip:rect(0, 0, 0, 0); height:1px; position: absolute; margin:-1px; padding:0; white-space: nowrap;}
.skeleton__row {transition:color 0.15s; opacity:0.28; margin-top:auto}


/* span headings (no h2/h3 anywhere but article content) */
.gallery__tertiary--half, .popover__placeholder, .toggle, .profilePreview, .gap-auto {font-family: var(--display); display: block; letter-spacing:-0.01em; font-weight:bold; color: var(--ink);}
.gallery__tertiary--half {isolation:auto; margin-bottom:1.08rem; contain:none; font-size:1.35rem;}
.popover__placeholder {margin-bottom:0.23rem; font-size:1.12rem;}
.toggle {font-size:1.24rem; margin-bottom:1.26rem;}/* ---------- scroll progress ---------- */
.feature--center{top:0; left:0; position: fixed; height:1px; width:0; transition:width 0.056s linear; background: var(--acc); z-index: 1200;}/* ---------- topbar ---------- */
.c-feature-toggle{-webkit-backdrop-filter:saturate(150%) blur(8px);background:rgba(255, 243, 255, 0.8); orphans:2; top:0; z-index: 1000; position: sticky; backdrop-filter:saturate(150%) blur(8px); border-bottom: 1px solid var(--edge);}
.footer--success {display: flex; gap:1.06rem; width:100%; min-height:3.89rem; align-items: center; justify-content: space-between; max-width: var(--max); padding:0 1.27rem; margin-inline:auto;}
.page {align-items: center; display: inline-flex;}
.page img {height:25px; width:auto;}.avatar:not(.void78){font-variant-caps:normal; border:0 none; backface-visibility:visible; background:none; gap:8px; padding-top:0.43rem;padding-right:0.43rem;padding-bottom:0.43rem;padding-left:0.43rem; display: none; flex-direction: column;}
.avatar span {background: var(--ink); width:24px; height:2px; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; display: block;}html .o-breadcrumb{gap:1.87rem;}html .o-breadcrumb{align-items: center; display: flex; hyphens:manual;}
.reply-bottom {gap:1.42rem; display: flex;}.reply-bottom a, *.sidebar__group--dense{text-transform:uppercase; font-weight:600; font-size:0.78rem; color: var(--text); letter-spacing:0.03em;}
.reply-bottom a:hover, .sidebar__group--dense:hover {color: var(--acc);}
.banner__head {gap:1.02rem; word-spacing:normal; display: flex; align-items: center;}
.dropdown--sparse {letter-spacing:0.03em; color:#f2fcff; transition:background 0.155s; font-weight:700; text-transform:uppercase; padding-top:0.55rem;padding-right:1.01rem;padding-bottom:0.55rem;padding-left:1.01rem; background: var(--acc); font-size:0.74rem; border-radius: var(--rad-s);}

/* ---------- flow / shell ---------- */
.ui-rating-content {padding-bottom:4rem;}
@media (min-width: 800px) and (max-width: 1010px) {
  .alert-action + .popover-slot {position:relative; margin:auto; min-width:0; width:auto; min-height:100vh; text-transform:capitalize}
  .status__head {color:currentColor; width:100%; position:sticky}
  .progress-separator > foot {position:relative; max-width:none; width:auto; flex-wrap:nowrap; transition:transform 0.15s ease-in-out}
  .tag-line .screen-secondary {min-width:16px; color:inherit; margin-top:auto; flex:1}
}

.dropdown--sparse:hover{color:#f2fff8; background: var(--acc-d);}
.feature__spacer--expanded {padding:2.38rem 2.56rem 1.37rem;}

/* ---------- post ---------- */
.profile--danger {margin:1.59rem auto 0; box-shadow: var(--sh); border-radius: var(--rad); border: 1px solid var(--edge); overflow: hidden; max-width: var(--read); background: var(--card);}
.app-table-value {font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem); margin-bottom:0.79rem; tab-size:4;}

.block__title {display: flex; align-items: center; flex-wrap: wrap; color: var(--dim); gap:0.43rem 1.29rem; font-size:0.88rem;}
.timeline--right {align-items: center; gap:0.42rem; display: inline-flex;}body .timeline--right svg{flex-shrink: 0; opacity:0.75;}*.rating__area--rounded{font-style:italic;}
.search-row .accordion-expand {background:none; display:inline-flex; text-decoration:underline; min-width:6px}


/* toc */
.search {padding:0 2.64rem;}
.formInner {display: flex; align-items: center; justify-content: space-between;}.card--small:not(.noop96){border: 1px solid var(--edge); padding-top:1.13rem;padding-right:1.24rem;padding-bottom:1.13rem;padding-left:1.24rem; background: var(--bg-2); border-radius: var(--rad-s); orphans:2; contain:none;}
#section-wrap {display:flex; transition:color 0.25s}
.profilePreview{margin:0; font-size:0.91rem;}
.alert-action + .popover-slot {position:absolute; padding-left:1.5rem; flex-wrap:wrap; transition:opacity 0.2s}

.profile--vertical {padding:0.14rem; border:0 none; color: var(--dim); background:none; display: inline-flex; transition:transform 0.287s, color 0.248s;}.profile--vertical:hover{color: var(--acc);}
.card--small.is-shut .profile--vertical {transform: rotate(-90deg); hyphens:manual;}
.card--small.is-shut .tabs__addon--dark {display: none;}
.tabs__addon--dark {border-top: 1px solid var(--edge); margin-top:0.7rem;}
.tabs__addon--dark {padding-top:0.73rem; line-height:1.9; font-size:0.91rem;}
.tabs__addon--dark a {color: var(--text); display: block;}
.tabs__addon--dark a:hover {color: var(--acc);}
.accordion-expand > expand {opacity:1; transition:transform 0.5s ease-in-out; min-width:29px; text-decoration:underline}

.tabs__addon--dark .timeline-input-empty {padding-left:1.18rem; font-size:0.93rem;}
.tag-line .screen-secondary {padding-top:2.5rem; font-weight:bold; flex:none; color:#8c9e97; transition:color 0.45s; align-items:stretch}

.dialog--top {color: var(--text); line-height:1.8; font-size:1.03rem;}/* rich content */
.tag--first{padding:1.46rem 2.54rem 0.36rem;}
.dialog--top > * + * {widows:2; orphans:2; margin-top:1.15rem;}
.dialog--top h2 {font-size:1.43rem; font-family: var(--display); margin-top:2.38rem; border-top: 1px solid var(--edge-2); scroll-margin-top:5rem; color: var(--ink); line-height:1.3; padding-top:1.22rem;}
.dialog--top h3 {scroll-margin-top:5rem; margin-top:1.75rem; font-family: var(--display); font-size:1.2rem; color: var(--ink);}body .dialog--top h4{font-size:1.1rem; color: var(--ink);}body .dialog--top h4{margin-top:1.35rem; font-family: var(--display);}
.dialog--top a {text-decoration:underline; text-decoration-thickness:1px;}
.progress--primary {text-decoration:underline; flex:0 0 auto; color:#25bb5e; opacity:0.60}

.dialog--top a {text-underline-offset:2px;}
.dialog--top strong, .dialog--top b {color: var(--ink); font-weight:bold;}
.dialog--top ul, .dialog--top ol {page-break-inside:auto; margin-left:1.32rem; backface-visibility:visible;}
.dialog--top ul {list-style: disc;}html .dialog--top ol{list-style: decimal;}
.dialog--top li {margin-top:0.32rem; padding-left:0.36rem;}
.dialog--top img {margin:1.47rem 0; border-radius: var(--rad-s);}
.dialog--top blockquote {padding:0.81rem 1.22rem; background: var(--tint); border-left: 3px solid var(--acc); border-radius: 0 var(--rad-s) var(--rad-s) 0; font-style:italic; color: var(--ink);}body .dialog--top code{padding:0.04em 0.52em; font-size:0.8em; border-top-left-radius:9px;border-top-right-radius:9px;border-bottom-right-radius:9px;border-bottom-left-radius:9px; background: var(--bg-2); font-family:ui-monospace, "SF Mono", "Courier New", monospace; border: 1px solid var(--edge);}
.dialog--top pre {background: var(--night); overflow-x: auto; font-size:0.9rem; line-height:1.7; color:#f6fff9; padding-top:1.17rem;padding-right:1.32rem;padding-bottom:1.17rem;padding-left:1.32rem; border-radius: var(--rad-s);}*.dialog--top pre code{border:0;}*.dialog--top pre code{padding:0; color:inherit; background:none;}html .dialog--top table{border-collapse:collapse; width:100%; font-size:0.87rem;}
.dialog--top th, .dialog--top td {border: 1px solid var(--edge); padding:0.69rem 0.87rem; text-align: left; font-variant-ligatures:normal; background-blend-mode:normal;}.dialog--top th{color: var(--ink); font-weight:bold; background: var(--bg-2);}
.dialog--top hr {margin:2rem 0; border:0em; border-top: 1px solid var(--edge);}

/* share */
.dialog--horizontal {padding:1.76rem 2.65rem 2.42rem;}html .card--rounded{display: flex; flex-wrap: wrap; gap:0.55rem;}
.grid-body:not(:last-child) {letter-spacing:-0.025em; transition:color 0.2s; box-shadow:none; padding-left:0.25rem; justify-content:center; min-width:11px}

.profile__time {justify-content: center; transition:background 0.147s, color 0.196s, border-color 0.208s, transform 0.146s; background: var(--card); align-items: center; width:40px; height:36px; display: inline-flex; color: var(--dim); border-radius:50%; border: 1px solid var(--edge);}
.profile__time:hover {background: var(--acc); transform: translateY(-1px); border-color: var(--acc); color:hsl(60, 100%, 97%);}

/* ---------- talk / reach (forms) ---------- */
.screen__toggle--last, .status__row--half {box-shadow: var(--sh); background: var(--card); border: 1px solid var(--edge); margin:2.26rem auto 0;}

/* ---------- talk / reach (forms) ---------- */
.screen__toggle--last, .status__row--half {border-radius: var(--rad); max-width: var(--read); padding:1.95rem 2.62rem 2.13rem;}
.tracking-2 {margin-top:-0.63rem; margin-bottom:1.16rem; font-size:0.93rem; color: var(--dim);}

/* ---------- more (related) ---------- */
.badge__expand {max-width: var(--read); margin:2.28rem auto 0;}
.review {border: 1px solid var(--edge); background: var(--card); display: block; transition:transform 0.146s, box-shadow 0.207s, border-color 0.21s; padding:1.04rem 1.08rem; box-shadow: var(--sh); border-radius: var(--rad-s);}html .comment__overlay--first{display: grid; gap:1.08rem; grid-template-columns: repeat(3, 1fr);}
.review:hover {transform: translateY(-2px); border-color: var(--acc-l); box-shadow: var(--sh-l);}html .progress{color: var(--ink); line-height:1.4; font-weight:700; font-family: var(--display); font-size:0.97rem;}

/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea {border: 1px solid var(--edge); color: var(--ink); font:inherit;}

/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea {background: var(--bg-2); width:100%; transition:border-color 0.183s, box-shadow 0.237s, background 0.194s; border-radius: var(--rad-s); shape-margin:0; padding-top:0.8rem; padding-right:0.88rem; padding-bottom:0.8rem; padding-left:0.88rem; perspective:none;}
input::placeholder, textarea::placeholder {color: var(--dim);}
input:focus, textarea:focus {border-color: var(--acc); outline:0; box-shadow:0 0 0 1px rgba(16, 133, 136, 0.11); background: var(--card);}
textarea {min-height:6.57rem; resize: vertical;}

.headerTertiary {gap:1rem;}

.headerTertiary {display: flex; flex-wrap: wrap;}
.divider {page-break-inside:auto; min-width:0; flex: 1 1 calc(50% - 0.5rem); break-inside:auto;}
.menu--success {flex: 1 1 100%; text-rendering:auto;}
.skeleton-prefix::before {content:''; border-radius:0; width:100%; padding-left:17px; transition:all 0.5s ease; cursor:default}


.dialog__container {display: flex;}.dialog__container input{min-width:0; font-variant-ligatures:normal; text-decoration-skip-ink:auto; border-radius: var(--rad-s) 0 0 var(--rad-s); flex: 1; border-right:none;}
.dialog__container .filterTertiary {border-radius: 0 var(--rad-s) var(--rad-s) 0;}

/* ---------- buttons ---------- */
.filterTertiary {font-size:0.74rem; display: inline-flex; border-radius: var(--rad-s); justify-content: center; font-weight:bold; padding-top:0.62rem;padding-right:1.35rem;padding-bottom:0.62rem;padding-left:1.35rem; transition:background 0.211s, color 0.215s, border-color 0.153s; align-items: center; background: var(--card); text-transform:uppercase; min-height:2.82rem; gap:0.42rem; letter-spacing:0.03em; color: var(--ink); border: 1px solid var(--edge);}.grid__column:not(.dummy41){border-color: var(--acc); color:#f7f3ff; background: var(--acc);}
.filterTertiary:hover {border-color: var(--dim); color: var(--ink); background: var(--bg-2);}
.progress-separator > foot {flex:none; letter-spacing:normal; flex-wrap:nowrap}

.grid__column:hover {mix-blend-mode:normal; background: var(--acc-d); border-color: var(--acc-d); color:#f5fff4; image-rendering:auto;}
.banner__time {min-width:3.01rem; padding:0.64rem 0.94rem;}html .tabs--active{width:100%;}

/* ---------- decks (newsletter + account) ---------- */
.pl-center {gap:1.25rem; margin:2.62rem auto 0; display: grid; max-width: var(--band); grid-template-columns: 1fr 1fr;}
.reply {border-radius: var(--rad); background: var(--card); box-shadow: var(--sh); flex-direction: column; padding:1.58rem 1.53rem; border: 1px solid var(--edge); display: flex;}.feature--rounded:not(.noop87){margin-bottom:1rem; color: var(--dim);}.feature--rounded:not(.noop87){font-size:0.83rem;}
.footer__handle {display: flex; flex-direction: column; margin-top:auto; will-change:auto; gap:0.63rem;}
.footer__handle .filterTertiary {print-color-adjust:economy; width:100%; widows:2;}

/* ---------- footer ---------- */
.modal {background: var(--night); margin-top:3.33rem; color: var(--on-night); padding:2.58rem 0;}body .widget{max-width: var(--max); justify-content: space-between; padding:0 1.28rem; width:100%; align-items: center; flex-wrap: wrap; display: flex; margin-inline:auto; gap:1.45rem;}*.progress__text{color: var(--on-night); margin-top:0.72rem; font-size:0.85rem;}body .entry__button--loading img{width:auto; opacity:0.86; filter:brightness(0) invert(1); height:31px;}
.spinner--narrow {transition:opacity 0.45s; border:none; padding-left:20px; overflow:visible}

@media (min-width: 576px) {
  .card-body.card-small {min-width:39px; margin-bottom:0}
  .toolbar-data .filter-addon {padding-left:1.5rem; gap:14px; padding-top:46px; min-width:0}
}


.toggle__title {display: flex; gap:1.33rem;}*.toggle__title a{color: var(--on-night); font-size:0.81rem;}
.toggle__title a:hover {color:#fffffb;}.view__outer{gap:0.65rem; display: flex;}
.view__outer a {border-radius: var(--rad-s); height:40px; background:rgba(243, 255, 255, 0); justify-content: center; color: var(--on-night); width:33px; print-color-adjust:economy; align-items: center; page-break-inside:auto; transition:background 0.189s, color 0.166s, transform 0.124s; display: inline-flex;}

/* ---------- back to top ---------- */
.form__input {z-index: 900; border-radius:50%; width:44px; bottom:1.66rem; justify-content: center; align-items: center; border:none; box-shadow: var(--sh-l); right:1.65rem; color:hsl(306, 99.7%, 96.3%); background: var(--acc); display: none; position: fixed; height:47px; transition:background 0.252s, transform 0.217s;}
.view__outer a:hover {transform: translateY(-1px); color:rgb(225, 245, 245); background: var(--acc);}.form__input:hover{background: var(--acc-d); transform: translateY(-2px);}

/* ---------- cookie ---------- */
.post {background: var(--card); z-index: 1100; right:0; padding:0.97rem 0; position: fixed; left:0; box-shadow:0 -4px 28px rgba(6, 45, 24, 0.17); border-top: 1px solid var(--edge); bottom:0;}.breadcrumb__number--large.form__input{display: inline-flex;}
.timeline--right {align-items: center; max-width: var(--max); gap:1.42rem; padding:0 1.32rem; width:100%; justify-content: space-between;}
.timeline--right {display: flex; margin-inline:auto;}
.post p {font-size:0.9rem; color: var(--text); margin:0;}body .post .filterTertiary{padding-top:0.55rem;padding-right:1.43rem;padding-bottom:0.55rem;padding-left:1.43rem; min-height:2.45rem; flex-shrink: 0;}/* ---------- auth layers (CSS :target modal) ---------- */
.mediaName{display: none; position: fixed; z-index: 1300; inset:0;}
.mediaName:target {place-items: center; display: grid; padding:1.18rem;}.menu__row--primary:not(.none54){inset:0rem; background:rgba(12, 45, 12, 0.58); position: absolute; backdrop-filter:blur(2px);}
.nav__wrap {padding:1.82rem 1.75rem 1.58rem; box-shadow: var(--sh-l); z-index: 1; width: min(94vw, 25rem); position: relative; animation:pop 0.138s ease-out; border-radius: var(--rad); border: 1px solid var(--edge); background: var(--card);}
@keyframes pop { from {opacity:0; transform: translateY(8px) scale(0.99);} to {transform: none; opacity:1;} }
.box--hover {line-height:1; text-decoration:none; color: var(--dim); right:0.86rem; font-size:1.43rem; top:0.64rem; position: absolute;}
.box--hover:hover {color: var(--ink);}.mediaName .module__tertiary--loading{display: flex; gap:0.95rem; flex-direction: column;}
.chip__separator {margin-top:0.22rem; font-size:0.81rem; text-align: center; color: var(--dim);}

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .avatar {display: flex;}
  .o-breadcrumb {padding:0.49rem 0; right:0; box-shadow: var(--sh); display: none; top:100%; left:0; border-bottom: 1px solid var(--edge); align-items: stretch; position: absolute; flex-direction: column; gap:0; background: var(--card);}
  .o-breadcrumb.open {display: flex; image-rendering:auto; tab-size:4;}
  .reply-bottom {print-color-adjust:economy; flex-direction: column; padding:0 1.33rem; gap:0;}
  .reply-bottom a {border-bottom: 1px solid var(--edge-2); padding:0.82rem 0;}
.status__head {padding-top:2rem; margin-right:7px; transition:all 0.2s ease}

  .banner__head {padding:0.94rem 1.19rem 0.41rem; gap:0.86rem;}
  .pl-center {grid-template-columns: 1fr;}html .comment__overlay--first{grid-template-columns: 1fr 1fr;}
}

@media (max-width: 680px) {html{font-size:100%;}*.feature__spacer--expanded{padding:1.73rem 1.41rem 1.16rem;}.search{text-rendering:auto; padding:0 1.38rem;}
  .tag--first {padding:1.3rem 1.33rem 0.36rem;}
  .dialog--horizontal {padding:1.22rem 1.44rem 1.96rem;}.screen__toggle--last:not(.dummy85), .status__row--half:not(.skip14){padding:1.56rem 1.37rem 1.81rem;}
  .comment__overlay--first {grid-template-columns: 1fr;}
  .timeline--right {gap:0.79rem; text-align: center; flex-direction: column;}
  .widget {align-items: flex-start; gap:1.17rem; flex-direction: column;}
}

@media (max-width: 460px) {.divider{flex: 1 1 100%;}
}

@media (prefers-reduced-motion: reduce) {
  html {scroll-behavior: auto;}
  .form__input {right:1.07rem; bottom:0.99rem;}
  * {animation:none !important; transition:none !important;}
}

@media print {
  .c-feature-toggle, .dialog--horizontal, .screen__toggle--last, .badge__expand, .status__row--half,
  .pl-center, .modal, .form__input, .post, .mediaName, .feature--center {display: none !important;}
  body {background:#ffffed;}.profile--danger:not(.none51){max-width:none; border:0 none; box-shadow:none;}
}