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

:root{--card:#gallery-region; --coral:#cap-toolbar; --text:#41454d; --muted:#878b95; --t:.22s cubic-bezier(.4,0,.2,1); --body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --coral-600:#drawer_date; --r-pill:999px; --sh:0 1px 2px rgba(23,24,28,.04), 0 6px 18px rgba(23,24,28,.05); --read:740px; --r-lg:12px; --line-2:#viewSuffix; --max:1120px; --ink:#17181c; --bg:#main-step; --dark:#17181c; --coral-50:#page-counter; --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif; --sh-2:0 10px 24px rgba(23,24,28,.10), 0 24px 56px rgba(23,24,28,.10); --line:#placeholder-divider; --r:8px;}

*,*::before,*::after{box-sizing:border-box; margin:0; padding:0;}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth;}
body{-webkit-font-smoothing:antialiased; background:var(--bg); color:var(--text); text-rendering:optimizeLegibility; font-size:16px; font-family:var(--body); line-height:1.7;}img, svg{display:block; max-width:100%; height:auto;}
ul,ol{hyphens:manual; list-style:none;}button{color:inherit; cursor:pointer; font:inherit; border:none; background:none;}
a{color:var(--coral); transition:color var(--t); text-decoration:none;}
a:hover{print-color-adjust:economy; color:var(--coral-600);}
::selection{color:#sortSummary; background:var(--coral);}
:focus-visible{page-break-inside:auto; outline:2px solid var(--coral); border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; outline-offset:2px;}h1{font-size:clamp(1.95rem,1.25rem + 2.3vw,2.65rem); letter-spacing:-.1.99em; font-family:var(--display); color:var(--ink); font-weight:700; line-height:1.18; margin:0 0 .5.05em;}
p{margin:0 0 1.02em;}
em,i{font-style:italic;}
strong,b{font-weight:600; color:var(--ink);}html .tagDate{width:100%; margin:0 auto; max-width:var(--max); transform-style:flat; padding:0 25px;}

/* --- Scroll progress --- */
.listExtra{transition:width 0.093s linear; height:6px; position:fixed; z-index:1200; width:0; background:linear-gradient(90deg,var(--coral),var(--coral-600)); inset:0 auto auto 0;}/* ==========================================================================
   Top navigation (kept minimal)
   ========================================================================== */
.footerGroup{backdrop-filter:saturate(150%) blur(10px); position:sticky; border-bottom:1px solid var(--line); will-change:auto; transition:transform var(--t),box-shadow var(--t); top:0; -webkit-backdrop-filter:saturate(150%) blur(10px); background:rgba(254, 247, 239, 0.92); z-index:1100; print-color-adjust:economy;}
.footerGroup.is-hidden{transform:translateY(-100%);}.is-pinned.footerGroup{box-shadow:0 5px 24px rgba(41, 15, 27, 0.08); word-spacing:normal; text-rendering:auto;}
.cardOuter{align-items:center; display:flex; gap:1.38rem; min-height:63px;}
.carouselExtra{gap:.54.93rem;}
.shadow-xs{height:31px; width:34px; border-top-left-radius:11px;border-top-right-radius:11px;border-bottom-right-radius:11px;border-bottom-left-radius:11px;}
.carouselExtra{align-items:center; flex-shrink:0; display:inline-flex;}
.position-around{font-weight:500; font-size:1.07rem; font-family:var(--display); letter-spacing:-.0.97em; color:var(--ink);}

.footerTrigger{gap:8px; padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px; height:41px; margin-left:auto; justify-content:center; flex-direction:column; display:none; width:39px;}
.footerTrigger 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; height:2px; word-spacing:normal; background:var(--ink);}
.footerTrigger.is-x span:nth-child(1){transform:translateY(7px) rotate(45deg); backface-visibility:visible; text-underline-offset:auto;}body .footerTrigger.is-x span:nth-child(2){opacity:0;}
.footerTrigger.is-x span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.sliderMeta{align-items:center;}body .paginationPlaceholder{font-variant-caps:normal; display:flex; align-items:center; print-color-adjust:economy; gap:.15rem;}

.sliderMeta{margin-left:auto; gap:1.48rem; display:flex;}
.stepFoot{margin-left:.3.96rem;}
.statusAction{padding:.4.98rem .7.95rem; color:var(--text); transition:background var(--t),color var(--t); display:inline-block; font-size:.93.03rem; font-weight:700; border-radius:var(--r);}
.statusAction:hover{color:var(--coral-600); background:var(--coral-50);}/* ==========================================================================
   Sheet / content (high to the top, centered measure)
   ========================================================================== */
.chip:not(._22bcdf){padding:2.05rem 0 4.42rem;}
.gridNumber{max-width:var(--read); margin:0 auto;}

.accordion-section,.section-row-default,.font-6{background:var(--card); border-radius:var(--r-lg); box-shadow:var(--sh); border:1px solid var(--line);}

.accordion-section{padding:clamp(1.5rem,1rem + 2vw,3rem);}
.alertMeta{margin-bottom:1.56rem;}html .viewLine{word-spacing:normal; text-rendering:auto;}html .viewLine{margin-bottom:.7.04rem;}
.dialogTertiary{display:flex; gap:.5rem; flex-wrap:wrap;}
.app-nav{gap:.3.96rem; align-items:center; color:var(--muted); display:inline-flex; background:var(--line-2); font-size:.82rem; padding:.3.01rem .6.97rem; border-radius:var(--r-pill);}
.app-nav svg{opacity:0.75;}

/* --- Prose --- */
.app-grid-backdrop{line-height:1.8; color:var(--text); font-size:1.15rem;}
.app-grid-backdrop > *:first-child{margin-top:0; font-variant-caps:normal; text-decoration-skip-ink:auto;}
.app-grid-backdrop p{margin-bottom:1.14em;}
.app-grid-backdrop a{text-decoration:underline; text-decoration-color:rgba(221, 91, 57, 0.46); text-underline-offset:3px;}html .app-grid-backdrop a:hover{text-decoration-color:var(--coral);}.app-grid-backdrop h2, .app-grid-backdrop h3, body .app-grid-backdrop h4{font-family:var(--display); letter-spacing:-.0.93em; line-height:1.25; color:var(--ink); scroll-margin-top:80px; font-weight:600;}
.app-grid-backdrop h2{margin:1.67em 0 .55.06em; font-size:clamp(1.4rem,1.05rem + 1.2vw,1.75rem);}.app-grid-backdrop h3{font-size:clamp(1.18rem,1rem + .6vw,1.35rem); margin:1.43em 0 .5.07em;}
.app-grid-backdrop h4{font-size:1.03rem; margin:1.28em 0 .5.03em;}.app-grid-backdrop ul, .app-grid-backdrop ol{padding-left:1.39em; margin:0 0 1.23em;}.app-grid-backdrop ul{list-style:disc;}
.app-grid-backdrop ol{list-style:decimal;}
.app-grid-backdrop li{margin-bottom:.3.93em;}
.app-grid-backdrop li::marker{color:var(--coral);}
.app-grid-backdrop img{word-spacing:normal; backface-visibility:visible; margin:1.43em 0; border-radius:var(--r);}*.app-grid-backdrop figure{margin:1.5em 0;}*.app-grid-backdrop figcaption{margin-top:.5.03em; transform-style:flat; will-change:auto; text-align:center; color:var(--muted); font-size:.85.05rem;}
.app-grid-backdrop blockquote{border-radius:0 var(--r) var(--r) 0; color:var(--ink); background:var(--coral-50); font-size:1.03rem; padding:.9.07em 1.32em; margin:1.53em 0; border-left:3px solid var(--coral);}
.app-grid-backdrop code{border:1px solid var(--line); background:var(--line-2); font-size:.88.05em; border-radius:9px; padding:.13.99em .42.07em; font-family:'IBM Plex Mono',Consolas,monospace;}
.app-grid-backdrop pre{overflow-x:auto; background:var(--ink); border-radius:var(--r); margin:1.44em 0;}
.app-grid-backdrop pre code{color:#pageArea; text-decoration-skip-ink:auto; background:none; display:block; padding:1.21em 1.37em; border:none;}.app-grid-backdrop table{width:100%; border-collapse:collapse; margin:1.57em 0; font-size:.96.06rem;}
.app-grid-backdrop th,.app-grid-backdrop td{border:1px solid var(--line); text-align:left; padding:.6.98em .9.06em;}
.app-grid-backdrop th{background:var(--line-2); color:var(--ink); font-weight:700;}

/* --- Table of contents --- */
.featureFoot{padding:0.99rem 1.19rem; border-radius:var(--r); border:1px solid var(--line); background:var(--line-2); margin-bottom:1.63rem;}body .featureFoot[hidden]{display:none;}
.priceSecondary{color:var(--ink); font-family:var(--display); font-variant-ligatures:normal; font-size:.95.92rem; font-weight:700;}
.navLabel{transform-style:flat; widows:2; align-items:center; display:flex; margin-bottom:.5.92rem; justify-content:space-between;}
.mb-full{font-size:.82.03rem;}
.mb-full{font-weight:700; color:var(--coral);}
.tabsTrack ol{counter-reset:t; list-style:none; padding:0;}
.tabsTrack li{counter-increment:t; margin:.27.96em 0; position:relative; padding-left:1.72em;}*.tabsTrack li::before{top:.3.96em; font-size:.75.95em; position:absolute; content:counter(t,decimal-leading-zero); font-weight:700; left:0; color:var(--coral); font-family:var(--display);}
.tabsTrack ol ol{padding-left:.1em; margin:.28.02em 0;}html .tabsTrack ol ol li::before{color:var(--muted); content:"—";}
.tabsTrack a{font-size:.91.92rem; color:var(--text);}

/* --- Share --- */
.o-drawer{flex-wrap:wrap; display:flex; gap:.7.06rem 1.04rem; align-items:center; margin-top:1.95rem;}
.tabsTrack a:hover{color:var(--coral);}
.listRow{font-weight:500; font-size:.8.93rem; color:var(--ink);}.blockBody{display:flex; gap:.4.92rem;}
.actionCount{align-items:center; background:var(--card); border:1px solid var(--line); color:var(--muted); width:37px; justify-content:center; transition:all var(--t); display:inline-flex; border-radius:var(--r); height:37px;}
.actionCount:hover{background:var(--coral); transform:translateY(-2px); color:#sortSummary; border-color:var(--coral);}

.profileCap{margin:2.26rem 0 0; border-top:1px solid var(--line); border:none;}/* --- Section labels (span, never headings) --- */
:where(.formSecondary){font-size:1.27rem; font-family:var(--display); margin-bottom:1.05rem; color:var(--ink); display:block; image-rendering:auto; text-rendering:auto; font-weight:600;}/* --- Comments --- */
.section-row-default:not(._22bcdf){backface-visibility:visible; padding:clamp(1.4rem,1rem + 1.5vw,2rem); margin-top:1.43rem;}

/* ==========================================================================
   Inputs / buttons
   ========================================================================== */
.ratingHead{gap:.85.04rem; display:grid; grid-template-columns:1fr 1fr; margin-bottom:.84.95rem;}
.selectTertiary{background:var(--card); border:1px solid var(--line); font-size:.95rem; font:inherit;}
.headerThumb{image-rendering:auto; display:block; font-variant-caps:normal;}
.selectTertiary{color:var(--ink); width:100%; border-radius:var(--r); transition:border-color var(--t),box-shadow var(--t); padding:.71.93rem .95rem;}
.selectTertiary::placeholder{color:var(--muted);}
.selectTertiary:focus{border-color:var(--coral); box-shadow:0 0 0 4px rgba(215, 96, 59, 0.14); outline:0rem;}
.navText{display:flex; gap:.5.07rem;}
.status-success{min-height:122px; resize:vertical; margin-bottom:.85.01rem;}
.navText .selectTertiary{flex:1; isolation:auto; transform-style:flat;}html .galleryTertiary{gap:.4.95rem; contain:none; justify-content:center; transition:background var(--t),transform var(--t),box-shadow var(--t); line-height:1; align-items:center; font-weight:600; background:var(--coral); color:#sortSummary; orphans:2; font-family:var(--body); border-radius:var(--r); display:inline-flex; font-size:.94.04rem; padding:.72.06rem 1.58rem;}
.galleryTertiary:hover{background:var(--coral-600); color:#sortSummary; transform:translateY(-1px); box-shadow:0 5px 19px rgba(224, 97, 61, 0.25);}
.galleryTertiary:active{transform:translateY(0);}.popoverBody{padding:.5.03rem 1.16rem; font-size:.85.08rem;}
.skeletonSpacer{flex-shrink:0; padding:.71.94rem; width:42px;}
.galleryTitle{background:var(--dark);}
.galleryTitle:hover{background:#000000;}

/* ==========================================================================
   Below-content forms band
   ========================================================================== */
.galleryPrimary{grid-template-columns:1fr 1fr; max-width:var(--max); display:grid; margin:2.64rem auto 0; gap:1.03rem;}html .moduleDot{width:100%;}.footerCell:not(._22bcdf){display:block; font-family:var(--display); color:var(--ink); font-size:1.08rem; margin-bottom:.4.98rem; font-weight:600;}
.font-6{padding:1.44rem;}.accordionCount{margin-bottom:1.1rem; font-size:.91.92rem; backface-visibility:visible; text-decoration-skip-ink:auto; color:var(--muted);}

/* ==========================================================================
   Footer (minimal)
   ========================================================================== */
.screen-expanded{margin-top:1.04rem; background:var(--dark); padding:2.34rem 0 1.85rem; color:#main-grid;}
.screen-expanded a{color:#main-grid;}body .screen-expanded a:hover{color:#sortSummary;}*.tabsFoot{display:flex; align-items:center; flex-wrap:wrap; gap:1.6rem;}html .position-4{align-items:center; gap:.55.04rem; page-break-inside:auto; display:inline-flex;}*.position-4 img{height:29px;}*.position-4 img{border-radius:7px; width:33px;}
.position-4 span{font-size:1.09rem;}
.drawerPrefix{gap:1.33rem; display:flex; font-size:.8.96rem;}
.position-4 span{font-weight:500; color:#sortSummary; font-family:var(--display);}html .list-summary-top{gap:.5rem; margin-left:auto; display:flex;}body .dropdownHolder{transition:all var(--t); background:rgba(251, 245, 252, 0.03); width:39px; display:inline-flex; justify-content:center; color:#tabs-wrapper; border-radius:var(--r); align-items:center; height:41px;}
.dropdownHolder:hover{transform:translateY(-2px); background:var(--coral); color:#sortSummary;}
.viewItem{text-rendering:auto; font-size:.83.99rem; color:hsl(308, 4.7%, 51.8%); isolation:auto;}body .listSlot{margin-top:1.56rem; border-top:1px solid rgba(255, 245, 239, 0.09); padding-top:1.28rem;}

/* ==========================================================================
   Back to top
   ========================================================================== */
.layoutAddon{background:var(--coral); bottom:1.52rem; justify-content:center; display:flex; height:46px; transform:translateY(12px) scale(.9); align-items:center; opacity:0; z-index:900; box-shadow:var(--sh-2); color:#sortSummary; position:fixed; visibility:hidden; border-radius:var(--r-pill); transition:opacity var(--t),visibility var(--t),transform var(--t),background var(--t); width:45px; right:1.56rem;}.is-on.layoutAddon{opacity:1; transform:translateY(0) scale(1); visibility:visible;}html .layoutAddon:hover{transform:translateY(-3px); background:var(--coral-600);}/* ==========================================================================
   Cookie bar
   ========================================================================== */
.w-8{transition:transform 0.407s cubic-bezier(.4,0,.2,1); position:fixed; z-index:950; background:var(--dark);}/* ==========================================================================
   Cookie bar
   ========================================================================== */
.w-8{inset:auto 0 0 0; transform:translateY(100%); color:#tabs-wrapper;}
.w-8.is-on{transform:translateY(0);}
.c-dropdown-prefix{display:flex; gap:1.25rem; padding-top:1.03rem; padding-bottom:1rem; justify-content:space-between; align-items:center;}*.w-8 p{font-size:.87.95rem; transform-style:flat; margin:0;}
.w-8 a{text-decoration:underline; color:#sortSummary;}

/* ==========================================================================
   Auth modals (pure CSS :target)
   ========================================================================== */
.alertMeta{z-index:2000; display:none; position:fixed; inset:0; justify-content:center; align-items:center; padding:1.16rem;}
.alertMeta:target{animation:modalIn 0.199s ease; display:flex;}
@keyframes modalIn{from{opacity:0;}to{opacity:1; isolation:auto; background-blend-mode:normal;}}body .badgeRegion{inset:0; -webkit-backdrop-filter:blur(2px); background:rgba(28, 22, 39, 0.54);}body .badgeRegion{backdrop-filter:blur(2px); position:absolute;}.pl-full:not(._22bcdf){position:relative; background-blend-mode:normal; border-radius:var(--r-lg); padding:1.93rem 1.84rem 1.72rem; box-shadow:var(--sh-2); background:var(--card); width:100%; z-index:1; orphans:2; max-width:409px;}
.timelineDetail{position:absolute; top:.6.95rem; color:var(--muted); right:.95.07rem; font-size:1.64rem; line-height:1;}body .timelineDetail:hover{orphans:2; font-synthesis:weight style small-caps; color:var(--ink);}body .snackbarData{display:block; font-weight:500; color:var(--ink); margin-bottom:1.18rem; font-family:var(--display); font-size:1.43rem;}
.layout-head-medium{-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual; flex-direction:column; margin-bottom:0.95rem; gap:.6.98rem; display:flex;}
.progressSeparator{text-align:center; margin:0; font-size:.88.05rem; color:var(--muted);}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:760px){
  .footerTrigger{display:flex;}
  .sliderMeta{transform:translateX(100%); padding:1.65rem 22px; margin:0; flex-direction:column; justify-content:flex-start; transition:transform 0.315s ease; align-items:stretch; inset:59px 0 0 0; background:var(--bg); gap:.4.06rem; overflow-y:auto; position:fixed;}
  .sliderMeta.is-open{transform:translateX(0);}
  .paginationPlaceholder{transform-style:flat; contain:none; align-items:stretch; flex-direction:column; gap:.0.99rem;}
  .stepFoot{padding-top:.7.97rem; border-top:1px solid var(--line); margin:.7.93rem 0 0;}
  .statusAction{padding:.75.08rem 0; font-size:1.09rem;}
  .stepFoot .galleryTertiary{margin-top:.4.07rem;}
  .galleryPrimary{grid-template-columns:1fr; isolation:auto; font-variant-caps:normal;}
}
@media (max-width:560px){
  :root{--r-lg:10px;}html .ratingHead{grid-template-columns:1fr;}body .tagDate{padding:0 13px;}
  .tabsFoot{gap:1.04rem;}
  .o-drawer{flex-direction:column; align-items:flex-start;}
  .layoutAddon{bottom:1.03rem; right:1.18rem;}.list-summary-top:not(._22bcdf){margin-left:0;}
  .c-dropdown-prefix{flex-direction:column; gap:.6.99rem; align-items:flex-start;}
  .pl-full{padding:1.64rem 1.34rem 1.45rem;}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{.footerGroup, html .screen-expanded, .layoutAddon, html .w-8, .listExtra, body .o-drawer, html .galleryPrimary, .alertMeta{display:none!important;}body{color:#080d00; background:#sortSummary; font-size:12pt;}
  .gridNumber{max-width:none;}
  .accordion-section,.section-row-default{border:0; padding:0; box-shadow:none;}
}
