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

:root{--body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --max:1120px; --r-lg:12px; font-variant-caps:normal; --coral:#layout_prefix; --text:#41454d; --muted:#878b95; --line:#site-status; --ink:#17181c; --coral-600:#title-section; --line-2:#main-list; --bg:#review_block; --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); --r:8px; --read:740px; --coral-50:#trigger-feature; shape-margin:0; --t:.22s cubic-bezier(.4,0,.2,1); --card:#page-nav; --dark:#17181c; --r-pill:999px;}

*,*::before,*::after{padding:0; margin:0; box-sizing:border-box;}body{text-rendering:optimizeLegibility; color:var(--text); line-height:1.7; -webkit-font-smoothing:antialiased; font-family:var(--body); background:var(--bg); font-size:18px;}html{-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%; scroll-behavior:smooth;}img, svg{height:auto; display:block;}img, svg{max-width:100%;}ul, ol{list-style:none;}button{color:inherit; background:none; font:inherit; cursor:pointer; border:0 none;}
a{transition:color var(--t); color:var(--coral); text-decoration:none;}
a:hover{color:var(--coral-600);}
::selection{color:#formHead; background:var(--coral); page-break-inside:auto;}
:focus-visible{break-inside:auto; border-radius:6px; mix-blend-mode:normal; outline:2px solid var(--coral); outline-offset:2px;}h1{font-weight:700; font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); font-family:var(--display); color:var(--ink); letter-spacing:-.1.94em; will-change:auto; line-height:1.18; margin:0 0 .5em;}p{margin:0 0 1.18em;}
em,i{font-style:italic;}strong, b{color:var(--ink); font-weight:500;}*.l-accordion{padding:0 22px; max-width:var(--max); margin:0 auto; width:100%;}/* --- Scroll progress --- */
.viewHandle{background:linear-gradient(90deg,var(--coral),var(--coral-600)); transition:width 0.138s linear; inset:0 auto auto 0; width:0; height:1px; position:fixed; z-index:1200;}

/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.viewValue{z-index:1100; backdrop-filter:saturate(150%) blur(10px); -webkit-backdrop-filter:saturate(150%) blur(10px); background:rgba(245, 255, 243, 0.96); top:0; transition:transform var(--t),box-shadow var(--t); position:sticky; border-bottom:1px solid var(--line);}
.viewValue.is-hidden{tab-size:4; font-synthesis:weight style small-caps; transform:translateY(-100%);}
.viewValue.is-pinned{box-shadow:0 4px 30px rgba(18, 32, 14, 0.09); hyphens:manual; break-inside:auto;}
.navCap{align-items:center; display:flex; gap:1.34rem; min-height:61px;}
.heroOuter{width:32px; border-radius:6px; mix-blend-mode:normal; height:28px;}
.menuSummary{align-items:center; display:inline-flex; gap:.55.06rem; flex-shrink:0;}body .entryGroup{page-break-inside:auto; contain:none; font-size:1.19rem; letter-spacing:-.0.92em; font-family:var(--display); font-weight:700; color:var(--ink);}body .justify-inline{margin-left:auto; justify-content:center; height:41px; gap:7px; display:none; word-spacing:normal; flex-direction:column; padding:8px; width:45px;}
.justify-inline span{background:var(--ink); 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; height:2px;}
.justify-inline.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.justify-inline.is-x span:nth-child(2){opacity:0;}body .justify-inline.is-x span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.tableValue{display:flex; margin-left:auto; align-items:center; gap:1.47rem;}
.el-accordion-block{display:flex; gap:.14.97rem; align-items:center;}
.moduleColumn{margin-left:.3.94rem;}
.c-step{transition:background var(--t),color var(--t); border-radius:var(--r); display:inline-block; font-weight:700; color:var(--text); padding:.4.99rem .7.95rem; font-size:.92.98rem;}
.c-step:hover{color:var(--coral-600); background:var(--coral-50);}

/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.feature{padding:2.07rem 0 4.42rem;}

.l-sidebar,.layoutExtra,.row-2xl{box-shadow:var(--sh); border-radius:var(--r-lg); border:1px solid var(--line); background:var(--card);}
.accordionFoot{max-width:var(--read); margin:0 auto;}.timelineSpacer{image-rendering:auto; text-underline-offset:auto; margin-bottom:1.66rem;}*.l-sidebar{padding:clamp(1.5rem,1rem + 2vw,3rem);}
.actionClose{gap:.4.95rem; display:flex; flex-wrap:wrap;}
.alertTrack{margin-bottom:.7.01rem;}
.formColumn{background:var(--line-2); gap:.4.02rem; font-size:.82.03rem; align-items:center; display:inline-flex; color:var(--muted); border-radius:var(--r-pill); padding:.2.98rem .6.96rem;}/* --- Prose --- */
.panelWrapper{line-height:1.8;}
.formColumn svg{opacity:0.67;}/* --- Prose --- */
.panelWrapper{font-size:1.15rem; color:var(--text);}
.panelWrapper > *:first-child{break-inside:auto; font-variant-caps:normal; margin-top:0;}
.panelWrapper p{margin-bottom:1.23em;}
.panelWrapper a{text-decoration-color:rgba(218, 86, 55, 0.37); text-underline-offset:3px;}
.panelWrapper a{text-decoration:underline;}
.panelWrapper a:hover{text-decoration-color:var(--coral);}
.panelWrapper h2,.panelWrapper h3,.panelWrapper h4{font-weight:500; font-family:var(--display); color:var(--ink); letter-spacing:-.1.01em; line-height:1.25; scroll-margin-top:80px;}
.panelWrapper h2{margin:1.66em 0 .55.08em; font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem); background-blend-mode:normal; text-decoration-skip-ink:auto;}.panelWrapper h3{font-size:clamp(1.18rem,1rem + .6vw,1.35rem); margin:1.44em 0 .5.01em;}
.panelWrapper h4{margin:1.25em 0 .5.05em; font-size:1.1rem;}
.panelWrapper ul,.panelWrapper ol{margin:0 0 1.12em; padding-left:1.32em;}
.panelWrapper ul{list-style:disc;}.panelWrapper ol{list-style:decimal;}
.panelWrapper li{margin-bottom:.3.95em;}*.panelWrapper li::marker{color:var(--coral);}
.panelWrapper img{margin:1.58em 0; border-radius:var(--r); page-break-inside:auto;}
.panelWrapper figure{margin:1.5em 0;}
.panelWrapper figcaption{color:var(--muted); text-align:center; font-size:.84.99rem; margin-top:.5.05em;}.panelWrapper blockquote{margin:1.46em 0; font-size:1.08rem; background:var(--coral-50); border-left:3px solid var(--coral); border-radius:0 var(--r) var(--r) 0;}.panelWrapper blockquote{padding:.8.92em 1.3em; color:var(--ink);}
.panelWrapper code{background:var(--line-2); font-size:.88em; border-radius:9px; border:1px solid var(--line); padding:.13.96em .42.05em; font-family:'IBM Plex Mono',Consolas,monospace;}*.panelWrapper pre{border-radius:var(--r); background:var(--ink); margin:1.42em 0; overflow-x:auto;}
.panelWrapper pre code{padding:1.15em 1.35em; background:none; display:block; border:0em; color:#backdrop-card;}
.panelWrapper table{width:100%; border-collapse:collapse; font-size:.96.03rem; margin:1.54em 0;}
.panelWrapper th,.panelWrapper td{border:1px solid var(--line); padding:.7.04em .8.96em; text-align:left;}
.panelWrapper th{font-weight:500; color:var(--ink); background:var(--line-2);}/* --- Table of contents --- */
.headerSummary{border:1px solid var(--line); background:var(--line-2); border-radius:var(--r); padding:1.03rem 1.32rem; margin-bottom:1.52rem;}
.headerSummary[hidden]{display:none;}
.c-toggle{margin-bottom:.6.07rem; align-items:center; display:flex; justify-content:space-between;}
.blockCell{font-weight:700; font-family:var(--display); color:var(--ink); font-size:.95.94rem;}
.carouselWrap{font-size:.82.01rem; font-weight:700; color:var(--coral);}
.sectionCell ol{list-style:none; counter-reset:t; padding:0;}.sectionCell li{position:relative; padding-left:1.74em; counter-increment:t;}.sectionCell li{margin:.28.03em 0;}
.sectionCell li::before{left:0; top:.3.97em; font-family:var(--display); content:counter(t,decimal-leading-zero); position:absolute; color:var(--coral); font-size:.76.02em; font-weight:700;}
.sectionCell ol ol{padding-left:.1.08em; margin:.27.93em 0;}
.sectionCell ol ol li::before{content:"—"; color:var(--muted);}
.sectionCell a{color:var(--text); font-size:.91.99rem;}

/* --- Share --- */
.prefix-search{flex-wrap:wrap; margin-top:2.06rem; word-spacing:normal; display:flex; gap:.6.93rem 1.15rem; align-items:center;}
.sectionCell a:hover{color:var(--coral);}
.sliderCell{color:var(--ink);}
.sliderCell{font-size:.9.01rem; font-weight:600;}
.selectDetail{display:flex;}
.selectDetail{gap:.5.02rem; backface-visibility:visible;}
.threadContainer{width:36px; color:var(--muted); justify-content:center; align-items:center;}
.threadContainer{height:41px; transition:all var(--t); display:inline-flex; border:1px solid var(--line); border-radius:var(--r); background:var(--card);}
.threadContainer:hover{background:var(--coral); transform:translateY(-2px); border-color:var(--coral); color:#formHead;}

.text-0{margin:2.14rem 0 0; border:0 none; border-top:1px solid var(--line);}

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

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

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.action__close{gap:.84.93rem; display:grid; grid-template-columns:1fr 1fr; margin-bottom:.84.98rem;}
.tabsAction{display:block;}
.rounded-block{color:var(--ink); border-radius:var(--r); padding:.72.04rem .95.02rem; font-size:.95.01rem; width:100%; background:var(--card); border:1px solid var(--line); transition:border-color var(--t),box-shadow var(--t); font:inherit;}body .rounded-block::placeholder{color:var(--muted);}
.rounded-block:focus{box-shadow:0 0 0 5px rgba(225, 77, 62, 0.2); border-color:var(--coral); outline:0;}
.tabsItem{min-height:123px; resize:vertical; margin-bottom:.85rem;}
.status{gap:.5.01rem; display:flex;}html .galleryItem{align-items:center; font-weight:500; font-size:.93.92rem; padding:.72.02rem 1.66rem; gap:.4.95rem; color:#formHead; border-radius:var(--r); line-height:1; background:var(--coral); display:inline-flex; justify-content:center; transition:background var(--t),transform var(--t),box-shadow var(--t); font-family:var(--body);}html .status .rounded-block{flex:1;}
.galleryItem:hover{transform:translateY(-1px); box-shadow:0 2px 13px rgba(215, 95, 53, 0.23); color:#formHead; background:var(--coral-600);}
.galleryItem:active{transform:translateY(0);}.status__overlay{padding:.5rem 1.13rem; font-size:.85.06rem;}body .action-dialog{width:50px; orphans:2; text-rendering:auto; flex-shrink:0; padding:.71.96rem;}
.app-tag-summary{background:var(--dark);}
.app-tag-summary:hover{background:#110303;}
.expand-grid{width:100%;}

/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.avatar-inner{grid-template-columns:1fr 1fr; display:grid; gap:1.14rem;}

/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.avatar-inner{margin:2.67rem auto 0; max-width:var(--max);}
.row-2xl{padding:1.51rem;}
.tagBackdrop{font-weight:600; font-family:var(--display); display:block; font-size:1.1rem; margin-bottom:.5.06rem; color:var(--ink);}
.spinnerCap{margin-bottom:1.12rem; color:var(--muted); font-size:.91.92rem;}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.w-end{padding:2.46rem 0 1.81rem; margin-top:1.02rem; background:var(--dark); color:#tagSection;}html .w-end a{color:#tagSection;}
.w-end a:hover{color:#formHead;}
.overflow-inline{flex-wrap:wrap; gap:1.59rem; align-items:center; display:flex;}
.tableHead{gap:.55.07rem; perspective:none; display:inline-flex; align-items:center;}
.tableHead img{border-radius:11px; height:26px; width:26px;}
.snackbarInner{gap:1.34rem; display:flex;}
.tableHead span{font-weight:700; mix-blend-mode:normal; font-family:var(--display); font-size:1.12rem; font-variant-ligatures:normal; color:#formHead;}
.snackbarInner{font-size:.8.98rem;}.tableInner{margin-left:auto; display:flex; gap:.4.93rem;}
.dropdown-area-large{align-items:center; height:34px; justify-content:center; color:#close-grid; border-radius:var(--r); display:inline-flex; width:40px; transition:all var(--t); background:rgba(255, 254, 255, 0.04);}
.dropdown-area-large:hover{text-underline-offset:auto; color:#formHead; background:var(--coral); transform:translateY(-2px);}html .navDate{margin-top:1.6rem; border-top:1px solid rgba(248, 255, 255, 0.07);}html .navDate{padding-top:1.26rem;}
.accordionRow{color:#968c97; font-size:.84.06rem;}

/* ==========================================================================
   Back to top
   ========================================================================== */
.selectExpand{position:fixed; opacity:0; transform:translateY(12px) scale(.9); transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); align-items:center; z-index:900; justify-content:center; border-radius:var(--r-pill); visibility:hidden; background:var(--coral); width:48px; box-shadow:var(--sh-2); bottom:1.51rem; display:flex; right:1.53rem; height:43px; color:#formHead;}
.selectExpand.is-on{transform:translateY(0) scale(1); opacity:1; visibility:visible;}/* ==========================================================================
   Cookie bar
   ========================================================================== */
.el-menu{color:#close-grid; background:var(--dark); position:fixed; z-index:950; transform:translateY(100%); inset:auto 0 0 0; transition:transform 0.45s cubic-bezier(.4,0,.2,1);}html .selectExpand:hover{transform:translateY(-3px); background:var(--coral-600);}
.el-menu.is-on{transform:translateY(0);}*.el-menu p{font-size:.87.96rem; text-underline-offset:auto; margin:0;}
.profileSecondary{align-items:center; display:flex; padding-top:0.93rem; gap:1.37rem; padding-bottom:1.06rem; justify-content:space-between;}
.el-menu a{text-decoration:underline; color:#formHead;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.c-pagination-value{z-index:2000; display:none; position:fixed; padding:1.23rem; inset:0; align-items:center; justify-content:center;}*.c-pagination-value:target{animation:modalIn 0.255s ease; display:flex;}
@keyframes modalIn{from{opacity:0;}to{opacity:1;}}html .reviewHandle{position:relative; z-index:1; background:var(--card); max-width:406px; box-shadow:var(--sh-2); width:100%; padding:2.07rem 1.86rem 1.84rem; border-radius:var(--r-lg);}*.tabsHolder{inset:0; background:rgba(28, 13, 41, 0.6); position:absolute; backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px);}
.o-layout-bar{line-height:1; position:absolute; font-size:1.73rem; color:var(--muted); top:.7.07rem; background-blend-mode:normal; right:.94.95rem;}
.o-layout-bar:hover{color:var(--ink);}
.popover--danger{font-size:1.43rem; display:block; font-weight:600; margin-bottom:1.14rem; font-family:var(--display); color:var(--ink);}.mb-xs{flex-direction:column; gap:.6.92rem; margin-bottom:1.02rem; display:flex;}.ratingCell{color:var(--muted); text-align:center; font-size:.88.04rem; margin:0em;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){.justify-inline{display:flex;}*.tableValue{transform:translateX(100%); justify-content:flex-start; align-items:stretch; margin:0; position:fixed; inset:58px 0 0 0; padding:1.53rem 28px; flex-direction:column; overflow-y:auto; transition:transform 0.353s ease; background:var(--bg); gap:.4.03rem;}.tableValue.is-open:not(._3406c3){transform:translateX(0);}.el-accordion-block:not(._3406c3){align-items:stretch; gap:.1.05rem; flex-direction:column;}
  .moduleColumn{padding-top:.7.92rem; margin:.8.02rem 0 0; border-top:1px solid var(--line);}html .moduleColumn .galleryItem{margin-top:.3.94rem;}
  .c-step{padding:.75.03rem 0; font-size:0.98rem;}
  .avatar-inner{grid-template-columns:1fr;}
}
@media (max-width:560px){:root{--r-lg:10px;}
  .l-accordion{padding:0 17px;}
  .action__close{grid-template-columns:1fr;}
  .prefix-search{flex-direction:column; align-items:flex-start;}.overflow-inline{gap:1.04rem;}body .selectExpand{bottom:1.18rem; right:1.07rem;}html .tableInner{margin-left:0;}
  .profileSecondary{align-items:flex-start; flex-direction:column; gap:.6.92rem;}
  .reviewHandle{padding:1.65rem 1.34rem 1.48rem;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{
  .viewValue,.w-end,.selectExpand,.el-menu,.viewHandle,.prefix-search,.avatar-inner,.c-pagination-value{display:none!important;}
  body{font-size:12pt; background:#formHead; color:hsl(119, 99.7%, 0.1%);}
  .l-sidebar,.layoutExtra{border:none; box-shadow:none;}
  .l-sidebar,.layoutExtra{padding:0;}
}

  .accordionFoot{max-width:none; shape-margin:0; break-inside:auto;}