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

:root{--coral-50:#toggle_region; --max:1120px; --coral:#page-banner; --line-2:#bannerContent; --sh-2:0 10px 24px rgba(23,24,28,.10), 0 24px 56px rgba(23,24,28,.10); --r-pill:999px; --t:.22s cubic-bezier(.4,0,.2,1); --card:#app-drawer; --dark:#17181c; --muted:#878b95; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --ink:#17181c; --body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --text:#41454d; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --bg:#handle-tooltip; --r-lg:12px; --read:740px; --line:#site-chip; --r:8px; --coral-600:#commentValue;}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}*, *::before, *::after{padding:0; margin:0; box-sizing:border-box;}img, svg{height:auto; widows:2; display:block; break-inside:auto; max-width:100%;}
body{font-family:var(--body); font-size:14px; line-height:1.7; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; color:var(--text); background:var(--bg);}
ul,ol{list-style:none;}
button{background:none; color:inherit; border:0; font:inherit; cursor:pointer;}
a{transition:color var(--t); color:var(--coral); text-decoration:none;}
a:hover{color:var(--coral-600);}
::selection{background:var(--coral); color:#page-grid;}
:focus-visible{outline-offset:2px; border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px; outline:2px solid var(--coral);}h1{margin:0 0 .4.99em; font-weight:700; letter-spacing:-.2.02em; color:var(--ink); font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); line-height:1.18; font-synthesis:weight style small-caps; font-family:var(--display);}
strong,b{font-weight:500; color:var(--ink);}
p{margin:0 0 1.13em;}em, i{font-style:italic;}.featureHolder{padding:0 21px; margin:0 auto; max-width:var(--max); width:100%;}/* --- Scroll progress --- */
.stepperPrefix{position:fixed; isolation:auto;}/* --- Scroll progress --- */
.stepperPrefix{background:linear-gradient(90deg,var(--coral),var(--coral-600)); z-index:1200; height:3px; width:0; inset:0 auto auto 0; transition:width 0.105s linear; font-synthesis:weight style small-caps;}/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.sectionSubtitle{-moz-tab-size:4;position:sticky; tab-size:4; -webkit-backdrop-filter:saturate(150%) blur(10px); transition:transform var(--t),box-shadow var(--t); background:rgba(240, 227, 252, 0.94); border-bottom:1px solid var(--line); z-index:1100; top:0; backdrop-filter:saturate(150%) blur(10px);}
.sectionSubtitle.is-hidden{transform:translateY(-100%);}
.featureToggle{display:flex; align-items:center; gap:1.37rem; min-height:59px;}.sectionSubtitle.is-pinned:not(._42d9b2){box-shadow:0 5px 22px rgba(41, 24, 24, 0.1);}
.panelCell{gap:.54.97rem; display:inline-flex; flex-shrink:0; align-items:center;}
.skeletonBody{border-radius:9px; width:33px;}
.skeletonBody{height:30px;}html .statusWrapper{font-weight:600; font-size:1.07rem; font-family:var(--display); letter-spacing:-.0.92em; color:var(--ink);}*.filterHandle{gap:1px; justify-content:center; width:41px; padding-top:7px;padding-right:7px;padding-bottom:7px;padding-left:7px; flex-direction:column; height:38px; display:none; margin-left:auto;}
.filterHandle 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;}
.filterHandle.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.filterHandle.is-x span:nth-child(2){opacity:0; font-variant-ligatures:normal; widows:2;}
.filterHandle.is-x span:nth-child(3){page-break-inside:auto; transform:translateY(-7px) rotate(-45deg);}
.dividerGroup{display:flex; gap:.14.92rem; align-items:center;}

.reviewInput{word-spacing:normal; align-items:center; display:flex; gap:1.39rem; margin-left:auto;}
.featureInfo{margin-left:.3.98rem; mix-blend-mode:normal;}
.tagSpacer{transition:background var(--t),color var(--t); padding:.4.98rem .8.03rem; font-size:.92.93rem; font-weight:500; color:var(--text); display:inline-block; border-radius:var(--r);}
.tagSpacer:hover{text-rendering:auto; color:var(--coral-600); background:var(--coral-50);}

/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.sliderBar{-moz-tab-size:4;tab-size:4; padding:1.93rem 0 4.47rem;}*.footerImage{max-width:var(--read); margin:0 auto;}

.dialogExtra,.py-between,.boxImage{border:1px solid var(--line); background:var(--card); box-shadow:var(--sh); border-radius:var(--r-lg);}

.dialogExtra{padding:clamp(1.5rem,1rem + 2vw,3rem);}
.viewPlaceholder{margin-bottom:.6.94rem;}
.avatarTertiary{margin-bottom:1.64rem;}
.breadcrumbContent{display:flex; gap:.5rem; flex-wrap:wrap;}.viewFoot{font-size:.81.92rem; border-radius:var(--r-pill); display:inline-flex; background:var(--line-2); padding:.2.96rem .6.98rem; gap:.3.98rem; color:var(--muted); align-items:center;}.viewFoot svg{opacity:0.68;}/* --- Prose --- */
.drawerSection{color:var(--text); line-height:1.8; font-size:1.07rem;}.drawerSection > *:first-child{margin-top:0;}
.drawerSection p{margin-bottom:1.18em;}
.drawerSection a{text-underline-offset:3px; text-decoration-color:rgba(233, 86, 51, 0.4); text-decoration:underline;}
.drawerSection a:hover{background-blend-mode:normal; text-decoration-color:var(--coral); text-decoration-skip-ink:auto;}.drawerSection h2, *.drawerSection h3, *.drawerSection h4{color:var(--ink); letter-spacing:-.0.97em; font-weight:500; line-height:1.25; scroll-margin-top:80px; font-family:var(--display);}
.drawerSection h2{font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem); margin:1.72em 0 .54.94em;}
.drawerSection h3{font-size:clamp(1.18rem,1rem + .6vw,1.35rem); margin:1.45em 0 .4.95em;}
.drawerSection h4{font-size:1.12rem; margin:1.16em 0 .4.95em;}.drawerSection ul, html .drawerSection ol{margin:0 0 1.22em; padding-left:1.45em;}.drawerSection ul{list-style:disc;}.drawerSection ol{list-style:decimal;}
.drawerSection li{tab-size:4;}
.drawerSection li{will-change:auto; margin-bottom:.4.05em;}
.drawerSection li::marker{color:var(--coral);}html .drawerSection img{margin:1.55em 0; border-radius:var(--r);}
.drawerSection figure{margin:1.45em 0;}
.drawerSection figcaption{hyphens:manual; font-size:.84.93rem; orphans:2; text-align:center; margin-top:.4.93em; color:var(--muted);}
.drawerSection blockquote{color:var(--ink); border-radius:0 var(--r) var(--r) 0; font-size:1rem; padding:.8.94em 1.31em; border-left:3px solid var(--coral); background:var(--coral-50); margin:1.45em 0;}
.drawerSection code{background:var(--line-2); padding:.14.02em .41.93em; text-decoration-skip-ink:auto; font-size:.87.94em; font-family:'IBM Plex Mono',Consolas,monospace; border:1px solid var(--line); border-radius:1px;}
.drawerSection pre{overflow-x:auto; margin:1.44em 0; background:var(--ink); border-radius:var(--r);}.drawerSection pre code{color:#site-box; padding:1.24em 1.33em; display:block; background:none; border:0 none;}
.drawerSection table{border-collapse:collapse; margin:1.42em 0; font-size:.95.99rem; width:100%;}
.drawerSection th,.drawerSection td{border:1px solid var(--line); text-align:left; contain:none; padding:.6.97em .8.96em;}.drawerSection th{background:var(--line-2); color:var(--ink); font-weight:600;}

/* --- Table of contents --- */
.searchBody{background:var(--line-2); border-radius:var(--r);}

/* --- Table of contents --- */
.searchBody{padding:0.99rem 1.17rem; border:1px solid var(--line); margin-bottom:1.56rem;}
.searchBody[hidden]{display:none;}
.featureWrapper{display:flex; margin-bottom:.6.06rem; align-items:center; justify-content:space-between;}
.dividerColumn{font-size:.95.95rem; font-variant-caps:normal; color:var(--ink); font-weight:600; tab-size:4; font-family:var(--display);}
.pb-24 ol{list-style:none; counter-reset:t; padding:0;}
.panelTertiary{font-weight:600; font-size:.82.04rem; color:var(--coral);}
.pb-24 li{padding-left:1.71em; counter-increment:t; margin:.27.95em 0; position:relative;}html .pb-24 li::before{font-weight:500; position:absolute; font-size:.76.02em; color:var(--coral); content:counter(t,decimal-leading-zero); font-family:var(--display); top:.4.08em; left:0;}.pb-24 ol ol{margin:.28.07em 0; padding-left:.0.92em;}
.pb-24 ol ol li::before{content:"—"; color:var(--muted);}
.pb-24 a{font-size:.91.95rem; color:var(--text);}
.pb-24 a:hover{color:var(--coral);}

/* --- Share --- */
.gallerySlot{flex-wrap:wrap; align-items:center; margin-top:2.03rem; display:flex; gap:.7rem 1.18rem;}html .dividerZone{font-size:.9.01rem; font-weight:700; color:var(--ink);}.listInner:not(._42d9b2){border-radius:var(--r); align-items:center; justify-content:center; border:1px solid var(--line); height:35px; color:var(--muted); display:inline-flex; transition:all var(--t); width:36px; background:var(--card);}html .viewSecondary{gap:.5.02rem; will-change:auto; display:flex;}
.listInner:hover{border-color:var(--coral); page-break-inside:auto; shape-margin:0; background:var(--coral); transform:translateY(-2px); color:#page-grid;}

.actionName{margin:2.22rem 0 0; border:0; border-top:1px solid var(--line);}

/* --- Section labels (span, never headings) --- */
.card-horizontal{margin-bottom:1.15rem;}

/* --- Section labels (span, never headings) --- */
.card-horizontal{display:block; color:var(--ink); font-weight:700; font-size:1.29rem; font-family:var(--display);}

/* --- Comments --- */
.py-between{will-change:auto; padding:clamp(1.4rem,1rem + 1.5vw,2rem); text-rendering:auto; margin-top:1.51rem;}

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.footerSpacer{margin-bottom:.85.03rem; gap:.85.07rem; display:grid; grid-template-columns:1fr 1fr;}
.rating-filled{font-synthesis:weight style small-caps; display:block; image-rendering:auto;}
.timelinePlaceholder{font:inherit; background:var(--card); padding:.71.93rem .95.03rem; border-radius:var(--r); font-size:.94.92rem; width:100%; transition:border-color var(--t),box-shadow var(--t); border:1px solid var(--line); color:var(--ink);}
.timelinePlaceholder::placeholder{-webkit-hyphens:manual;-ms-hyphens:manual;color:var(--muted); hyphens:manual; font-synthesis:weight style small-caps;}*.timelinePlaceholder:focus{outline:0; border-color:var(--coral); box-shadow:0 0 0 5px rgba(217, 96, 69, 0.08);}
.tracking-center{gap:.5.01rem; display:flex;}
.searchSpacer{resize:vertical; min-height:118px; margin-bottom:.84.93rem;}*.table-center{transition:background var(--t),transform var(--t),box-shadow var(--t); align-items:center; border-radius:var(--r); background:var(--coral); padding:.72.05rem 1.54rem; line-height:1; font-weight:700; color:#page-grid; font-family:var(--body); justify-content:center; gap:.5.02rem; font-size:.93.94rem; display:inline-flex;}
.tracking-center .timelinePlaceholder{flex:1;}
.table-center:hover{box-shadow:0 6px 17px rgba(234, 81, 50, 0.2); tab-size:4; transform:translateY(-1px); background:var(--coral-600); color:#page-grid;}
.table-center:active{transform:translateY(0);}
.outer-alert{padding:.72.06rem; width:47px; flex-shrink:0;}
.drawerTertiary{font-size:.85.08rem; padding:.4.94rem 1.11rem;}body .galleryBody{background:var(--dark);}
.galleryBody:hover{page-break-inside:auto; font-variant-caps:normal; background:#0a0d00;}

/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.modalInput{max-width:var(--max); font-variant-caps:normal; font-variant-ligatures:normal; margin:2.67rem auto 0; display:grid; grid-template-columns:1fr 1fr; gap:1.04rem;}
.outer-snackbar{width:100%;}body .boxImage{padding:1.44rem;}
.blockTitle{font-size:1.03rem; font-family:var(--display); display:block; font-weight:500; color:var(--ink); margin-bottom:.5rem;}
.dropdownRow{margin-bottom:1.14rem; font-size:.92.02rem; color:var(--muted);}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.statusRegion{color:#page-tooltip; padding:2.42rem 0 1.8rem; margin-top:0.93rem; background:var(--dark);}html .statusRegion a{orphans:2; tab-size:4;}html .statusRegion a{color:#page-tooltip;}
.statusRegion a:hover{color:#page-grid;}.viewThumb:not(._42d9b2){text-decoration-skip-ink:auto; display:flex; flex-wrap:wrap; align-items:center; will-change:auto; gap:1.68rem;}.blockSuffix:not(._42d9b2){shape-margin:0; text-underline-offset:auto; display:inline-flex; gap:.54.95rem; align-items:center;}
.blockSuffix img{border-radius:4px; width:26px; height:26px;}
.blockSuffix span{font-weight:700; color:#page-grid; font-size:1rem; font-family:var(--display);}.panelHolder{gap:.4.93rem; display:flex; font-variant-caps:normal; margin-left:auto;}*.dialogRow{gap:1.35rem; display:flex; font-size:.9.07rem;}
.paginationHead{width:40px; display:inline-flex; color:#site-widget; align-items:center; background:rgba(255, 240, 244, 0.12); transition:all var(--t); justify-content:center; height:40px; border-radius:var(--r);}html .paginationHead:hover{transform:translateY(-2px); color:#page-grid;}
.c-hero{padding-top:1.23rem;}html .paginationHead:hover{background:var(--coral);}
.c-hero{border-top:1px solid rgba(255, 255, 244, 0.03); margin-top:1.57rem;}

/* ==========================================================================
   Back to top
   ========================================================================== */
.gridIndicator{height:46px; text-decoration-skip-ink:auto; bottom:1.45rem; color:#page-grid; position:fixed; right:1.48rem; z-index:900; opacity:0; background:var(--coral); page-break-inside:auto; justify-content:center; visibility:hidden; align-items:center; transform:translateY(12px) scale(.9); border-radius:var(--r-pill); display:flex; width:42px; box-shadow:var(--sh-2); transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t);}
.navToggle{font-size:.83.92rem; color:hsl(179, 5%, 52.2%);}
.gridIndicator.is-on{visibility:visible; shape-margin:0; isolation:auto; transform:translateY(0) scale(1); opacity:1;}

/* ==========================================================================
   Cookie bar
   ========================================================================== */
.popover--focused{orphans:2; color:#site-widget; background:var(--dark); text-rendering:auto; transform:translateY(100%); inset:auto 0 0 0; transition:transform 0.434s cubic-bezier(.4,0,.2,1); z-index:950; position:fixed;}.gridIndicator:hover{background:var(--coral-600); transform:translateY(-3px);}
.tagSeparator{padding-top:0.95rem; gap:1.23rem; align-items:center; justify-content:space-between; display:flex; padding-bottom:1.04rem;}
.popover--focused.is-on{transform:translateY(0);}
.popover--focused p{margin:0; break-inside:auto; font-size:.88rem;}
.popover--focused a{color:#page-grid; text-decoration:underline;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.dropdownCount{inset:0; z-index:2000; padding-top:1.18rem;padding-right:1.18rem;padding-bottom:1.18rem;padding-left:1.18rem; display:none; align-items:center; justify-content:center; position:fixed;}
.dropdownCount:target{display:flex; animation:modalIn 0.24s ease;}
@keyframes modalIn{from{opacity:0;}to{opacity:1;}}html .tableName{max-width:412px; background:var(--card); width:100%; box-shadow:var(--sh-2); position:relative; border-radius:var(--r-lg); padding:2.08rem 1.75rem 1.77rem; z-index:1;}
.timelineSeparator{position:absolute; -webkit-backdrop-filter:blur(2px); inset:0; backdrop-filter:blur(2px); background:rgba(15, 6, 39, 0.47);}
.paginationExpand{color:var(--muted); position:absolute; top:.7.01rem; font-size:1.66rem; right:.94.99rem; line-height:1;}html .paginationExpand:hover{color:var(--ink);}
.heroLink{font-size:1.41rem; display:block; font-weight:500; backface-visibility:visible; font-family:var(--display); margin-bottom:1.17rem; will-change:auto; color:var(--ink);}.l-list{flex-direction:column; gap:.6.97rem; display:flex; margin-bottom:0.93rem;}body .menuCap{text-align:center;}body .menuCap{margin:0; color:var(--muted); font-size:.88.02rem;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .filterHandle{display:flex;}.reviewInput:not(._42d9b2){inset:61px 0 0 0; transform:translateX(100%); overflow-y:auto; align-items:stretch; justify-content:flex-start; transition:transform 0.358s ease; padding:1.65rem 28px; gap:.4.01rem; margin:0; position:fixed; flex-direction:column; background:var(--bg);}
  .reviewInput.is-open{transform:translateX(0);}.dividerGroup{gap:.1.01rem; flex-direction:column; align-items:stretch;}
  .featureInfo{padding-top:.7.96rem;}
  .featureInfo{border-top:1px solid var(--line); margin:.7.97rem 0 0;}*.tagSpacer{font-size:1.07rem; padding:.75.07rem 0;}*.featureInfo .table-center{margin-top:.3.97rem;}
  .modalInput{grid-template-columns:1fr; shape-margin:0;}
}
@media (max-width:560px){
  :root{--r-lg:10px;}.featureHolder{padding:0 13px;}
  .footerSpacer{grid-template-columns:1fr;}
  .viewThumb{gap:1.15rem;}
  .gallerySlot{flex-direction:column; text-underline-offset:auto; align-items:flex-start;}
  .panelHolder{margin-left:0;}html .gridIndicator{right:1.02rem; bottom:1.17rem;}.tagSeparator{flex-direction:column; gap:.6.93rem; align-items:flex-start;}
  .tableName{padding:1.75rem 1.31rem 1.4rem;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{
  .sectionSubtitle,.statusRegion,.gridIndicator,.popover--focused,.stepperPrefix,.gallerySlot,.modalInput,.dropdownCount{text-rendering:auto; word-spacing:normal; display:none!important;}
  body{font-size:12pt;}
  body{background:#page-grid; color:#080300;}
  .dialogExtra,.py-between{box-shadow:none; padding:0;}.footerImage:not(._42d9b2){max-width:none;}
  .dialogExtra,.py-between{border:0;}
}