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

:root{backface-visibility:visible; --r-pill:999px; --line:#e6e8ee; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --coral-50:#fdeee9; --r-lg:12px; --bg:#f4f5f7; --max:1120px; --ink:#17181c; --card:#ffffff; --read:740px; --body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --sh-2:0 10px 24px rgba(23,24,28,.10), 0 24px 56px rgba(23,24,28,.10); --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --line-2:#eef0f4; --text:#41454d; --muted:#878b95; --t:.22s cubic-bezier(.4,0,.2,1); --coral:#e85d3d; --r:8px; orphans:2; --coral-600:#cf4a2c; --dark:#17181c;}*, *::before, *::after{box-sizing:border-box; margin:0; padding:0;}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth;}
body{font-size:20px; color:var(--text); text-rendering:optimizeLegibility; will-change:auto; font-family:var(--body); -webkit-font-smoothing:antialiased;}
body{background:var(--bg); line-height:1.7;}
img,svg{display:block; height:auto; max-width:100%;}
ul,ol{hyphens:manual; orphans:2; list-style:none;}button{cursor:pointer; border:none; font:inherit; background:none; color:inherit;}
a{transition:color var(--t); text-decoration:none; color:var(--coral);}::selection{background:var(--coral); color:#ffffff;}
a:hover{color:var(--coral-600);}
:focus-visible{outline-offset:2px; outline:2px solid var(--coral);}
.accordion-foot .avatar-primary {position:sticky; line-height:1.8; font-size:16px; transition:opacity 0.4s}

@media (min-width: 640px) and (max-width: 1037px) {
  .skeleton--primary {width:100%; transition:all 0.25s ease; display:inline}
  .view-tertiary + .slider-date {justify-content:space-between; flex:0 0 auto; transition:color 0.4s; box-shadow:0 8px 12px rgba(0,0,0,0.26); border:0; line-height:1.5}
  .slider-body:first-child {padding-top:24px; background-color:#120c0c}
}


:focus-visible{border-radius:5px;}

h1{line-height:1.18; font-weight:700; color:var(--ink); font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); letter-spacing:-.2em; margin:0 0 .5.03em; font-family:var(--display);}
#review-column {transition:all 0.15s ease; position:sticky; flex:1 1 0%; overflow:auto; border:0; height:auto}

p{widows:2; margin:0 0 1.05em;}strong, b{font-weight:600; color:var(--ink);}

.avatarArea{max-width:var(--max); width:100%; margin:0 auto; padding:0 22px;}em, i{font-style:italic;}/* --- Scroll progress --- */
.review-info{position:fixed; background:linear-gradient(90deg,var(--coral),var(--coral-600)); width:0; height:3px;}/* --- Scroll progress --- */
.review-info{transition:width 0.087s linear; inset:0 auto auto 0; z-index:1200;}

/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.el-header{backdrop-filter:saturate(150%) blur(10px); transition:transform var(--t),box-shadow var(--t); position:sticky; background:rgba(230, 252, 255, 0.94); top:0; border-bottom:1px solid var(--line); z-index:1100; -webkit-backdrop-filter:saturate(150%) blur(10px);}
.el-header.is-hidden{transform:translateY(-100%);}
.el-header.is-pinned{box-shadow:0 4px 25px rgba(18, 34, 18, 0.14);}
.toolbarLink{gap:1.43rem; display:flex; min-height:58px; align-items:center;}
.avatarExtra{align-items:center; flex-shrink:0; display:inline-flex; gap:.55rem;}
.mx-md{border-top-left-radius:11px;border-top-right-radius:11px;border-bottom-right-radius:11px;border-bottom-left-radius:11px; width:34px; height:29px;}
.view-tertiary + .slider-date {font-size:14px; height:100%; cursor:pointer}
html .counter__trigger{color:var(--ink); font-family:var(--display); font-size:1.11rem; letter-spacing:-.1.08em; font-weight:600;}

.filterSuffix{flex-direction:column; gap:6px; display:none; padding:13px; width:45px; justify-content:center; margin-left:auto; height:39px;}
.filterSuffix span{transition:transform var(--t),opacity var(--t); border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; background:var(--ink); height:2px;}
.filterSuffix.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.filterSuffix.is-x span:nth-child(2){perspective:none; opacity:0;}
.profile-number .grid-trigger {transition:all 0.3s ease; text-decoration:underline; border-radius:31px; gap:1.75rem; display:flex; align-items:flex-start}

.feature-time::before {content:''; gap:42px; flex-wrap:wrap; position:static; background:transparent}

.filterSuffix.is-x span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.timeline-info:hover {max-width:none; transition:opacity 0.5s; text-transform:uppercase}
html .bannerToggle{gap:1.44rem; align-items:center; display:flex; margin-left:auto;}
.priceArea{align-items:center; page-break-inside:auto; gap:.14.94rem; display:flex;}
.priceArea{hyphens:manual;}
.galleryBlock{margin-left:.4.01rem;}
.timelineHandle{padding:.5.01rem .8.03rem; border-radius:var(--r); display:inline-block; font-size:.93.01rem; transition:background var(--t),color var(--t); tab-size:4; color:var(--text); font-weight:600;}
.timelineHandle:hover{background:var(--coral-50); color:var(--coral-600);}

/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.actionBackdrop{padding:2.03rem 0 4.5rem;}html .commentPrefix{margin:0 auto; max-width:var(--read);}body .replyPreview, .bg-lg:not(.placeholder75), .tablePrimary:not(.nil55){box-shadow:var(--sh); border:1px solid var(--line); border-radius:var(--r-lg); background:var(--card);}

.replyPreview{padding:clamp(1.5rem,1rem + 2vw,3rem);}.layoutInfo:not(.dummy57){margin-bottom:1.64rem;}html .modalLabel{margin-bottom:.6.97rem;}
.cardThumb{gap:.4.97rem; display:flex; perspective:none;}
.replySummary{display:inline-flex; padding:.2.97rem .7rem; align-items:center; color:var(--muted); border-radius:var(--r-pill); background:var(--line-2); font-size:.81.98rem; gap:.4.05rem;}
.cardThumb{flex-wrap:wrap;}.replySummary svg{opacity:0.72;}/* --- Prose --- */
.statusSummary{line-height:1.8; font-size:1.03rem; color:var(--text);}
.skeleton--primary {text-transform:lowercase; cursor:default}
.statusSummary > *:first-child{margin-top:0;}
.table-cell:first-child {transition:transform 0.15s ease-in-out; position:relative}

.statusSummary p{margin-bottom:1.11em;}
.statusSummary a{text-underline-offset:3px; text-decoration-color:rgba(221, 91, 76, 0.34); text-decoration:underline;}
.statusSummary a:hover{text-decoration-color:var(--coral);}
.statusSummary h2,.statusSummary h3,.statusSummary h4{color:var(--ink); scroll-margin-top:80px; line-height:1.25; letter-spacing:-.1.02em; font-family:var(--display); font-weight:600;}
.statusSummary h2{margin:1.74em 0 .55.08em; font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem);}
.statusSummary h3{font-size:clamp(1.18rem,1rem + .6vw,1.35rem); margin:1.36em 0 .5.01em;}
.statusSummary h4{margin:1.21em 0 .5.08em; font-size:1.18rem;}
.statusSummary ul,.statusSummary ol{margin:0 0 1.08em; padding-left:1.33em;}
.statusSummary ul{list-style:disc;}
.statusSummary ol{list-style:decimal;}
.slider-body:first-child {text-align:right; margin:0 auto; display:inline-block; flex:0 0 auto; justify-content:center}
.statusSummary li{margin-bottom:.3.99em;}
.statusSummary li::marker{color:var(--coral);}html .statusSummary img{margin:1.55em 0; border-radius:var(--r);}html .statusSummary figure{margin:1.58em 0;}
.statusSummary figcaption{margin-top:.5.07em; text-align:center; font-size:.84.94rem;}
.statusSummary figcaption{color:var(--muted);}
.statusSummary blockquote{border-left:3px solid var(--coral); padding:.8.98em 1.3em; color:var(--ink); background:var(--coral-50); border-radius:0 var(--r) var(--r) 0; margin:1.51em 0; font-size:1.04rem;}
.statusSummary code{padding:.13.92em .41.92em; font-family:'IBM Plex Mono',Consolas,monospace; font-size:.87.99em; background:var(--line-2); border:1px solid var(--line); border-radius:9px;}.statusSummary pre{background:var(--ink); border-radius:var(--r); margin:1.56em 0; overflow-x:auto;}
.statusSummary pre code{padding-top:1.2em; padding-right:1.32em; padding-bottom:1.2em; padding-left:1.32em; border:none; color:#fbe6f7;}
.statusSummary pre code{background:none; display:block;}.statusSummary table{border-collapse:collapse; width:100%; font-size:.96.06rem;}.statusSummary table{margin:1.53em 0;}.statusSummary th, .statusSummary td{padding:.6.95em .9.08em; text-align:left; border:1px solid var(--line);}
.statusSummary th{color:var(--ink); background:var(--line-2);}
.statusSummary th{font-weight:600;}

/* --- Table of contents --- */
.sectionThumb{border-radius:var(--r); border:1px solid var(--line); padding:1.02rem 1.24rem; background:var(--line-2); margin-bottom:1.63rem;}
.sectionThumb[hidden]{display:none; shape-margin:0;}
.pageSuffix{margin-bottom:.6.06rem; align-items:center; display:flex; justify-content:space-between;}
.timelineInner{font-size:.95.93rem; color:var(--ink); font-weight:600; font-family:var(--display);}
.c-pagination-input{color:var(--coral); font-size:.82.06rem; font-weight:600;}
.c-tag ol{counter-reset:t; list-style:none; padding:0rem; background-blend-mode:normal; word-spacing:normal;}
.c-tag li{counter-increment:t; padding-left:1.65em; margin:.27.97em 0; position:relative;}
.c-tag li::before{font-size:.75.93em; left:0; font-weight:600; content:counter(t,decimal-leading-zero); position:absolute; color:var(--coral); top:.3.95em; font-family:var(--display);}
.c-tag ol ol{padding-left:.1.07em; margin:.27.94em 0;}
.c-tag ol ol li::before{break-inside:auto; color:var(--muted); content:"—"; backface-visibility:visible;}.c-tag a{color:var(--text); font-size:.92.01rem;}
.c-tag a:hover{tab-size:4; color:var(--coral);}

/* --- Share --- */
.pagination-link-pressed{flex-wrap:wrap; display:flex; gap:.7.02rem 1.06rem; margin-top:2.03rem; align-items:center;}
.breadcrumbThumb{font-weight:600;}body .filterToggle{gap:.5.08rem; display:flex;}
.breadcrumbThumb{font-size:.9rem; color:var(--ink);}
.postContent{height:41px; background:var(--card); align-items:center; justify-content:center; border:1px solid var(--line); width:35px; color:var(--muted); transition:all var(--t); border-radius:var(--r); display:inline-flex;}body .postContent:hover{color:#fff1ff; background:var(--coral); border-color:var(--coral); transform:translateY(-2px);}html .widgetBlock{border:none; margin:2.27rem 0 0; border-top:1px solid var(--line);}

/* --- Comments --- */
.bg-lg{shape-margin:0; margin-top:1.49rem; padding:clamp(1.4rem,1rem + 1.5vw,2rem);}

/* --- Section labels (span, never headings) --- */
.sliderValue{margin-bottom:1.07rem; font-weight:600; color:var(--ink); font-size:1.31rem; font-family:var(--display); display:block;}

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.threadSeparator{grid-template-columns:1fr 1fr; display:grid; margin-bottom:.84.94rem; gap:.85rem;}

/* --- Comments --- */
.bg-lg{text-decoration-skip-ink:auto;}*.moduleSection{display:block; isolation:auto;}
.statusDate{transition:border-color var(--t),box-shadow var(--t); font:inherit; padding:.72.05rem .95.05rem; font-size:.95.08rem; background:var(--card); color:var(--ink); width:100%; border:1px solid var(--line); border-radius:var(--r);}
.statusDate::placeholder{color:var(--muted);}
.statusDate:focus{outline:0; font-synthesis:weight style small-caps;}
.statusDate:focus{border-color:var(--coral); box-shadow:0 0 0 3px rgba(229, 97, 62, 0.12); page-break-inside:auto;}
.featureSuffix{resize:vertical; min-height:116px; margin-bottom:.85.07rem;}
.badgeRow{gap:.5.07rem; display:flex;}
.badgeRow .statusDate{flex:1;}

.c-section-toggle{font-size:.93.96rem; font-family:var(--body); font-weight:600; align-items:center; line-height:1; border-radius:var(--r); justify-content:center; backface-visibility:visible; display:inline-flex; background:var(--coral); gap:.4.95rem; padding:.72.07rem 1.66rem; transition:background var(--t),transform var(--t),box-shadow var(--t); color:#f4f2f4;}
.c-section-toggle:hover{transform:translateY(-1px); background:var(--coral-600); box-shadow:0 3px 12px rgba(237, 84, 77, 0.24); color:#ffffff;}.c-section-toggle:active{transform:translateY(0);}
.popoverWrapper{padding:.5rem 1.07rem; font-size:.84.99rem;}
.breadcrumbItem{flex-shrink:0; width:46px; padding:.72.02rem;}
.review-active{background:var(--dark);}
.review-active:hover{background:hsl(316, 30.1%, 3.5%);}
.dialogIcon{width:100%;}

/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.formThumb{grid-template-columns:1fr 1fr; gap:1.16rem; max-width:var(--max); display:grid; margin:2.64rem auto 0;}
.tablePrimary{padding-top:1.43rem;padding-right:1.43rem;padding-bottom:1.43rem;padding-left:1.43rem;}
.sidebarPrefix{font-size:1.12rem; margin-bottom:.5.06rem; font-weight:600; color:var(--ink); display:block; text-decoration-skip-ink:auto; font-family:var(--display);}
.timelineTrigger{margin-bottom:1.03rem;}
.timelineTrigger{font-size:.91.98rem; color:var(--muted);}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.headerGroup{padding:2.32rem 0 1.77rem; margin-top:0.99rem; background:var(--dark); color:#cabacc;}
.list__content {flex:none; display:none; justify-content:flex-end; position:static}

.headerGroup a{color:#b4b6cb;}
.headerGroup a:hover{color:hsl(0, 0%, 100%);}
.listData{display:flex;}
.listData{flex-wrap:wrap; align-items:center; gap:1.55rem;}
.viewName{gap:.54.95rem; align-items:center; display:inline-flex;}
.viewName img{border-top-left-radius:9px;border-top-right-radius:9px;border-bottom-right-radius:9px;border-bottom-left-radius:9px; height:29px; width:33px;}
.viewName span{font-size:1.12rem; font-family:var(--display); font-weight:600; color:#f7f9ff;}
.grid__text--half{display:flex; gap:1.26rem; font-size:.8.92rem;}
.o-media{display:flex; gap:.5.03rem; margin-left:auto;}
.alertRegion{height:41px; align-items:center; border-radius:var(--r); width:35px; justify-content:center; display:inline-flex; transition:all var(--t); color:#d0d2e4; background:rgba(240, 255, 240, 0);}
.alertRegion:hover{color:hsl(181, 100%, 98.3%); transform:translateY(-2px); background:var(--coral);}
.step-addon {display:none; line-height:1; flex:1; transition:all 0.2s ease; overflow:auto; font-size:1.125rem}

.breadcrumbGroup{border-top:1px solid rgba(255, 255, 255, 0.14); margin-top:1.63rem; padding-top:1.38rem;}
.badgeTime{color:#797f9b; font-size:.83.98rem;}

/* ==========================================================================
   Back to top
   ========================================================================== */
.profileDate{transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); z-index:900; display:flex; height:44px; position:fixed; box-shadow:var(--sh-2); justify-content:center; bottom:1.42rem; visibility:hidden; right:1.54rem; background:var(--coral); width:48px; border-radius:var(--r-pill); transform:translateY(12px) scale(.9); opacity:0; color:#fdfff2; align-items:center;}
.profileDate.is-on{visibility:visible; page-break-inside:auto; opacity:1; transform:translateY(0) scale(1);}
#snackbar-holder {transition:transform 0.15s ease-in-out; overflow:visible; position:relative}

.profileDate:hover{background:var(--coral-600); transform:translateY(-3px);}

/* ==========================================================================
   Cookie bar
   ========================================================================== */
.w-12{color:#c6c9e6; transition:transform 0.44s cubic-bezier(.4,0,.2,1); transform:translateY(100%); position:fixed; background:var(--dark); z-index:950; inset:auto 0 0 0;}
.w-12.is-on{transform:translateY(0);}
.sidebarGroup{padding-bottom:1.06rem; justify-content:space-between; align-items:center; padding-top:1.08rem; display:flex; gap:1.22rem;}
.w-12 p{font-size:.88.02rem; font-variant-caps:normal; margin:0; backface-visibility:visible;}.w-12 a{color:#fff5fa; text-decoration:underline;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.badgeData{padding-top:1.17rem;padding-right:1.17rem;padding-bottom:1.17rem;padding-left:1.17rem; display:none; align-items:center; justify-content:center; z-index:2000; inset:0; position:fixed;}
.badgeData:target{display:flex; animation:modalIn 0.168s ease;}
@keyframes modalIn{from{opacity:0;}to{opacity:1;}}
.menuLink{background:var(--card); z-index:1; max-width:413px; page-break-inside:auto; box-shadow:var(--sh-2); border-radius:var(--r-lg); width:100%; backface-visibility:visible; position:relative; padding:2.06rem 1.73rem 1.82rem;}
.ui-chip{position:absolute; background:rgba(8, 32, 24, 0.47); inset:0; backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px);}.ui-review{top:.7.08rem; line-height:1; right:.95.07rem; color:var(--muted); font-size:1.75rem; position:absolute;}
.widget-image{font-weight:600; font-size:1.35rem; margin-bottom:1.17rem; color:var(--ink); display:block; font-family:var(--display);}
.ui-review:hover{color:var(--ink);}
.galleryCount{margin-bottom:0.95rem; display:flex; flex-direction:column; gap:.7.04rem;}
.stepLabel{margin:0; font-size:.87.98rem; color:var(--muted); text-align:center;}html .bannerToggle{overflow-y:auto; justify-content:flex-start; padding:1.61rem 22px; gap:.3.96rem; inset:58px 0 0 0; flex-direction:column; print-color-adjust:economy; transition:transform 0.346s ease; align-items:stretch; position:fixed; margin:0; transform:translateX(100%); background:var(--bg);}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .filterSuffix{display:flex;}
  .priceArea{gap:.0.98rem; align-items:stretch; flex-direction:column;}
  .bannerToggle.is-open{transform:translateX(0);}.timelineHandle{font-size:1.04rem; padding:.75.08rem 0;}
  .galleryBlock{margin:.8rem 0 0; border-top:1px solid var(--line); padding-top:.8.06rem;}
  .galleryBlock .c-section-toggle{margin-top:.4.07rem; break-inside:auto;}.formThumb{grid-template-columns:1fr;}
}
@media (max-width:560px){
  :root{--r-lg:10px;}
.price-data:first-child {font-weight:500; position:absolute}

  .threadSeparator{grid-template-columns:1fr; backface-visibility:visible;}.avatarArea{padding:0 13px;}.pagination-link-pressed{page-break-inside:auto; flex-direction:column; align-items:flex-start;}
  .listData{gap:1.18rem;}
  .profileDate{mix-blend-mode:normal; bottom:1.05rem; right:1.13rem; image-rendering:auto;}
  .o-media{margin-left:0;}html .menuLink{padding:1.65rem 1.33rem 1.45rem;}
  .sidebarGroup{gap:.6.92rem; align-items:flex-start; flex-direction:column;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{*.el-header, .headerGroup, .profileDate:not(.unused15), body .w-12, .review-info, *.pagination-link-pressed, .formThumb:not(.noop71), .badgeData:not(.none80){transform-style:flat; display:none!important;}
  body{color:#050300; font-size:12pt; background:hsl(2, 0.3%, 100%);}
  .replyPreview,.bg-lg{border:0 none; padding:0; box-shadow:none;}
  .commentPrefix{max-width:none;}
}