:root{
  --home-sidebar-w:238px;
  --home-page:hsl(43,38%,97%);
  --home-sidebar:hsl(45,31%,94%);
  --home-surface:hsl(42,50%,99%);
  --home-text:hsl(116,25%,13%);
  --home-body:hsl(108,13%,29%);
  --home-muted:hsl(105,8%,46%);
  --home-faint:hsl(105,7%,61%);
  --home-hairline:hsla(110,14%,25%,.08);
  --home-card-shadow:0 12px 30px hsla(116,28%,12%,.065),0 2px 7px hsla(116,28%,12%,.035);
  --home-card-hover:0 26px 58px hsla(116,28%,12%,.13),0 4px 12px hsla(116,28%,12%,.05);
  --home-display:'Bodoni 72','Didot','Baskerville','Times New Roman',serif;
}
[data-theme="dark"]{
  --home-page:hsl(220,11%,9%);
  --home-sidebar:hsl(220,10%,11%);
  --home-surface:hsl(220,9%,15%);
  --home-text:hsl(42,18%,94%);
  --home-body:hsl(218,12%,82%);
  --home-muted:hsl(218,8%,66%);
  --home-faint:hsl(218,7%,49%);
  --home-hairline:hsla(0,0%,100%,.065);
  --home-card-shadow:0 18px 42px hsla(0,0%,0%,.23);
  --home-card-hover:0 28px 68px hsla(0,0%,0%,.4);
}

body[data-sg-home]>.sg-global-header{display:none!important}
body[data-sg-home]{background:var(--home-page);overflow-x:hidden}
.home-shell{padding-top:0;grid-template-columns:var(--home-sidebar-w) minmax(0,1fr);background:var(--home-page)}

/* Full-height editorial sidebar */
.home-sidebar{top:0;width:var(--home-sidebar-w);padding:25px 16px 22px;border-right:0;background:var(--home-sidebar);box-shadow:10px 0 34px hsla(116,24%,12%,.035)}
.home-brand{display:flex;align-items:center;gap:10px;margin:0 6px 39px;color:var(--home-text);text-decoration:none}
.home-brand-mark{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;color:var(--home-primary)}
.home-brand-mark svg{width:31px;height:31px;overflow:visible}
.home-wordmark{font-family:var(--home-display);font-size:1.12rem;line-height:1;letter-spacing:-.035em}
.home-wordmark .story{font-weight:650}
.home-wordmark .home-garden{color:var(--home-primary);font-style:italic;font-weight:500}
.home-nav-label{margin:0 11px 9px;font-size:.64rem;letter-spacing:.16em;color:var(--home-faint)}
.home-nav-group{margin-bottom:23px}
.home-nav-item{min-height:38px;padding:7px 10px;border-radius:9px;gap:10px;color:var(--home-muted);font-size:.86rem}
.home-nav-item:hover{background:hsla(0,0%,100%,.4);transform:translateX(1px)}
.home-nav-item.is-active{background:hsla(0,0%,100%,.55);color:var(--home-primary-strong);box-shadow:inset 2px 0 0 var(--home-primary);font-weight:720}
[data-theme="dark"] .home-nav-item:hover,[data-theme="dark"] .home-nav-item.is-active{background:hsla(0,0%,100%,.055)}
.home-nav-icon,.home-nav-item>svg{width:16px;height:16px;stroke-width:1.65}
.home-nav-count{padding:0;margin-left:auto;min-width:auto;border-radius:0;background:transparent!important;color:var(--home-faint);font-size:.66rem}
.home-nav-item.is-active .home-nav-count{color:var(--home-primary)}
.home-nav-note{display:none}
.home-sidebar-stats{margin:auto 9px 0;padding-top:20px;border-top:1px solid var(--home-hairline)}
.home-stat-line{display:flex;justify-content:space-between;gap:10px;padding:3px 0;color:var(--home-faint);font-size:.68rem;letter-spacing:.035em;text-transform:uppercase}
.home-stat-line strong{color:var(--home-muted);font-weight:700}
.home-side-theme{width:100%;height:38px;margin-top:14px;padding:0 9px;display:flex;align-items:center;gap:9px;border:0;border-radius:9px;background:transparent;color:var(--home-muted);cursor:pointer;font:inherit;font-size:.82rem;text-align:left}
.home-side-theme:hover{background:hsla(0,0%,100%,.45);color:var(--home-text)}
.home-side-theme svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.home-side-theme .home-theme-sun{display:none}
[data-theme="dark"] .home-side-theme .home-theme-moon{display:none}
[data-theme="dark"] .home-side-theme .home-theme-sun{display:block}

/* Floating controls replace the full-width header */
.home-actions{position:fixed;top:20px;right:24px;z-index:100;display:flex;gap:8px}
.home-action{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:11px;background:hsla(42,50%,99%,.78);color:var(--home-muted);box-shadow:0 5px 18px hsla(116,22%,12%,.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;transition:transform .18s,box-shadow .18s,color .18s,background .18s}
[data-theme="dark"] .home-action{background:hsla(220,9%,15%,.8)}
.home-action:hover{transform:translateY(-2px);color:var(--home-primary);box-shadow:0 10px 26px hsla(116,22%,12%,.12)}
.home-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.home-action .home-theme-sun{display:none}
[data-theme="dark"] .home-action .home-theme-moon{display:none}
[data-theme="dark"] .home-action .home-theme-sun{display:block}

/* Softer hero, no hard section borders */
.home-main{grid-column:2}
.home-hero-new{min-height:306px;padding:49px 44px 34px;border-bottom:0;background:
  radial-gradient(640px 260px at 55% -10%,hsla(126,45%,58%,.125),transparent 72%),
  radial-gradient(520px 250px at 100% 2%,hsla(39,69%,66%,.105),transparent 75%),
  linear-gradient(115deg,hsla(0,0%,100%,.25),transparent 55%),var(--home-page)}
.home-hero-new::before{inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");border:0;border-radius:0;opacity:.42}
.home-hero-new::after{display:none}
.home-hero-copy{width:min(760px,100%)}
.home-kicker{margin-bottom:8px;font-size:.64rem;letter-spacing:.23em}
.home-logo-title{margin:0;display:flex;justify-content:center;align-items:baseline;color:var(--home-text);font-family:var(--home-display);font-size:clamp(3.35rem,5.8vw,5.85rem);line-height:.95;letter-spacing:-.062em}
.home-logo-title .story{font-weight:650}
.home-logo-title .home-garden{margin-left:.03em;color:var(--home-primary);font-style:italic;font-weight:500;letter-spacing:-.07em}
.home-lead{margin:17px auto 22px;font-size:.9rem;font-weight:380;letter-spacing:.09em;color:var(--home-muted)}
.home-search{height:54px;width:min(620px,100%);padding:0 13px 0 18px;border:1px solid transparent;border-radius:18px;background:hsla(42,50%,99%,.88);box-shadow:0 18px 46px hsla(116,22%,12%,.095),0 2px 8px hsla(116,22%,12%,.045);backdrop-filter:blur(12px)}
[data-theme="dark"] .home-search{background:hsla(220,9%,15%,.9)}
.home-search:hover{border-color:hsla(124,29%,31%,.14);box-shadow:0 22px 54px hsla(116,22%,12%,.13),0 3px 9px hsla(116,22%,12%,.05)}
.home-search:focus-visible{border-color:var(--home-primary);outline:4px solid hsla(124,29%,38%,.12);outline-offset:1px}
.home-search kbd{border:0;background:var(--home-soft);font-size:.64rem;font-weight:600}
.home-meta{margin-top:13px;font-size:.66rem;letter-spacing:.075em}

/* Editorial magazine grid */
.home-library{position:relative;padding:36px 46px 90px;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.13) 20%)}
.home-library::before{content:"";position:absolute;top:0;left:7%;right:7%;height:1px;background:linear-gradient(90deg,transparent,var(--home-hairline),transparent)}
.home-library-head{max-width:1320px;margin-bottom:22px}
.home-library-title p{font-size:.63rem;letter-spacing:.2em}
.home-library-title h2{font-family:var(--home-display);font-size:1.72rem;letter-spacing:-.025em;font-weight:600}
.home-library-status{font-size:.7rem}.home-library-status strong{font-size:.95rem}
.home-topic-grid{max-width:1320px;gap:18px;align-items:stretch}
.home-topic-card{position:relative;grid-column:span 4;min-height:342px;border:0;border-radius:20px;background:var(--card-soft);box-shadow:var(--home-card-shadow);isolation:isolate;transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s,filter .26s}
.home-topic-card[hidden]{display:none!important}
.home-topic-card::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;box-shadow:0 0 0 0 transparent;transition:box-shadow .26s}
.home-topic-card:hover{transform:translateY(-6px);border-color:transparent;box-shadow:var(--home-card-hover)}
.home-topic-card:hover::after{box-shadow:0 0 0 5px color-mix(in srgb,var(--card-accent) 8%,transparent)}
.home-topic-art{min-height:194px;padding:0;border-bottom:0;background:transparent}
.home-topic-card.is-featured .home-topic-art{min-height:100%}
.home-topic-art::after{display:none}
.home-topic-art svg{display:none}
.home-poster{position:absolute;inset:0;padding:22px 23px;color:var(--card-accent);overflow:hidden}
.home-poster::before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.2) 1px,transparent 1px),linear-gradient(90deg,hsla(0,0%,100%,.2) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to bottom,black,transparent 82%);opacity:.34}
.poster-index{position:absolute;right:20px;top:13px;font-family:var(--home-display);font-size:.7rem;letter-spacing:.12em;opacity:.7}
.poster-main{position:relative;z-index:1;display:block;font-family:var(--home-display);font-size:clamp(3.2rem,5vw,5.7rem);font-weight:650;line-height:.82;letter-spacing:-.07em}
.poster-main em{font-weight:500}
.poster-sub{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px;margin-top:17px;max-width:84%}
.poster-sub span{padding:4px 7px;border-radius:999px;background:hsla(0,0%,100%,.35);font-size:.56rem;font-weight:750;letter-spacing:.105em;text-transform:uppercase}
[data-theme="dark"] .poster-sub span{background:hsla(0,0%,100%,.08)}
.poster-graphic{position:absolute;right:18px;bottom:15px;width:45%;height:48%;opacity:.85}
.poster-graphic svg{display:block!important;width:100%;height:100%;color:inherit}
.home-topic-copy{position:relative;z-index:2;padding:19px 20px 19px;background:linear-gradient(180deg,color-mix(in srgb,var(--card-soft) 76%,var(--home-surface)),var(--home-surface));border-radius:0 0 20px 20px}
.home-topic-overline{margin-bottom:7px;font-size:.62rem;letter-spacing:.075em}.home-topic-overline::before{width:14px;height:1px}
.home-topic-copy h3{margin-bottom:6px;font-family:var(--home-display);font-size:1.22rem;font-weight:650;letter-spacing:-.015em}
.home-topic-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.78rem;line-height:1.65}
.home-topic-foot{padding-top:14px;font-size:.66rem}.home-topic-foot span:nth-child(2){display:none}

/* Featured composition: 7-column lead + 5-column stack */
.home-topic-grid[data-layout="featured"]{grid-template-rows:repeat(2,minmax(238px,auto));grid-auto-flow:dense}
.home-topic-grid[data-layout="featured"] .home-topic-card{min-height:326px}
.home-topic-grid[data-layout="featured"] .home-topic-card[data-order="1"]{grid-column:1/8;grid-row:1/3;min-height:494px}
.home-topic-grid[data-layout="featured"] .home-topic-card[data-order="1"] .home-topic-art{min-height:316px}
.home-topic-grid[data-layout="featured"] .home-topic-card[data-topic="black-and-white"],
.home-topic-grid[data-layout="featured"] .home-topic-card[data-order="4"]{grid-column:8/13;min-height:238px;display:grid;grid-template-columns:42% 58%}
.home-topic-grid[data-layout="featured"] .home-topic-card[data-topic="black-and-white"]{grid-row:1}
.home-topic-grid[data-layout="featured"] .home-topic-card[data-order="4"]{grid-row:2}
.home-topic-grid[data-layout="featured"] .home-topic-card[data-topic="black-and-white"] .home-topic-art,
.home-topic-grid[data-layout="featured"] .home-topic-card[data-order="4"] .home-topic-art{min-height:238px}
.home-topic-grid[data-layout="featured"] .home-topic-card[data-topic="black-and-white"] .home-topic-copy,
.home-topic-grid[data-layout="featured"] .home-topic-card[data-order="4"] .home-topic-copy{border-radius:0 20px 20px 0;padding:20px 18px}
.home-topic-grid[data-layout="featured"] .home-topic-card[data-topic="black-and-white"] .poster-main,
.home-topic-grid[data-layout="featured"] .home-topic-card[data-order="4"] .poster-main{font-size:clamp(2.25rem,3.2vw,3.65rem)}
.home-topic-grid[data-layout="featured"] .home-topic-card[data-order="3"],
.home-topic-grid[data-layout="featured"] .home-topic-card[data-order="5"],
.home-topic-grid[data-layout="featured"] .home-topic-card[data-order="6"]{grid-column:span 4}
.home-topic-grid[data-layout="featured"] .home-topic-card[data-order="7"]{grid-column:span 12;min-height:230px;display:grid;grid-template-columns:58% 42%}
.home-topic-grid[data-layout="featured"] .home-topic-card[data-order="7"] .home-topic-art{min-height:230px}
.home-topic-grid[data-layout="featured"] .home-topic-card[data-order="7"] .home-topic-copy{border-radius:0 20px 20px 0;padding:28px}

@media(max-width:1120px){
  .home-topic-grid[data-layout="featured"] .home-topic-card[data-order]{grid-column:span 6;grid-row:auto;display:flex;min-height:350px}
  .home-topic-grid[data-layout="featured"] .home-topic-card[data-order="1"]{min-height:420px}
  .home-topic-grid[data-layout="featured"] .home-topic-card[data-order="1"] .home-topic-art{min-height:260px}
  .home-topic-grid[data-layout="featured"] .home-topic-card[data-order] .home-topic-art{min-height:200px}
  .home-topic-grid[data-layout="featured"] .home-topic-card[data-order] .home-topic-copy{border-radius:0 0 20px 20px;padding:19px 20px}
  .home-topic-grid[data-layout="featured"] .home-topic-card[data-order] .poster-main{font-size:clamp(3.2rem,5vw,5.7rem)}
}
@media(max-width:760px){
  .home-sidebar{top:0;padding-top:24px}
  .home-sidebar .home-brand{margin-left:45px}
  .home-sidebar .home-brand-mark{display:none}
  .home-mobile-menu{left:14px;top:14px;border:0;background:hsla(42,50%,99%,.82);box-shadow:0 5px 18px hsla(116,22%,12%,.08)}
  [data-theme="dark"] .home-mobile-menu{background:hsla(220,9%,15%,.84)}
  .home-actions{top:15px;right:14px}.home-action{width:38px;height:38px}
  .home-hero-new{min-height:320px;padding:72px 20px 32px}
  .home-logo-title{font-size:2.85rem}.home-lead{max-width:320px;font-size:.79rem;line-height:1.8}
  .home-library{padding:30px 17px 60px}
  .home-topic-grid[data-layout] .home-topic-card[data-order]{grid-column:auto;display:flex;min-height:0}
  .home-topic-grid[data-layout] .home-topic-card[data-order] .home-topic-art{min-height:190px}
  .home-topic-grid[data-layout] .home-topic-card[data-order] .home-topic-copy{border-radius:0 0 20px 20px;padding:18px}
  .home-topic-card:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){.home-action,.home-topic-card,.home-topic-card::after{transition:none!important}}