*,*::before,*::after{page-break-inside:auto; margin:0; box-sizing:border-box; padding:0;}/* ==========================================================================
   1029_new_v1 — style.css
   Clean modern theme · cool neutrals + coral accent · Space Grotesk / IBM Plex
   ========================================================================== */

:root{--coral:#e85d3d; --r-lg:12px; --muted:#878b95; --bg:#f4f5f7; --text:#41454d; --max:1120px; --t:.22s cubic-bezier(.4,0,.2,1); --body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --coral-50:#fdeee9; --line-2:#eef0f4; --r-pill:999px; --card:#ffffff; --read:740px; --dark:#17181c; --r:8px; --coral-600:#cf4a2c; --ink:#17181c; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --line:#e6e8ee; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --sh-2:0 10px 24px rgba(23,24,28,.10), 0 24px 56px rgba(23,24,28,.10);}html{-webkit-text-size-adjust:100%; scroll-behavior:smooth;}
body{-webkit-font-smoothing:antialiased; color:var(--text); line-height:1.7; background:var(--bg); font-family:var(--body); font-size:14px; text-rendering:optimizeLegibility;}
ul,ol{list-style:none;}img, svg{max-width:100%; height:auto; display:block;}
a{font-variant-ligatures:normal; transition:color var(--t); text-decoration:none; color:var(--coral);}
button{cursor:pointer; background:none; font:inherit; border:0 none; color:inherit;}
a:hover{color:var(--coral-600);}
:focus-visible{outline:2px solid var(--coral); outline-offset:2px; border-radius:1px;}
::selection{background:var(--coral); color:#f6fcef;}p{margin:0 0 1.18em;}h1{font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); font-family:var(--display); font-weight:bold; color:var(--ink); line-height:1.18; margin:0 0 .4.98em; letter-spacing:-.2.02em;}
strong,b{font-weight:600; color:var(--ink);}
em,i{font-style:italic;}

/* --- Scroll progress --- */
.bannerPreview{position:fixed; background:linear-gradient(90deg,var(--coral),var(--coral-600)); width:0; z-index:1200; inset:0 auto auto 0; height:2px;}.chipToggle{margin:0 auto; width:100%; max-width:var(--max); padding:0 21px;}

/* --- Scroll progress --- */
.bannerPreview{transition:width 0.095s linear;}

/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.hero-secondary{position:sticky; border-bottom:1px solid var(--line); background:rgba(237, 232, 255, 0.92); transition:transform var(--t),box-shadow var(--t); -webkit-backdrop-filter:saturate(150%) blur(10px); backdrop-filter:saturate(150%) blur(10px); z-index:1100; top:0;}
.hero-secondary.is-hidden{transform:translateY(-100%); page-break-inside:auto;}
.hero-secondary.is-pinned{box-shadow:0 12px 26px rgba(37, 14, 23, 0.09);}
.accordion-track {color:inherit; flex-wrap:nowrap; cursor:default; gap:48px; margin-bottom:1.5rem; overflow:hidden}

.toolbarSection{min-height:59px; align-items:center; gap:1.41rem; display:flex;}.page-body{border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px; width:28px; height:33px;}
.pageTime{display:inline-flex; gap:.55.03rem; flex-shrink:0; align-items:center;}
.spinnerClose{font-size:1.16rem; letter-spacing:-.1.03em; font-family:var(--display); font-weight:600; color:var(--ink);}

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

.screenPlaceholder{display:flex;}
.justify-24.is-x span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.screenPlaceholder{gap:1.34rem; margin-left:auto; align-items:center;}*.profileFoot{margin-left:.4.07rem;}html .tooltipClose{align-items:center; display:flex; gap:.15.02rem;}.pl-4{transition:background var(--t),color var(--t); font-size:.93.08rem; font-weight:600; color:var(--text); padding:.5.01rem .8.03rem; display:inline-block; border-radius:var(--r);}
.pl-4:hover{background:var(--coral-50); color:var(--coral-600);}/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.alertCount{padding:2.08rem 0 4.45rem;}.panelAction:not(.nil98), body .pageAddon, .text-20{border:1px solid var(--line); border-radius:var(--r-lg); background:var(--card); box-shadow:var(--sh);}
.order-lg{font-synthesis:weight style small-caps; background-blend-mode:normal; margin:0 auto; max-width:var(--read);}

.panelAction{padding:clamp(1.5rem,1rem + 2vw,3rem);}
.layoutClose{margin-bottom:1.55rem;}
.chipInput{margin-bottom:.7.04rem;}
.progressExtra{display:flex; gap:.5rem; flex-wrap:wrap; print-color-adjust:economy; font-synthesis:weight style small-caps;}
#toggle-preview {position:relative; padding:1rem; flex-wrap:nowrap; min-height:100vh; margin:0}

.statusBackdrop{gap:.4.08rem; font-size:.82.03rem; background:var(--line-2); color:var(--muted); align-items:center; display:inline-flex; border-radius:var(--r-pill); padding:.3.07rem .6.99rem;}html .statusBackdrop svg{opacity:0.78;}

/* --- Prose --- */
.ratingSuffix{color:var(--text); line-height:1.8; font-size:1.08rem;}
.ratingSuffix > *:first-child{margin-top:0;}
.ratingSuffix p{transform-style:flat; margin-bottom:1.07em;}
.ratingSuffix a{text-decoration-color:rgba(233, 94, 53, 0.39); text-decoration:underline; text-underline-offset:3px;}
.ratingSuffix a:hover{text-rendering:auto; text-decoration-color:var(--coral); contain:none;}
.ratingSuffix h2,.ratingSuffix h3,.ratingSuffix h4{letter-spacing:-.1.07em; color:var(--ink); scroll-margin-top:80px; line-height:1.25; font-weight:600; font-family:var(--display);}
.ratingSuffix h2{font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem); margin:1.73em 0 .54.99em;}
.ratingSuffix h3{margin:1.33em 0 .5.07em; font-size:clamp(1.18rem,1rem + .6vw,1.35rem);}
.ratingSuffix h4{margin:1.25em 0 .4.93em; font-size:1.07rem;}.ratingSuffix ul, body .ratingSuffix ol{margin:0 0 1.12em; padding-left:1.42em;}
.ratingSuffix ul{list-style:disc;}html .ratingSuffix ol{list-style:decimal;}.ratingSuffix li{margin-bottom:.3.95em;}
.ratingSuffix li::marker{color:var(--coral);}html .ratingSuffix img{margin:1.42em 0; border-radius:var(--r);}
.ratingSuffix figure{margin:1.57em 0;}
.ratingSuffix figcaption{margin-top:.4.97em; color:var(--muted); font-size:.84.98rem;}
.ratingSuffix figcaption{text-align:center;}
.ratingSuffix blockquote{border-left:3px solid var(--coral); margin:1.49em 0; color:var(--ink); padding:.9.06em 1.26em; background:var(--coral-50); font-size:1.16rem; border-radius:0 var(--r) var(--r) 0;}
.ratingSuffix code{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px; font-family:'IBM Plex Mono',Consolas,monospace; background:var(--line-2); border:1px solid var(--line); font-size:.87.94em; padding:.13.98em .42.07em;}
.ratingSuffix pre{margin:1.51em 0; border-radius:var(--r); overflow-x:auto; background:var(--ink);}*.ratingSuffix pre code{color:#d7eae0; border:none; background:none; display:block; padding:1.16em 1.47em;}
.ratingSuffix table{font-size:.95.98rem; border-collapse:collapse; width:100%; margin:1.58em 0;}
.ratingSuffix th,.ratingSuffix td{border:1px solid var(--line);}
.ratingSuffix th,.ratingSuffix td{text-align:left; padding:.7.05em .8.98em;}
.ratingSuffix th{font-weight:600; color:var(--ink); background:var(--line-2);}
.avatar-slot:first-child {max-width:960px; box-shadow:0 9px 7px rgba(0,0,0,0.15)}


/* --- Table of contents --- */
.label-slider{padding-top:1.1rem;padding-right:1.19rem;padding-bottom:1.1rem;padding-left:1.19rem; margin-bottom:1.64rem; border:1px solid var(--line); background:var(--line-2); border-radius:var(--r); text-underline-offset:auto;}
.label-slider[hidden]{display:none;}
.navSlot{display:flex; justify-content:space-between; align-items:center; margin-bottom:.5.98rem;}
.formItem{font-size:.96.08rem; color:var(--ink); font-family:var(--display); font-weight:600;}
.selectLink{font-weight:600; font-size:.81.93rem; color:var(--coral);}
.reviewCount ol{text-underline-offset:auto; padding:0; list-style:none; contain:none; counter-reset:t;}
.reviewCount li{position:relative; margin:.28.08em 0; counter-increment:t; padding-left:1.62em;}.reviewCount li::before{color:var(--coral); top:.3.93em; font-weight:600; left:0; font-family:var(--display); content:counter(t,decimal-leading-zero); font-size:.75.96em; position:absolute;}
.reviewCount ol ol{padding-left:.1.01em; margin:.28.07em 0;}
.reviewCount ol ol li::before{content:"—"; color:var(--muted);}
.reviewCount a{color:var(--text); font-size:.91.95rem;}body .reviewCount a:hover{color:var(--coral);}

/* --- Share --- */
.dropdownClose{flex-wrap:wrap; gap:.6.96rem 1.06rem; margin-top:1.95rem; align-items:center; display:flex;}
.avatar{color:var(--ink); font-size:.8.97rem; font-weight:600;}
.spinnerItem{display:flex; gap:.4.94rem;}body .searchExpand{display:inline-flex; align-items:center; background:var(--card); font-variant-ligatures:normal; justify-content:center; border-radius:var(--r); color:var(--muted); width:36px; transition:all var(--t); border:1px solid var(--line); height:42px;}

.u-form{border-top:1px solid var(--line); margin:2.23rem 0 0; border:0 none;}
.searchExpand:hover{color:#feffff; background:var(--coral); transform:translateY(-2px); border-color:var(--coral);}

/* --- Section labels (span, never headings) --- */
.menuMeta{font-family:var(--display); font-weight:600; color:var(--ink); margin-bottom:1.04rem; display:block; font-size:1.25rem;}/* --- Comments --- */
:where(.pageAddon){margin-top:1.56rem; padding:clamp(1.4rem,1rem + 1.5vw,2rem);}
.actionAddon{display:block;}/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.ratingIndicator{gap:.85.04rem; margin-bottom:.84.94rem; grid-template-columns:1fr 1fr; display:grid;}body .moduleBlock{transition:border-color var(--t),box-shadow var(--t); width:100%; border:1px solid var(--line); font:inherit; color:var(--ink); transform-style:flat; border-radius:var(--r); widows:2; padding:.72.05rem .94.94rem; background:var(--card); font-size:.94.99rem;}
.moduleBlock::placeholder{color:var(--muted);}
.moduleBlock:focus{box-shadow:0 0 0 5px rgba(234, 96, 63, 0.19); outline:0; border-color:var(--coral);}
.timelineTime{resize:vertical; mix-blend-mode:normal; word-spacing:normal; margin-bottom:.85.08rem; min-height:123px;}
.formColumn{gap:.5.02rem; display:flex;}*.formBar{display:inline-flex; font-family:var(--body); font-weight:600; line-height:1; background:var(--coral); align-items:center; transition:background var(--t),transform var(--t),box-shadow var(--t); border-radius:var(--r); justify-content:center; font-size:.93.99rem; padding:.71.99rem 1.54rem; color:hsl(157, 99%, 96.6%); gap:.4.94rem;}
.formColumn .moduleBlock{flex:1;}
.formBar:hover{box-shadow:0 2px 19px rgba(229, 99, 77, 0.18); transform:translateY(-1px); background:var(--coral-600); color:rgb(255, 252, 250);}
.formBar:active{transform:translateY(0);}
.sliderText{padding:.4.92rem 1.14rem; font-size:.85.05rem;}
.footerNumber{padding:.71.97rem;}
.footerNumber{flex-shrink:0; width:45px;}
.selectDot{background:var(--dark); break-inside:auto;}
.gap-2xl{width:100%;}
.selectDot:hover{background:#0a0a00;}
.panel-image:first-child {opacity:0.66; gap:2.5rem; padding:27px 5px; display:inline; transition:opacity 0.4s; position:absolute}

.layout-fill .search-backdrop {flex:none; border-radius:21px; text-transform:capitalize; transition:color 0.2s; width:100px}

.widget-holder .review-wrapper {max-width:none; align-items:flex-end; width:fit-content}


/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.avatar-name-elevated{display:grid; orphans:2; gap:1.12rem; max-width:var(--max); grid-template-columns:1fr 1fr; margin:2.59rem auto 0; mix-blend-mode:normal;}html .text-20{padding:1.49rem;}
.cardAddon{margin-bottom:1.13rem; color:var(--muted); font-size:.92.02rem;}body .commentLabel{font-weight:600; display:block; font-family:var(--display); font-size:1.15rem; margin-bottom:.5.05rem; color:var(--ink);}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.row-block{background:var(--dark); padding:2.42rem 0 1.83rem; margin-top:1.07rem; color:#c3bab9;}
.row-block a{color:#acbbbd;}
.skeleton-placeholder:hover {min-width:0; font-size:38px; margin-bottom:0}
.row-block a:hover{color:rgb(245, 245, 238); text-rendering:auto;}
.tableNumber{align-items:center; gap:1.66rem; flex-wrap:wrap; display:flex;}
.commentDot{display:inline-flex; align-items:center; gap:.54.94rem;}
.commentDot img{width:32px; border-radius:5px; height:28px;}
.post-column + .panel-addon {line-height:normal; display:inline; padding:0.25rem 3rem; transition:all 0.45s ease; margin-top:0; flex:0 0 auto}

.commentDot span{break-inside:auto; color:#ffffff; font-size:1.12rem; font-weight:600; font-family:var(--display);}
.widgetDate{margin-left:auto; widows:2; gap:.4.92rem; display:flex; tab-size:4;}
.stepperText{display:flex; font-size:.9.05rem; gap:1.24rem;}
.panelDate{display:inline-flex; transition:all var(--t); background:rgba(255, 255, 255, 0.02); width:38px; border-radius:var(--r); color:rgb(201, 192, 235); justify-content:center; align-items:center; height:41px;}.panelDate:hover{background:var(--coral); color:#ffffff; transform:translateY(-2px);}
.slider-focused{border-top:1px solid rgba(241, 249, 255, 0.15); padding-top:1.22rem; margin-top:1.52rem;}
.position-inline{color:rgb(147, 150, 129); font-size:.84.06rem;}

/* ==========================================================================
   Back to top
   ========================================================================== */
.accordionName{background:var(--coral); transform:translateY(12px) scale(.9); bottom:1.42rem; height:43px; transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); border-radius:var(--r-pill); box-shadow:var(--sh-2); position:fixed; align-items:center; justify-content:center; right:1.55rem; display:flex; opacity:0; color:#fefbfe; z-index:900; width:43px; visibility:hidden;}
.accordionName.is-on{transform:translateY(0) scale(1); opacity:1; visibility:visible;}.accordionName:hover{background:var(--coral-600); transform:translateY(-3px); widows:2;}
@media (min-width: 800px) {
  .hero-link:first-child {border-radius:37px; transition:transform 0.35s ease-in-out}
  .block--left {justify-content:space-between; background-color:transparent; flex:1; color:inherit; gap:37px; transition:color 0.35s}
  .layout-fill .search-backdrop {flex-wrap:nowrap; transition:all 0.35s ease; text-transform:none; margin:0 auto; background-color:transparent; position:relative}
}



/* ==========================================================================
   Cookie bar
   ========================================================================== */
.postLink{transition:transform 0.457s cubic-bezier(.4,0,.2,1); z-index:950; background:var(--dark); position:fixed; inset:auto 0 0 0; transform:translateY(100%); color:#c2cde5;}
.block--left {max-width:none; position:static; font-weight:400; justify-content:space-between; cursor:pointer; transition:transform 0.15s ease-in-out}

.postLink.is-on{transform:translateY(0);}*.m-block{justify-content:space-between; gap:1.33rem;}*.m-block{align-items:center; display:flex; padding-bottom:0.98rem; padding-top:1rem;}
.postLink p{font-size:.88.04rem; margin:0;}
.postLink a{text-decoration:underline; color:#ffffff;}/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.accordionSlot{position:fixed; inset:0; display:none; align-items:center; padding:1.27rem; justify-content:center; z-index:2000;}
.accordionSlot:target{animation:modalIn 0.219s ease; display:flex;}
@keyframes modalIn{from{opacity:0;}to{opacity:1;}}*.featureBar{backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); inset:0em; background:rgba(31, 11, 28, 0.5); position:absolute;}
.blockDetail{right:.95.04rem; font-size:1.75rem; color:var(--muted); line-height:1; position:absolute; top:.7.03rem;}
.hero-link:first-child {padding-bottom:31px; flex-wrap:nowrap; justify-content:center}

.viewSubtitle{box-shadow:var(--sh-2); z-index:1; background:var(--card); width:100%; position:relative; border-radius:var(--r-lg); padding:2.04rem 1.76rem 1.88rem; max-width:410px; orphans:2; will-change:auto;}
.blockDetail:hover{color:var(--ink);}
.footerLine{color:var(--ink); font-weight:600; margin-bottom:1.26rem; font-size:1.33rem; font-family:var(--display); display:block; orphans:2;}
.layoutPrefix{hyphens:manual; gap:.7rem; display:flex; flex-direction:column; margin-bottom:1.02rem; mix-blend-mode:normal;}
.post-info > expand {align-items:baseline; display:inline; cursor:default}


/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .justify-24{display:flex;}
.badge__close{color:var(--muted); text-align:center; font-size:.87.95rem; margin:0;}
  .screenPlaceholder{padding:1.6rem 28px; justify-content:flex-start; transform:translateX(100%); overflow-y:auto; margin:0; background:var(--bg); inset:64px 0 0 0; align-items:stretch; flex-direction:column; transition:transform 0.347s ease; gap:.4.03rem; position:fixed;}.screenPlaceholder.is-open{transform:translateX(0); backface-visibility:visible;}
  .tooltipClose{gap:.1.08rem; align-items:stretch; flex-direction:column;}body .profileFoot{padding-top:.7.95rem; border-top:1px solid var(--line); margin:.8.02rem 0 0;}html .pl-4{font-size:1rem; padding:.74.94rem 0;}
  .profileFoot .formBar{margin-top:.4rem;}.avatar-name-elevated{grid-template-columns:1fr;}
.box__prefix {text-align:left; gap:30px; padding-top:32px; min-width:0; cursor:pointer}

}
@media (max-width:560px){
  :root{--r-lg:10px;}
  .chipToggle{padding:0 19px;}
  .ratingIndicator{grid-template-columns:1fr;}
  .dropdownClose{flex-direction:column; align-items:flex-start;}
  .tableNumber{gap:1.17rem; shape-margin:0;}
  .accordionName{right:1.11rem; bottom:1.03rem;}
.search-suffix {padding-bottom:0.375rem; transition:opacity 0.15s; display:flex; min-width:0; box-shadow:none}

  .widgetDate{margin-left:0px;}
  .m-block{gap:.7.06rem; align-items:flex-start; flex-direction:column;}
  .viewSubtitle{tab-size:4; font-variant-ligatures:normal; padding:1.74rem 1.31rem 1.34rem;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{body .hero-secondary, html .row-block, .accordionName:not(.nil30), html .postLink, html .bannerPreview, *.dropdownClose, body .avatar-name-elevated, html .accordionSlot{display:none!important;}
  body{background-blend-mode:normal; font-variant-caps:normal; color:#0e000c; font-size:12pt; background-color:#feffed;}
  .panelAction,.pageAddon{padding:0; box-shadow:none; border:0;}
  .order-lg{max-width:none;}
}