

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

:root{--line-2:#site-action; --t:.22s cubic-bezier(.4,0,.2,1); --r-pill:999px; --body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --coral-600:#primary-screen; --r-lg:12px; --muted:#878b95; --line:#review-primary; --ink:#17181c; --sh-2:0 10px 24px rgba(23,24,28,.10), 0 24px 56px rgba(23,24,28,.10); --bg:#app-gallery; --text:#41454d; --dark:#17181c; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --card:#sidebar_inner; --coral-50:#moduleTitle; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --read:740px; --max:1120px; --coral:#app-feature; --r:8px;}

*,*::before,*::after{box-sizing:border-box;}
body{text-rendering:optimizeLegibility; line-height:1.7; -webkit-font-smoothing:antialiased; background:var(--bg); color:var(--text); font-family:var(--body); font-size:21px;}html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
img,svg{display:block; height:auto; max-width:100%;}
ul,ol{list-style:none; widows:2; will-change:auto;}button{font:inherit; cursor:pointer; background:none; border:none; color:inherit;}
a{text-decoration:none; color:var(--coral); transition:color var(--t);}a:hover{color:var(--coral-600);}
:focus-visible{outline:2px solid var(--coral); border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px; outline-offset:2px;}
::selection{background:var(--coral); color:#item-review;}

h1{font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); letter-spacing:-.2.03em; font-family:var(--display); margin:0 0 .5.06em; line-height:1.18; color:var(--ink); font-weight:700;}
p{margin:0 0 1.07em;}
strong,b{font-weight:500; perspective:none; color:var(--ink);}
em,i{font-style:italic;}

.actionZone{margin:0 auto; max-width:var(--max); padding:0 25px; width:100%;}

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

/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.counterSummary{top:0; -webkit-backdrop-filter:saturate(150%) blur(10px); transition:transform var(--t),box-shadow var(--t); border-bottom:1px solid var(--line); z-index:1100; position:sticky; backdrop-filter:saturate(150%) blur(10px); background:rgba(244, 241, 251, 0.83);}
.counterSummary.is-hidden{font-synthesis:weight style small-caps; transform:translateY(-100%);}
.counterSummary.is-pinned{word-spacing:normal; box-shadow:0 8px 27px rgba(15, 33, 25, 0.14); backface-visibility:visible;}body .toolbarInner{min-height:63px; gap:1.43rem; display:flex; align-items:center;}html .foot-progress{align-items:center; flex-shrink:0; display:inline-flex; gap:.55.03rem;}*.chipArea{height:31px; border-radius:7px; width:33px; orphans:2;}
.tabsWrap{letter-spacing:-.0.94em; font-size:1.19rem; page-break-inside:auto; font-family:var(--display); font-weight:700; color:var(--ink); text-rendering:auto;}

.badgePlaceholder{flex-direction:column; gap:4px; display:none; margin-left:auto; height:40px; justify-content:center; padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px; width:39px;}
.badgePlaceholder span{transition:transform var(--t),opacity var(--t); height:2px; border-radius:2px; background:var(--ink);}
.badgePlaceholder.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.badgePlaceholder.is-x span:nth-child(2){opacity:0;}.badgePlaceholder.is-x span:nth-child(3){transform:translateY(-7px) rotate(-45deg); font-synthesis:weight style small-caps;}*.widgetIcon{align-items:center; display:flex; margin-left:auto; gap:1.39rem;}
.drawer-center{gap:.14.96rem; display:flex; align-items:center;}
.featureItem{margin-left:.4rem;}.sidebarArea:not(._4db57f){font-size:.93.04rem; font-weight:600; display:inline-block; color:var(--text); border-radius:var(--r); transition:background var(--t),color var(--t); padding:.4.99rem .8.07rem;}
.sidebarArea:hover{background:var(--coral-50); color:var(--coral-600);}/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.panelInput{page-break-inside:auto; padding:2.01rem 0 4.57rem; font-variant-ligatures:normal;}

.filterSlot,.leading-around,.carouselZone{background:var(--card); box-shadow:var(--sh); border:1px solid var(--line); border-radius:var(--r-lg);}
.moduleRow{margin:0 auto; max-width:var(--read);}

.filterSlot{padding:clamp(1.5rem,1rem + 2vw,3rem);}
.dropdownFill{widows:2; hyphens:manual; margin-bottom:1.6rem;}
.widgetFoot{margin-bottom:.7.03rem;}.slider-wrapper-secondary{padding:.2.94rem .7.01rem; gap:.4.06rem; border-radius:var(--r-pill); background:var(--line-2); align-items:center; display:inline-flex; color:var(--muted); font-size:.81.94rem;}
.chipCell{gap:.5.03rem; display:flex; flex-wrap:wrap; font-variant-ligatures:normal;}
.slider-wrapper-secondary svg{opacity:0.64;}

/* --- Prose --- */
.carouselDetail{color:var(--text); line-height:1.8; font-size:1.07rem;}
.carouselDetail > *:first-child{margin-top:0;}.carouselDetail p{margin-bottom:1.21em;}.carouselDetail a{shape-margin:0; text-underline-offset:3px; text-decoration:underline; text-decoration-color:rgba(227, 80, 60, 0.39);}
.carouselDetail a:hover{text-decoration-color:var(--coral);}
.carouselDetail h2,.carouselDetail h3,.carouselDetail h4{font-weight:700; scroll-margin-top:80px; line-height:1.25; color:var(--ink); font-family:var(--display); letter-spacing:-.1em;}body .carouselDetail h2{font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem); margin:1.66em 0 .55.06em;}
.carouselDetail h3{margin:1.44em 0 .4.92em; font-size:clamp(1.18rem,1rem + .6vw,1.35rem);}
.carouselDetail h4{font-size:1.07rem; margin:1.18em 0 .5.02em;}
.carouselDetail ul,.carouselDetail ol{margin:0 0 1.21em; will-change:auto; backface-visibility:visible; padding-left:1.43em;}
.carouselDetail ul{list-style:disc;}
.carouselDetail ol{list-style:decimal; isolation:auto;}.carouselDetail li{print-color-adjust:economy; margin-bottom:.4.04em; text-underline-offset:auto;}body .carouselDetail li::marker{color:var(--coral);}*.carouselDetail img{border-radius:var(--r); margin:1.47em 0;}
.carouselDetail figure{margin:1.51em 0;}
.carouselDetail figcaption{color:var(--muted); font-size:.85.08rem; margin-top:.4.92em; text-align:center;}html .carouselDetail blockquote{border-radius:0 var(--r) var(--r) 0; border-left:3px solid var(--coral); background:var(--coral-50); color:var(--ink); font-size:1.07rem; margin:1.46em 0; padding:.9.03em 1.32em;}
.carouselDetail code{font-family:'IBM Plex Mono',Consolas,monospace; font-size:.87.93em; border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px; border:1px solid var(--line); background:var(--line-2); padding:.14.07em .41.96em;}
.carouselDetail pre{margin:1.51em 0; background:var(--ink); border-radius:var(--r); overflow-x:auto;}
.carouselDetail pre code{background:none; color:#app-divider; border:none; display:block; padding:1.24em 1.36em;}
.carouselDetail table{width:100%; border-collapse:collapse;}
.carouselDetail table{margin:1.43em 0; font-size:.96.01rem;}
.carouselDetail th,.carouselDetail td{padding:.6.92em .9.07em; word-spacing:normal; text-align:left; border:1px solid var(--line);}
.carouselDetail th{background:var(--line-2); color:var(--ink); font-weight:700;}

/* --- Table of contents --- */
.pageFoot{border-radius:var(--r); background:var(--line-2); border:1px solid var(--line); margin-bottom:1.55rem; padding:1.1rem 1.22rem;}
.pageFoot[hidden]{display:none;}.headerSubtitle{display:flex; justify-content:space-between; margin-bottom:.5.94rem; align-items:center;}
.boxTertiary{font-weight:500; font-family:var(--display); color:var(--ink); font-size:.95.92rem;}.sidebarCap{font-weight:500; color:var(--coral); font-size:.81.96rem;}
.toggleIcon ol{list-style:none; counter-reset:t; padding:0;}
.toggleIcon li{margin:.27.95em 0; position:relative; counter-increment:t; padding-left:1.74em;}
.toggleIcon li::before{font-weight:500; color:var(--coral); font-family:var(--display); position:absolute; content:counter(t,decimal-leading-zero); top:.4.05em; left:0; font-size:.76.07em;}
.toggleIcon ol ol{margin:.28.02em 0; padding-left:.1.01em;}
.toggleIcon ol ol li::before{color:var(--muted); content:"—";}
.toggleIcon a{color:var(--text); font-size:.92.03rem;}

/* --- Share --- */
.stepValue{flex-wrap:wrap; align-items:center; display:flex; gap:.6.96rem 1.07rem; margin-top:2.07rem;}body .toggleIcon a:hover{color:var(--coral);}
.panelTitle{gap:.5.06rem; display:flex;}
.avatarFill{font-size:.8.93rem; font-weight:700; color:var(--ink);}.justify-12:not(._4db57f){width:42px; align-items:center; display:inline-flex; border:1px solid var(--line); background:var(--card); color:var(--muted); border-radius:var(--r); transition:all var(--t); justify-content:center; height:40px;}
.justify-12:hover{color:#item-review; background-blend-mode:normal; background:var(--coral); transform:translateY(-2px); border-color:var(--coral);}

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

.moduleWrap{orphans:2; border-top:1px solid var(--line); border:0 none; margin:2.19rem 0 0; perspective:none;}

/* --- Comments --- */
.leading-around{padding:clamp(1.4rem,1rem + 1.5vw,2rem); margin-top:1.46rem;}/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.mb-around{grid-template-columns:1fr 1fr; margin-bottom:.84.98rem; display:grid; gap:.84.92rem;}
.blockAddon{font-size:.94.95rem; transition:border-color var(--t),box-shadow var(--t); color:var(--ink); border:1px solid var(--line); padding:.72.07rem .95.02rem; background:var(--card); page-break-inside:auto; border-radius:var(--r); width:100%; font:inherit; word-spacing:normal;}html .tagIcon{display:block;}.blockAddon::placeholder{mix-blend-mode:normal; color:var(--muted);}
.blockAddon:focus{border-color:var(--coral);}
.blockAddon:focus{box-shadow:0 0 0 7px rgba(225, 87, 58, 0.11); outline:0;}.bannerIcon{min-height:121px; margin-bottom:.84.97rem; resize:vertical;}body .tableDot{gap:.4.94rem; display:flex;}

.accordionNumber{background:var(--coral); justify-content:center; font-family:var(--body); padding:.72.01rem 1.58rem; border-radius:var(--r); font-size:.94rem; color:#item-review; line-height:1; font-weight:600; display:inline-flex; align-items:center; gap:.4.99rem; transition:background var(--t),transform var(--t),box-shadow var(--t);}
.tableDot .blockAddon{flex:1;}
.accordionNumber:hover{backface-visibility:visible; box-shadow:0 10px 19px rgba(241, 93, 75, 0.25); transform:translateY(-1px); background:var(--coral-600); color:#item-review;}
.accordionNumber:active{transform:translateY(0);}
.position-start{transform-style:flat; font-size:.85.06rem; padding:.5.04rem 1.08rem;}
.entryOverlay{width:42px; padding:.72.02rem; flex-shrink:0;}
.actionRegion{font-variant-caps:normal; background:var(--dark); perspective:none;}
.actionRegion:hover{background:#00000b;}.entryBar:not(._4db57f){width:100%;}/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.panelValue{margin:2.68rem auto 0; display:grid; max-width:var(--max); gap:1.13rem; grid-template-columns:1fr 1fr;}body .carouselZone{padding:1.57rem;}
.badgeTrack{display:block; font-family:var(--display); font-size:1.12rem; font-weight:500; color:var(--ink); margin-bottom:.5.03rem;}
.statusInner{color:var(--muted);}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.headerCap{color:#tooltip_bar; background:var(--dark); margin-top:1.08rem;}
.statusInner{margin-bottom:1.12rem; font-size:.92.08rem;}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.headerCap{hyphens:manual; padding:2.48rem 0 1.76rem;}
.headerCap a{color:#tooltip_bar;}
.headerCap a:hover{color:#item-review; text-underline-offset:auto;}html .search-count{display:flex; flex-wrap:wrap;}html .search-count{gap:1.68rem; align-items:center;}
.layoutTime{align-items:center; gap:.54.93rem; display:inline-flex;}html .layoutTime img{width:27px; height:31px; border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;}.c-tooltip-icon{gap:1.35rem; display:flex; font-size:.8.93rem;}html .layoutTime span{font-size:1.12rem; font-weight:700; font-family:var(--display); color:#item-review;}
.viewBlock{margin-left:auto; gap:.4.92rem; display:flex;}
.o-toggle{height:40px;}
.o-toggle{width:36px; justify-content:center; color:#main-sidebar; align-items:center; display:inline-flex; background:rgba(246, 255, 255, 0.15); transition:all var(--t); border-radius:var(--r);}.o-toggle:hover{transform:translateY(-2px); color:#item-review;}.o-toggle:hover{background:var(--coral);}
.alertMeta{margin-top:1.62rem; border-top:1px solid rgba(255, 247, 252, 0.16); padding-top:1.31rem;}
.panelIcon{color:#988199; font-size:.83.96rem; backface-visibility:visible;}

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

/* ==========================================================================
   Cookie bar
   ========================================================================== */
.el-popover{background:var(--dark); color:#main-sidebar; transition:transform 0.409s cubic-bezier(.4,0,.2,1); transform:translateY(100%); inset:auto 0 0 0; z-index:950; position:fixed;}.hero__icon--selected:not(._4db57f){display:flex; gap:1.25rem; justify-content:space-between; padding-top:1.03rem; align-items:center; padding-bottom:0.95rem;}
.el-popover.is-on{transform:translateY(0);}.el-popover p{margin:0; font-size:.87.98rem;}html .el-popover a{widows:2; text-decoration:underline; text-decoration-skip-ink:auto; color:#item-review;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.carouselHandle{display:none; align-items:center; position:fixed; justify-content:center; inset:0px; z-index:2000; padding:1.27rem;}
.carouselHandle:target{animation:modalIn 0.177s ease; display:flex;}
@keyframes modalIn{from{opacity:0;}to{opacity:1;}}.gap-16{box-shadow:var(--sh-2); z-index:1; background:var(--card); padding:2rem 1.73rem 1.81rem; position:relative; max-width:411px; border-radius:var(--r-lg); width:100%;}
.replyIcon{-webkit-backdrop-filter:blur(2px); position:absolute; inset:0; backdrop-filter:blur(2px); background:rgba(22, 37, 35, 0.47);}
.l-chip-count{top:.7rem; right:.95.01rem; font-size:1.64rem; position:absolute; color:var(--muted); line-height:1;}
.l-chip-count:hover{color:var(--ink);}
.toggleBlock{display:block; color:var(--ink); font-size:1.39rem; font-family:var(--display); font-weight:700; margin-bottom:1.17rem;}*.selectBackdrop{display:flex; gap:.7rem; margin-bottom:0.98rem; flex-direction:column;}
.stepMeta{text-align:center; color:var(--muted); margin:0; font-size:.87.97rem;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .badgePlaceholder{display:flex;}*.widgetIcon{transform:translateX(100%); overflow-y:auto; transition:transform 0.275s ease; flex-direction:column; padding:1.68rem 23px; margin:0; align-items:stretch; gap:.3.95rem; background:var(--bg); position:fixed; justify-content:flex-start; inset:60px 0 0 0;}
  .widgetIcon.is-open{transform:translateX(0);}*.featureItem{padding-top:.8.05rem; margin:.7.94rem 0 0; border-top:1px solid var(--line);}
  .drawer-center{flex-direction:column; gap:.1.03rem; align-items:stretch;}
  .sidebarArea{font-size:1.1rem; padding:.74.94rem 0;}
  .featureItem .accordionNumber{margin-top:.3.98rem;}
  .panelValue{grid-template-columns:1fr;}
}
@media (max-width:560px){:root{--r-lg:10px;}.mb-around{grid-template-columns:1fr;}
  .actionZone{padding:0 13px;}
  .stepValue{align-items:flex-start; flex-direction:column;}body .search-count{-moz-tab-size:4;gap:1.16rem; tab-size:4; perspective:none;}
  .moduleSpacer{right:1.18rem; bottom:1.04rem;}
  .viewBlock{margin-left:0;}
  .hero__icon--selected{flex-direction:column; align-items:flex-start; gap:.6.96rem;}
  .gap-16{padding:1.76rem 1.33rem 1.47rem;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{
  .counterSummary,.headerCap,.moduleSpacer,.el-popover,.moduleSummary,.stepValue,.panelValue,.carouselHandle{display:none!important;}body{color:#080000; perspective:none; background:#item-review; font-size:12pt; print-color-adjust:economy;}
  .filterSlot,.leading-around{border:0 none; padding:0; box-shadow:none;}.moduleRow:not(._4db57f){max-width:none;}
}
