*, *::before, *::after{margin:0rem; padding:0;}/* ============================================================
   1017_new_v1 — stylesheet
   ============================================================ */

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

html {font-size:111.2%;}

html {-moz-text-size-adjust:100%;scroll-behavior: smooth; -webkit-text-size-adjust:100%;}body{line-height:1.72; background: var(--bg); font-size:1.02rem; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color: var(--text); hyphens:manual; isolation:auto; font-family: var(--text-font);}
.drawer__toggle {position:relative; cursor:default; height:100%; overflow:hidden}
ul, ol{list-style: none;}

img, svg {max-width:100%; display: block;}
a {color: var(--acc); text-decoration:none;}
a:hover {color: var(--acc-d); print-color-adjust:economy; perspective:none;}
button {cursor: pointer; font-family:inherit;}h1{image-rendering:auto; font-family: var(--display); letter-spacing:-0.015em; color: var(--ink); line-height:1.18; font-weight:700;}
.breadcrumb--muted {overflow:auto; margin-right:auto; background-color:transparent; text-align:right}


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

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

/* span headings (no h2/h3 anywhere but article content) */
.pagination-handle, .c-profile-date, .thread-tertiary-pressed, .c-review-toggle, .avatarExpand {font-family: var(--display); letter-spacing:-0.01em; display: block; font-weight:700;}

/* span headings (no h2/h3 anywhere but article content) */
.pagination-handle, .c-profile-date, .thread-tertiary-pressed, .c-review-toggle, .avatarExpand {color: var(--ink);}
@media (min-width: 800px) and (max-width: 1056px) {
  .filter-body {display:inline-flex; opacity:0.06}
  .step-icon .panel-slot {display:grid; opacity:1; padding-top:36px; transition:all 0.5s ease; padding-right:39px}
  .profile-content:first-child {margin:auto; transition:color 0.15s; height:24px; min-height:100vh; letter-spacing:normal}
}

*.pagination-handle{font-size:1.27rem; margin-bottom:1.08rem;}
.c-profile-date {margin-bottom:0.26rem; font-size:1.12rem;}

/* ---------- scroll progress ---------- */
.popover-body-right {height:2px; left:0; z-index: 1200; top:0; background: var(--acc); transition:width 0.106s linear; width:0; position: fixed;}.thread-tertiary-pressed{font-size:1.31rem; margin-bottom:1.23rem;}
.c-timeline-title {min-height:3.87rem; justify-content: space-between; gap:1.05rem; align-items: center; width:100%; margin-inline:auto; display: flex; max-width: var(--max); padding:0 1.3rem;}

/* ---------- topbar ---------- */
.clear-start {background:rgba(245, 253, 255, 0.8); backdrop-filter:saturate(150%) blur(8px); position: sticky; border-bottom: 1px solid var(--edge); z-index: 1000; top:0;}
.gallery-column-active {display: inline-flex; align-items: center;}
.gallery-column-active img {width:auto; height:28px; text-underline-offset:auto; contain:none;}

.commentDetail {display: none; flex-direction: column;}

.commentDetail {gap:1px; padding-top:0.33rem; padding-right:0.33rem; padding-bottom:0.33rem; padding-left:0.33rem; background:none; border:none;}html .commentDetail span{display: block; width:26px; height:2px; border-radius:2px; background: var(--ink);}html .chip-loading{align-items: center; display: flex; gap:1.86rem;}
.dialog-icon-fluid {gap:1.5rem; display: flex;}
.dialog-icon-fluid a, .c-step-image {letter-spacing:0.03em; font-weight:600; color: var(--text); font-size:0.85rem; print-color-adjust:economy; text-transform:uppercase;}html .dialog-icon-fluid a:hover, .c-step-image:hover{color: var(--acc);}
.profile-content:first-child {flex:0 0 auto; line-height:1; margin:0 auto}
html .c-form-label{orphans:2; text-transform:uppercase; font-size:0.83rem; border-radius: var(--rad-s); letter-spacing:0.03em; font-weight:bold; backface-visibility:visible; padding:0.51rem 1.11rem; background: var(--acc); transition:background 0.249s; color:#fff1ff;}
.c-progress-row {align-items: center; gap:1.02rem; display: flex;}/* ---------- flow / shell ---------- */
:where(.close-reply){padding-bottom:3.96rem;}
.c-form-label:hover {color:#fff1ed; background: var(--acc-d);}

/* ---------- post ---------- */
.c-timeline-item {box-shadow: var(--sh); background: var(--card); border-radius: var(--rad); overflow: hidden; margin:1.59rem auto 0; max-width: var(--read); border: 1px solid var(--edge);}
.outer-status {margin-bottom:0.82rem; font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem);}
.row-half {padding:2.47rem 2.59rem 1.34rem;}

.view-region-expanded {gap:0.48rem 1.19rem; color: var(--dim); align-items: center; display: flex; flex-wrap: wrap; font-size:0.81rem;}
@media (min-width: 640px) and (max-width: 975px) {
  .sort-date::before {content:''; max-width:100%; transition:transform 0.4s ease-in-out; position:sticky; min-width:24px}
  .tabs-label {justify-content:flex-end; max-width:100%; display:block; letter-spacing:-0.05em}
}

.expand-review{gap:0.42rem; display: inline-flex; align-items: center;}.expand-review svg{opacity:0.68; flex-shrink: 0;}html .post-container{font-style:italic;}
.spinner-group:not(:last-child) {display:grid; max-width:none; padding-top:27px; min-width:6px}

.c-select-meta {border-radius: var(--rad-s); border: 1px solid var(--edge); padding:1rem 1.22rem; background: var(--bg-2); font-variant-caps:normal; will-change:auto;}
.widget-suffix > dot {min-height:100vh; flex:none; max-width:none; min-width:0; height:100%}


/* toc */
.trigger-step {padding:0 2.61rem;}html .o-accordion{justify-content: space-between; display: flex; align-items: center;}
.c-review-toggle {margin:0; word-spacing:normal; font-variant-caps:normal; font-size:1.02rem;}*.c-box-inner{background:none; transition:transform 0.243s, color 0.159s; color: var(--dim); border:0; display: inline-flex; padding-top:0.21rem;padding-right:0.21rem;padding-bottom:0.21rem;padding-left:0.21rem;}.c-box-inner:hover{color: var(--acc);}
.c-select-meta.is-shut .c-box-inner {transform: rotate(-90deg);}.is-shut.c-select-meta .indicator-card{-moz-tab-size:4;tab-size:4; display: none;}.indicator-card:not(.null68){margin-top:0.72rem; padding-top:0.6rem; border-top: 1px solid var(--edge); line-height:1.9; font-size:0.82rem;}
.indicator-card a {color: var(--text); display: block;}
.indicator-card a:hover {color: var(--acc);}
.indicator-card .chip-addon {padding-left:1.18rem; font-size:0.84rem;}/* rich content */
.step-empty{padding:1.52rem 2.58rem 0.25rem;}.section-dot:not(.null17){color: var(--text); line-height:1.8; font-size:0.95rem;}
.section-dot > * + * {margin-top:1.14rem;}
.section-dot h2 {line-height:1.3; font-size:1.51rem; font-family: var(--display); border-top: 1px solid var(--edge-2); color: var(--ink); scroll-margin-top:5rem; margin-top:2.33rem; padding-top:1.29rem;}.section-dot h3{color: var(--ink); margin-top:1.7rem; font-family: var(--display); font-size:1.23rem; scroll-margin-top:5rem;}
.section-dot h4 {font-size:0.99rem; margin-top:1.36rem; font-family: var(--display); color: var(--ink);}body .section-dot a{text-decoration:underline; text-underline-offset:2px;}body .section-dot a{text-decoration-thickness:1px;}
.section-dot strong, .section-dot b {font-weight:bold; color: var(--ink);}
.section-dot ul, .section-dot ol {margin-left:1.32rem;}html .section-dot ul{background-blend-mode:normal; shape-margin:0; list-style: disc;}
.section-dot ol {list-style: decimal;}body .section-dot li{padding-left:0.37rem; margin-top:0.44rem;}body .section-dot img{margin:1.58rem 0; border-radius: var(--rad-s);}.section-dot blockquote{padding:0.85rem 1.19rem; color: var(--ink); background: var(--tint); border-left: 3px solid var(--acc); font-style:italic; border-radius: 0 var(--rad-s) var(--rad-s) 0;}
.section-dot code {border: 1px solid var(--edge); padding:0.03em 0.52em; background: var(--bg-2); font-family:ui-monospace, "SF Mono", "Courier New", monospace; border-radius:8px; font-size:0.87em;}
.section-dot pre {border-radius: var(--rad-s); overflow-x: auto; background: var(--night); font-size:0.95rem; color:#dde7e3; line-height:1.7; padding-top:1.07rem;padding-right:1.34rem;padding-bottom:1.07rem;padding-left:1.34rem;}*.section-dot pre code{background:none; color:inherit;}*.section-dot pre code{border:0; padding:0;}
.section-dot table {font-size:0.91rem; width:100%; border-collapse:collapse;}
.section-dot th, .section-dot td {padding:0.72rem 0.88rem; border: 1px solid var(--edge); text-align: left;}.section-dot th{color: var(--ink); font-weight:700;}
.profile-addon:first-child {line-height:normal; gap:2.5rem}
.section-dot th{background: var(--bg-2);}

/* share */
.timeline {padding:1.73rem 2.59rem 2.32rem;}
.section-dot hr {margin:1.99rem 0; border:0 none; border-top: 1px solid var(--edge);}
.c-badge-handle {border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; align-items: center; background: var(--card); color: var(--dim); display: inline-flex; width:35px; height:34px; justify-content: center; border: 1px solid var(--edge); transition:background 0.204s, color 0.199s, border-color 0.157s, transform 0.111s;}
.fill-action {gap:0.48rem; flex-wrap: wrap; display: flex;}
.c-badge-handle:hover {background: var(--acc); transform: translateY(-1px); color:#f8f4ff; border-color: var(--acc);}.gallery-suffix{margin-top:-0.67rem; margin-bottom:1.14rem; font-size:0.88rem; color: var(--dim);}

/* ---------- talk / reach (forms) ---------- */
.tag-region-first, .breadcrumb-left {border-radius: var(--rad); border: 1px solid var(--edge); margin:2.17rem auto 0; background: var(--card); box-shadow: var(--sh); max-width: var(--read); padding:2.08rem 2.53rem 2.12rem;}/* ---------- more (related) ---------- */
.skeleton-item-full{margin:2.18rem auto 0; max-width: var(--read);}
.drawer-label {grid-template-columns: repeat(3, 1fr); display: grid; gap:1.02rem;}
.inner-tooltip {border-radius: var(--rad-s); box-shadow: var(--sh); transition:transform 0.145s, box-shadow 0.199s, border-color 0.182s; background: var(--card); padding:1.04rem 1.18rem; border: 1px solid var(--edge); display: block;}
.tabs-compact {font-family: var(--display); font-size:0.93rem; color: var(--ink); line-height:1.4; font-weight:bold;}
.inner-tooltip:hover {transform: translateY(-2px); box-shadow: var(--sh-l); border-color: var(--acc-l);}input::placeholder, textarea::placeholder{color: var(--dim);}

/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea {font:inherit; border: 1px solid var(--edge); width:100%; padding:0.78rem 0.89rem; color: var(--ink); background: var(--bg-2); transition:border-color 0.257s, box-shadow 0.187s, background 0.166s; border-radius: var(--rad-s);}
input:focus, textarea:focus {outline:0; border-color: var(--acc); background: var(--card); box-shadow:0 0 0 7px rgba(0, 164, 128, 0.14);}textarea{min-height:6.57rem; resize: vertical;}.filter-bottom{gap:0.98rem; display: flex; flex-wrap: wrap;}
.comment-body {min-width:0; flex: 1 1 calc(50% - 0.5rem);}body .dropdown-foot{display: flex;}.px-end:not(.placeholder52){flex: 1 1 100%;}
.list-button.timeline-inverse {overflow:visible; padding-top:2.5rem; position:relative; color:inherit; transition:color 0.35s; justify-content:center}

.toolbar-line:not(:last-child) {cursor:pointer; min-height:100vh; text-transform:uppercase; transition:opacity 0.3s; display:none; color:currentColor}

.dropdown-foot input {flex: 1; border-right:0 none; min-width:0rem; border-radius: var(--rad-s) 0 0 var(--rad-s);}
.dropdown-foot .u-search {border-radius: 0 var(--rad-s) var(--rad-s) 0;}/* ---------- buttons ---------- */
:where(.u-search){gap:0.47rem; transition:background 0.26s, color 0.16s, border-color 0.257s; border: 1px solid var(--edge); font-size:0.88rem; align-items: center; border-radius: var(--rad-s); color: var(--ink); text-transform:uppercase; padding:0.75rem 1.37rem; font-weight:bold; display: inline-flex; letter-spacing:0.03em; min-height:2.88rem; background: var(--card); justify-content: center;}
.u-search:hover {color: var(--ink); border-color: var(--dim);}
.u-search:hover {background: var(--bg-2);}
.leading-10 {background: var(--acc); color:rgb(240, 255, 252); border-color: var(--acc);}
.leading-10:hover {text-underline-offset:auto; background: var(--acc-d); border-color: var(--acc-d); color:#fcedff;}
.dot-avatar {padding:0.7rem 0.93rem; min-width:3.03rem;}

/* ---------- decks (newsletter + account) ---------- */
.gallery-label-sticky {display: grid; background-blend-mode:normal; gap:1.18rem; grid-template-columns: 1fr 1fr; margin:2.66rem auto 0; backface-visibility:visible; max-width: var(--band);}
.entry-warning {width:100%;}*.inner-entry{flex-direction: column; border: 1px solid var(--edge); box-shadow: var(--sh);}*.inner-entry{background: var(--card); padding:1.48rem 1.58rem; display: flex; border-radius: var(--rad);}
.thumb-block {gap:0.62rem; margin-top:auto; font-synthesis:weight style small-caps; flex-direction: column; will-change:auto; display: flex;}
.media__input--large {margin-bottom:1.01rem; font-size:0.9rem; color: var(--dim);}/* ---------- footer ---------- */
:where(.order-around){margin-top:3.41rem; padding:2.61rem 0; background: var(--night); color: var(--on-night);}
.thumb-block .u-search {width:100%;}
.tooltipTitle {gap:1.56rem; margin-inline:auto; flex-wrap: wrap; width:100%; justify-content: space-between; padding:0 1.25rem; display: flex; max-width: var(--max);}
.tooltipTitle {align-items: center;}
.extra-banner img {opacity:0.83; page-break-inside:auto; width:auto; text-rendering:auto; filter:brightness(0) invert(1); height:26px;}
.menu-half {perspective:none; font-size:0.75rem; text-decoration-skip-ink:auto; color: var(--on-night); margin-top:0.7rem;}
.detail-drawer {display: flex; gap:1.37rem;}.detail-drawer a{font-size:0.82rem; color: var(--on-night);}
.detail-drawer a:hover {color:hsl(299, 100%, 97.8%);}

.col-12 {display: flex; gap:0.6rem;}
.box-spacer {font-size:35px; justify-content:space-between; position:absolute; color:inherit; gap:0.25rem}

.col-12 a {align-items: center; height:39px; width:36px; display: inline-flex; border-radius: var(--rad-s); background:rgba(251, 239, 255, 0.02); justify-content: center; color: var(--on-night); transition:background 0.209s, color 0.205s, transform 0.15s;}.col-12 a:hover{transform: translateY(-1px); background: var(--acc); color:rgb(234, 255, 249);}/* ---------- back to top ---------- */
.py-around{justify-content: center; transition:background 0.14s, transform 0.187s; border-radius:50%; height:48px; width:46px; position: fixed; box-shadow: var(--sh-l); background: var(--acc); align-items: center; display: none; color:hsl(59, 100%, 97%); right:1.62rem; border:0; bottom:1.58rem; z-index: 900;}
.py-around:hover {transform: translateY(-2px); background: var(--acc-d);}
.py-around.grid-thumb-full {display: inline-flex;}

/* ---------- cookie ---------- */
.menu-time {left:0; box-shadow:0 -3px 26px rgba(35, 26, 21, 0.14); padding:0.86rem 0;}

/* ---------- cookie ---------- */
.menu-time {bottom:0; z-index: 1100; border-top: 1px solid var(--edge); position: fixed; right:0; background: var(--card);}
.avatar-cap-right {display: flex; width:100%; padding:0 1.28rem; margin-inline:auto; align-items: center; gap:1.54rem; max-width: var(--max); justify-content: space-between;}
.menu-time p {color: var(--text); font-size:0.82rem; margin:0;}
.menu-time .u-search {padding:0.55rem 1.38rem; min-height:2.38rem; flex-shrink: 0;}

/* ---------- auth layers (CSS :target modal) ---------- */
.page-item-flat {position: fixed; z-index: 1300; display: none; inset:0;}
.page-item-flat:target {padding:1.27rem; display: grid; place-items: center;}
.progress-column-dark {position: absolute; backdrop-filter:blur(2px); inset:0; background:rgba(11, 46, 23, 0.5);}
.filter-body {min-width:29px; cursor:default; height:auto; transition:all 0.15s ease}
.body-entry{border-radius: var(--rad); border: 1px solid var(--edge); padding:1.82rem 1.78rem 1.63rem; background: var(--card); position: relative; animation:pop 0.23s ease-out; box-shadow: var(--sh-l); z-index: 1; width: min(94vw, 25rem);}
@keyframes pop { from {transform: translateY(8px) scale(0.99); page-break-inside:auto; opacity:0; backface-visibility:visible;}to{transform: none; opacity:1;} }
.c-sidebar-item {line-height:1; font-size:1.45rem; right:0.9rem; color: var(--dim); top:0.68rem; position: absolute; text-decoration:none;}
.c-sidebar-item:hover {color: var(--ink);}
.page-item-flat .c-list-cap {gap:0.91rem; flex-direction: column; display: flex;}*.c-section-extra{margin-top:0.17rem;}*.c-section-extra{font-size:0.87rem; text-align: center; color: var(--dim);}

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .commentDetail {display: flex;}
  .chip-loading {right:0rem; box-shadow: var(--sh); display: none; flex-direction: column; position: absolute; left:0; top:100%; padding:0.44rem 0; align-items: stretch; gap:0; page-break-inside:auto; background: var(--card); border-bottom: 1px solid var(--edge);}
  .chip-loading {background-blend-mode:normal;}
  .chip-loading.open {orphans:2; display: flex;}html .dialog-icon-fluid{gap:0; flex-direction: column; padding:0 1.32rem;}
  .dialog-icon-fluid a {padding:0.75rem 0; border-bottom: 1px solid var(--edge-2);}

  .drawer-label {grid-template-columns: 1fr 1fr;}
  .c-progress-row {padding:0.93rem 1.26rem 0.4rem; gap:0.75rem;}.gallery-label-sticky:not(.dummy12){font-synthesis:weight style small-caps; grid-template-columns: 1fr;}
.reply-cap.snackbar-full {display:inline-flex; min-width:18px; transition:all 0.25s ease; text-align:left}

}

@media (max-width: 680px) {html{font-size:100%;}
  .row-half {padding:1.74rem 1.33rem 1.11rem;}
  .step-empty {padding:1.27rem 1.32rem 0.28rem; widows:2; font-variant-ligatures:normal;}
  .trigger-step {padding:0 1.47rem;}
  .timeline {padding:1.35rem 1.47rem 1.87rem;}
  .tag-region-first, .breadcrumb-left {padding:1.65rem 1.39rem 1.74rem;}
  .tooltipTitle {gap:1.17rem; align-items: flex-start; flex-direction: column;}
  .drawer-label {grid-template-columns: 1fr;}
}

@media (max-width: 460px) {
  .comment-body {flex: 1 1 100%;}
  .avatar-cap-right {flex-direction: column; text-align: center; gap:0.84rem;}
}

@media (prefers-reduced-motion: reduce) {html{page-break-inside:auto; scroll-behavior: auto;}
  .py-around {bottom:0.96rem; right:0.98rem;}
  * {transition:none !important; animation:none !important;}html{orphans:2;}
}

@media print {
  .clear-start, .timeline, .tag-region-first, .skeleton-item-full, .breadcrumb-left,
  .gallery-label-sticky, .order-around, .py-around, .menu-time, .page-item-flat, .popover-body-right {display: none !important;}
.step-icon .panel-slot {display:grid; margin-left:0; margin-top:0; flex-wrap:nowrap; margin-bottom:0.5rem; text-align:right}
body{background-color:#fdfffb;}html .c-timeline-item{max-width:none;}html .c-timeline-item{box-shadow:none; border:none;}
.avatar-number > column {margin-left:0; height:auto; align-items:flex-end; display:inline-flex}

}