/* ==========================================================================
   1029_new_v1 — style.css
   Clean modern theme · cool neutrals + coral accent · Space Grotesk / IBM Plex
   ========================================================================== */

:root{--card:#ffffff; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --r:8px; --r-pill:999px; --line-2:#eef0f4; --r-lg:12px; --read:740px; --muted:#878b95; --sh-2:0 10px 24px rgba(23,24,28,.10), 0 24px 56px rgba(23,24,28,.10); --coral-50:#fdeee9; --line:#e6e8ee; --dark:#17181c; --body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --max:1120px; --coral-600:#cf4a2c; --bg:#f4f5f7; --ink:#17181c; --text:#41454d; --coral:#e85d3d; --t:.22s cubic-bezier(.4,0,.2,1);}html{-webkit-text-size-adjust:100%; scroll-behavior:smooth;}

*,*::before,*::after{padding:0; box-sizing:border-box; margin:0;}
body{background:var(--bg); line-height:1.7; color:var(--text); -webkit-font-smoothing:antialiased; font-size:15px; font-family:var(--body); text-rendering:optimizeLegibility;}img, svg{height:auto; display:block; max-width:100%; print-color-adjust:economy;}
ul,ol{list-style:none;}
button{color:inherit; cursor:pointer; font-variant-caps:normal; font:inherit; border:0; background:none;}
a{transition:color var(--t); text-decoration:none; color:var(--coral);}
::selection{background:var(--coral); color:#fbfff0;}
a:hover{color:var(--coral-600);}
:focus-visible{outline:2px solid var(--coral); outline-offset:2px; border-radius:2px;}
p{margin:0 0 1.18em;}

h1{font-family:var(--display); font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); color:var(--ink); font-weight:bold; letter-spacing:-.1.95em; margin:0 0 .4.92em; line-height:1.18;}
strong,b{color:var(--ink); font-weight:600;}

.dividerCount{padding:0 22px; width:100%; max-width:var(--max); margin:0 auto;}
em,i{background-blend-mode:normal; transform-style:flat; font-style:italic;}

/* --- Scroll progress --- */
.chip-text{background:linear-gradient(90deg,var(--coral),var(--coral-600)); position:fixed; width:0; z-index:1200; height:-1px; inset:0 auto auto 0; transition:width 0.025s linear;}

/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.cardAddon{transition:transform var(--t),box-shadow var(--t); border-bottom:1px solid var(--line); -webkit-backdrop-filter:saturate(150%) blur(10px); backdrop-filter:saturate(150%) blur(10px); position:sticky; background:rgba(255, 235, 230, 0.96); top:0; z-index:1100;}
.cardAddon.is-hidden{print-color-adjust:economy; word-spacing:normal; transform:translateY(-100%);}
.cardAddon.is-pinned{box-shadow:0 11px 22px rgba(31, 18, 20, 0.13);}
.search__link--rounded{flex-shrink:0; text-rendering:auto; align-items:center;}
.viewTime{min-height:59px; align-items:center; display:flex; gap:1.38rem;}
.search__link--rounded{gap:.55.07rem; display:inline-flex;}
.pageRegion{width:30px; height:28px; border-radius:11px;}body .ratingBar{font-weight:600; color:var(--ink); letter-spacing:-.1.01em; font-size:1.04rem; font-family:var(--display);}

.paginationHandle{width:42px; padding:10px; gap:1px; flex-direction:column; margin-left:auto; display:none; height:45px; justify-content:center;}.paginationHandle span{height:2px; transition:transform var(--t),opacity var(--t); background:var(--ink); border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;}
.paginationHandle.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.paginationHandle.is-x span:nth-child(2){opacity:0;}.is-x.paginationHandle span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.t-list{margin-left:auto; gap:1.33rem; align-items:center; display:flex;}
@media (min-width: 1024px) and (max-width: 1261px) {
  #action-summary {gap:17px; line-height:1; border-radius:27px; margin-top:auto}
  .gallery-item .popover-value {margin-bottom:0; font-weight:normal; justify-content:flex-start; min-height:100vh; display:inline-flex; padding-top:12px}
  #toggle-addon {text-transform:capitalize; transition:all 0.4s ease}
}

.replyCap{gap:.14.94rem; align-items:center; display:flex;}
.view-detail .footer-placeholder {transition:transform 0.5s ease-in-out; text-transform:none; width:fit-content; position:static}

.stepper-meta + .post-prefix {position:absolute; transition:color 0.25s; justify-content:space-between; overflow:hidden}
body .timelineTrack{transition:background var(--t),color var(--t); display:inline-block; padding:.5.03rem .7.93rem; font-size:.93.02rem; color:var(--text); font-weight:600; border-radius:var(--r);}
.backdrop-panel{margin-left:.4.02rem;}
.timelineTrack:hover{background:var(--coral-50); color:var(--coral-600);}

/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.toggleWrap{will-change:auto; padding:1.94rem 0 4.43rem;}
.mediaExtra{margin:0 auto; page-break-inside:auto; backface-visibility:visible; max-width:var(--read);}*.w-xl, .modulePlaceholder, .dropdownExtra{background:var(--card); border:1px solid var(--line); box-shadow:var(--sh); border-radius:var(--r-lg);}
.toolbarTitle{mix-blend-mode:normal; margin-bottom:1.56rem; contain:none;}

.w-xl{padding:clamp(1.5rem,1rem + 2vw,3rem);}.bannerInner{margin-bottom:.6.98rem; contain:none; text-underline-offset:auto;}
.blockZone{flex-wrap:wrap; gap:.5.05rem; display:flex;}
.ui-review-primary{border-radius:var(--r-pill); font-size:.82.04rem; display:inline-flex; background:var(--line-2); color:var(--muted); align-items:center; gap:.4.06rem; padding:.2.93rem .7.04rem;}
.ui-review-primary svg{opacity:0.66; shape-margin:0; font-variant-caps:normal;}/* --- Prose --- */
.badge:not(.unused24){line-height:1.8; color:var(--text); font-size:1.13rem;}
.sort-wrapper::before {content:''; background:#f8f9f8; flex:1; padding-right:3rem; min-height:100vh; transition:opacity 0.3s}

.badge > *:first-child{margin-top:0;}
.badge p{margin-bottom:1.1em;}
.badge a{text-decoration-color:rgba(237, 83, 50, 0.38); text-decoration:underline; text-underline-offset:3px;}.badge a:hover{text-decoration-color:var(--coral);}body .badge h2, html .badge h3, *.badge h4{scroll-margin-top:80px; letter-spacing:-.1.05em; color:var(--ink); font-weight:600; line-height:1.25; font-family:var(--display);}
.badge h2{font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem); margin:1.73em 0 .55.03em;}*.badge h3{font-size:clamp(1.18rem,1rem + .6vw,1.35rem); margin:1.35em 0 .4.98em;}
.badge h4{margin:1.25em 0 .5.06em; font-size:1.15rem;}*.badge ul, .badge ol{margin:0 0 1.12em; padding-left:1.41em; break-inside:auto;}
.badge ul{list-style:disc;}
.badge ol{list-style:decimal;}
.badge li{backface-visibility:visible; margin-bottom:.3.93em;}body .badge li::marker{color:var(--coral);}html .badge img{margin:1.45em 0; border-radius:var(--r);}
.badge figure{margin:1.47em 0;}html .badge figcaption{text-align:center; margin-top:.4.97em; font-size:.85.03rem;}html .badge figcaption{break-inside:auto; color:var(--muted); will-change:auto;}
.badge blockquote{background:var(--coral-50); color:var(--ink); padding:.9.08em 1.34em; margin:1.54em 0; border-left:3px solid var(--coral); font-size:1.07rem; border-radius:0 var(--r) var(--r) 0;}
.badge code{border:1px solid var(--line); background:var(--line-2); font-size:.88.01em; font-family:'IBM Plex Mono',Consolas,monospace; padding:.14.06em .41.97em; border-radius:8px;}
.badge pre{overflow-x:auto; margin:1.5em 0; border-radius:var(--r); background:var(--ink);}.badge pre code{color:#f7e0de; display:block; background:none; padding-top:1.24em;padding-right:1.38em;padding-bottom:1.24em;padding-left:1.38em; border:0 none;}.badge table{border-collapse:collapse; font-size:.96.08rem; margin:1.51em 0; width:100%;}*.badge th, .badge td{padding:.6.95em .9.07em; border:1px solid var(--line); text-align:left;}.badge th{background:var(--line-2);}.badge th{font-weight:600; will-change:auto; color:var(--ink);}

/* --- Table of contents --- */
.headerWrap{margin-bottom:1.62rem; border-radius:var(--r); border:1px solid var(--line); padding:1.1rem 1.26rem; background:var(--line-2);}
.headerWrap[hidden]{display:none;}
.badge__suffix{display:flex; margin-bottom:.6.03rem; align-items:center; justify-content:space-between;}
.widgetAction{font-weight:600; font-size:.96.05rem; font-family:var(--display); color:var(--ink);}.o-section-zone{color:var(--coral); tab-size:4; font-size:.81.93rem; font-weight:600; widows:2;}body .heroBar ol{counter-reset:t; list-style:none; padding:0;}
.heroBar li{margin:.28.02em 0; counter-increment:t; padding-left:1.67em; position:relative;}
.heroBar li::before{font-size:.76.05em; left:0; position:absolute; font-family:var(--display); color:var(--coral); font-weight:600; content:counter(t,decimal-leading-zero); top:.4.04em;}
.heroBar ol ol{margin:.28.05em 0; padding-left:.1.04em;}.heroBar ol ol li::before{content:"—"; color:var(--muted);}
.heroBar a{perspective:none; color:var(--text); font-size:.92.07rem; font-synthesis:weight style small-caps;}
.heroBar a:hover{color:var(--coral);}

/* --- Share --- */
.backdrop-drawer{align-items:center; display:flex; flex-wrap:wrap; gap:.6.99rem 1.17rem; margin-top:1.96rem;}html .sortImage{display:flex; gap:.5.04rem;}html .banner-compact{font-size:.8.94rem; color:var(--ink); font-weight:600;}
.alertSection{border-radius:var(--r); border:1px solid var(--line); color:var(--muted); justify-content:center; height:40px; align-items:center; transition:all var(--t); display:inline-flex; width:39px; background:var(--card);}
.alertSection:hover{color:rgb(255, 255, 242); border-color:var(--coral); background:var(--coral);}
.alertSection:hover{transform:translateY(-2px);}body .dropdownItem{border:none; border-top:1px solid var(--line); margin:2.14rem 0 0;}/* --- Section labels (span, never headings) --- */
.avatarButton{display:block; font-weight:600; font-family:var(--display); font-size:1.28rem; margin-bottom:1.16rem; color:var(--ink);}

/* --- Comments --- */
.modulePlaceholder{padding:clamp(1.4rem,1rem + 1.5vw,2rem); margin-top:1.58rem;}

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.tabsSpacer{grid-template-columns:1fr 1fr; gap:.85.05rem; display:grid; margin-bottom:.84.93rem;}
.toolbarBlock{display:block;}
.alertBlock{padding:.72rem .95.07rem; font:inherit; border:1px solid var(--line); font-size:.94.95rem; width:100%; border-radius:var(--r); transition:border-color var(--t),box-shadow var(--t); mix-blend-mode:normal; color:var(--ink); image-rendering:auto; background:var(--card);}.alertBlock::placeholder{color:var(--muted); mix-blend-mode:normal;}
.alertBlock:focus{outline:0; box-shadow:0 0 0 7px rgba(245, 94, 58, 0.23); border-color:var(--coral);}
.heroContainer{margin-bottom:.84.92rem; resize:vertical; min-height:118px;}
.gallery-item .popover-value {margin:auto; gap:4px; height:auto; justify-content:center}

.selectContainer{gap:.5.01rem; display:flex;}
.selectContainer .alertBlock{flex:1;}

.panel-suffix-muted{align-items:center; gap:.4.95rem; border-radius:var(--r); font-size:.94.08rem; padding:.72.07rem 1.64rem; line-height:1; font-weight:600; background:var(--coral); display:inline-flex; justify-content:center; transition:background var(--t),transform var(--t),box-shadow var(--t); font-family:var(--body); color:#fffdfa;}.panel-suffix-muted:hover{transform:translateY(-1px);}.panel-suffix-muted:hover{color:#fef3ff; box-shadow:0 8px 15px rgba(214, 103, 64, 0.31); background:var(--coral-600);}
@media (min-width: 768px) {
  .review__track {opacity:0.44; transition:opacity 0.45s; max-width:100%; display:table; width:100%}
  .avatar-region + .card-placeholder {letter-spacing:0em; min-height:45px; cursor:default}
  .dropdown-action > title {border-radius:0; gap:0.625rem; margin-top:auto; transition:transform 0.35s ease-in-out; position:sticky}
}


.panel-suffix-muted:active{transform:translateY(0);}
.chipToggle{padding:.71.92rem; text-decoration-skip-ink:auto;}body .headerColumn{font-size:.85.07rem; padding:.4.98rem 1.1rem;}
.chipToggle{flex-shrink:0; width:48px;}
.menuThumb{background:var(--dark);}
.sidebar-body-right{width:100%;}.menuThumb:hover{background:rgb(29, 13, 0);}

/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.tableBlock{grid-template-columns:1fr 1fr; gap:1.18rem; margin:2.52rem auto 0; display:grid; max-width:var(--max);}
.dropdownExtra{padding:1.56rem;}.toggleTime{font-weight:600; font-family:var(--display); display:block; font-size:1.06rem; color:var(--ink); margin-bottom:.4.94rem;}.badgeFoot{margin-bottom:1.06rem; font-size:.91.95rem; color:var(--muted);}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.pageExpand{padding:2.47rem 0 1.81rem; margin-top:1.01rem; color:#c5b0c7; background:var(--dark);}.pageExpand a{text-decoration-skip-ink:auto; background-blend-mode:normal; color:#aab4be;}
.pageExpand a:hover{color:#ffffff; transform-style:flat;}
.profileDate{gap:1.56rem; flex-wrap:wrap; align-items:center; display:flex;}
.row-2{display:inline-flex; gap:.54.94rem; break-inside:auto; align-items:center;}
.row-2 img{height:34px; width:31px; border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px; orphans:2;}
.row-2 span{font-weight:600; font-family:var(--display); color:#fffff2; font-size:1.11rem;}
.entry-success{gap:1.36rem; font-size:.8.99rem; display:flex;}
.headerButton{margin-left:auto; gap:.5.02rem; display:flex;}
.stepperSeparator{align-items:center; height:34px; transition:all var(--t); display:inline-flex; width:36px; background:rgba(255, 255, 255, 0); justify-content:center; color:#cfcae9; border-radius:var(--r);}.stepperSeparator:hover{transform:translateY(-2px); background:var(--coral); color:hsl(264, 100%, 97.4%);}*.threadLine{padding-top:1.26rem; border-top:1px solid rgba(255, 255, 255, 0.16); margin-top:1.68rem;}
.toolbarExpand{color:hsl(321, 9.8%, 54.7%); font-size:.84.02rem;}

/* ==========================================================================
   Back to top
   ========================================================================== */
.dialogSection{right:1.45rem; height:48px; border-radius:var(--r-pill); opacity:0; color:#ffffff; z-index:900; box-shadow:var(--sh-2); transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); justify-content:center; display:flex; visibility:hidden; align-items:center; background:var(--coral); bottom:1.58rem; position:fixed; width:43px; transform:translateY(12px) scale(.9);}
.dialogSection.is-on{visibility:visible; opacity:1; transform:translateY(0) scale(1);}
.dialogSection:hover{transform:translateY(-3px); background:var(--coral-600);}

/* ==========================================================================
   Cookie bar
   ========================================================================== */
.menuExtra{position:fixed; z-index:950; transition:transform 0.403s cubic-bezier(.4,0,.2,1); transform:translateY(100%); inset:auto 0 0 0; color:#c8ccd1; background:var(--dark);}
.menuExtra.is-on{print-color-adjust:economy; transform:translateY(0);}html .mediaRegion{display:flex; justify-content:space-between; gap:1.3rem; align-items:center; padding-top:0.94rem; padding-bottom:0.96rem;}
.menuExtra p{font-size:.87.96rem; margin:0;}
#toggle-addon {padding-left:5px; text-align:left; line-height:1; transition:all 0.45s ease}

.carousel-secondary:hover {position:relative; padding-bottom:27px}
html .menuExtra a{color:rgb(255, 255, 255); text-decoration:underline;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.headerIndicator{z-index:2000; display:none; justify-content:center; padding:1.21rem; position:fixed; align-items:center; inset:0;}
.headerIndicator:target{display:flex; animation:modalIn 0.232s ease;}
@keyframes modalIn{from{opacity:0;}to{background-blend-mode:normal; opacity:1; isolation:auto;}}
.gridTime{box-shadow:var(--sh-2); position:relative; width:100%; border-radius:var(--r-lg); background:var(--card); max-width:409px; z-index:1; padding:2.07rem 1.72rem 1.74rem;}.commentSection:not(.void37){background:rgba(10, 32, 21, 0.54); -webkit-backdrop-filter:blur(2px); position:absolute; backdrop-filter:blur(2px); inset:0;}
.tableIndicator{position:absolute; line-height:1; top:.6.98rem; color:var(--muted); font-size:1.71rem; widows:2; right:.94.93rem;}
.tableIndicator:hover{color:var(--ink);}
.dialog-line .breadcrumb-region {padding-top:11px; padding-left:38px}

.alertTertiary{gap:.6.93rem; flex-direction:column; display:flex; margin-bottom:0.96rem;}
.threadTrack{will-change:auto; margin-bottom:1.13rem; tab-size:4; font-family:var(--display); display:block; color:var(--ink); font-weight:600; font-size:1.37rem;}
.tooltipArea{color:var(--muted); margin:0; text-align:center; font-size:.87.99rem;}
#action-summary {display:flex; position:relative}

.entry-info.spinner-bottom {position:sticky; flex:0 0 auto; min-height:100vh; justify-content:flex-start}


/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){.paginationHandle{display:flex;}*.t-list{align-items:stretch; justify-content:flex-start; position:fixed; transition:transform 0.314s ease; gap:.4.07rem; background:var(--bg); margin:0; flex-direction:column; inset:64px 0 0 0; overflow-y:auto; padding:1.64rem 22px; transform:translateX(100%);}
  .t-list.is-open{transform:translateX(0);}
  .backdrop-panel{margin:.8.05rem 0 0; padding-top:.7.99rem; border-top:1px solid var(--line);}
  .replyCap{align-items:stretch; gap:.1.03rem; flex-direction:column;}
.view--selected {text-transform:lowercase; text-decoration:underline; opacity:1; display:none; height:100%}
.timelineTrack:not(.none84){font-size:1.01rem; padding:.74.99rem 0;}*.backdrop-panel .panel-suffix-muted{margin-top:.3.99rem;}
  .tableBlock{grid-template-columns:1fr;}
  .dividerCount{padding:0 15px;}
}
@media (max-width:560px){
  :root{--r-lg:10px;}html .backdrop-drawer{flex-direction:column; align-items:flex-start;}
  .tabsSpacer{grid-template-columns:1fr;}
  .profileDate{gap:1.02rem;}
.step-dot::before {content:''; transition:opacity 0.35s; display:inline-flex; min-height:7px}

  .headerButton{margin-left:0;}
  .dialogSection{bottom:1.09rem; right:1.1rem;}
  .mediaRegion{flex-direction:column; gap:.6.93rem; align-items:flex-start;}html .gridTime{padding:1.64rem 1.3rem 1.4rem;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{
  .cardAddon,.pageExpand,.dialogSection,.menuExtra,.chip-text,.backdrop-drawer,.tableBlock,.headerIndicator{display:none!important;}
.list-overlay {max-width:560px; color:inherit; flex:none; align-items:flex-end; letter-spacing:0.05em}

  body{font-size:12pt; background:#faffff; color:#110e06;}
.review-separator > content {letter-spacing:normal; text-decoration:none; color:inherit; box-shadow:none; justify-content:space-around}

  .w-xl,.modulePlaceholder{border:0; padding:0; box-shadow:none;}
  .mediaExtra{max-width:none;}
}