/* Initial section shells: unchanged geometry, formerly installed by category-system. */
.ssaw-category-grid,.ssaw-myog-section{box-sizing:border-box;width:100%;max-width:1320px;margin-left:auto;margin-right:auto;color:var(--font-clr)}
.ssaw-category-grid *,.ssaw-myog-section *{box-sizing:border-box}
.ssaw-category-grid{margin-top:18px;margin-bottom:0;--copy-opacity:1;--copy-ink:color-mix(in srgb,var(--font-clr) 70%,transparent)}
.ssaw-myog-section{margin-top:56px;margin-bottom:40px}
.ssaw-category-grid__inner,.ssaw-myog-section__inner{display:grid;grid-template-columns:minmax(210px,.62fr) minmax(0,1.38fr);gap:clamp(40px,5vw,76px);width:100%}
.ssaw-category-grid__inner{align-items:stretch}
.ssaw-myog-section__inner{align-items:start}
/* Heading, original copy and CTA belong to the initial HTML. */
.ssaw-home-editorial{min-width:0}
.ssaw-home-editorial p{margin:10px 0 0;font:400 12px/1.9 'Noto Sans JP',sans-serif;letter-spacing:.02em;color:var(--copy-ink,inherit);opacity:var(--copy-opacity,.7)}
.ssaw-category-grid .ssaw-home-editorial a{float:right;display:inline-flex;align-items:center;height:22.78125px;margin-left:8px;font-family:"Noto Sans JP","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体";font-size:10px;font-weight:500;line-height:16.5px;letter-spacing:.025em;color:#00236d;opacity:1;background:none;border:0;outline:none;text-decoration:underline;text-decoration-thickness:auto;text-underline-offset:4px;transform:none;translate:none;transition:opacity 160ms ease-out;}
.ssaw-category-grid .ssaw-home-editorial a:is(:hover,:focus-visible,:active){opacity:.65}
/* Editorial rows keep their existing allocation; typography is shared below. */
.ssaw-home-editorial{--home-heading-height:36.8px}
@media(min-width:768px) and (max-width:1023px){
  .ssaw-category-grid{margin-top:0}
  .ssaw-myog-section{margin-bottom:0}
}
@media(max-width:767px){
  .ssaw-category-grid,.ssaw-myog-section{width:calc(100% - 32px)}
  .ssaw-category-grid{margin-top:0}
  .ssaw-myog-section{margin-top:28px;margin-bottom:12px}
  .ssaw-category-grid__inner,.ssaw-myog-section__inner{display:block}
  .ssaw-home-editorial{margin-bottom:18px}
  .ssaw-home-editorial{--home-heading-height:31.65625px}
  .ssaw-home-editorial p{margin-top:8px;font-size:10px;line-height:1.65}
  .ssaw-category-grid .ssaw-home-editorial a{height:16.5px}
}

/* Measured closed state at 1440/1024: 3 x 134 + 2 x 12; one 128px row.
   Reserve space before runtime inserts cards. min-height allows content growth. */
.ssaw-category-grid__list{min-height:426px}
.ssaw-myog-section__panels{min-height:128px}
@media(max-width:767px){
  /* Measured at 360/375/390: 3 x 80 + 2 x 8; 2 x 80 + 8. */
  .ssaw-category-grid__list{min-height:256px}
  .ssaw-myog-section__panels{min-height:168px}
}
/* No animation fill: finished cards return to their original hover opacity. */
.ssaw-home-card-enter{animation:ssaw-home-card-in 300ms ease-out}
.ssaw-home-icon-enter{opacity:0}
.ssaw-home-icon-enter.is-loaded{opacity:1;animation:ssaw-home-card-in 180ms ease-out}
@keyframes ssaw-home-card-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
  .ssaw-home-card-enter,.ssaw-home-icon-enter.is-loaded{animation:none}
  .ssaw-home-icon-enter{opacity:1}
}

/* Home-only initial geometry; same value, scoped above the base layout rule. */
@media(max-width:767px){#pageIndex .top-right-contents-wrap{row-gap:28px}}

/* One owner for the six Home heading pairs (and the same-loop All Items title).
   Legacy ttl-h2 rules explicitly exclude this component at their source. */
body#pageIndex .ssaw-home-heading{
 display:flex;align-items:flex-start;flex-wrap:nowrap;gap:8px;
 height:var(--home-heading-height,43.2px);margin:0;padding:0;font-size:24px;font-weight:700;line-height:1;letter-spacing:2px;
 color:var(--font-clr);text-align:left;
}
body#pageIndex .ssaw-home-heading>:is(span,small){
 display:block;flex:0 0 auto;margin:4.5px 0 0;padding:0;align-self:flex-start;
 font-family:inherit;font-size:11px;font-weight:700;line-height:1;letter-spacing:2px;white-space:nowrap;
}
/* Gap is measured to the actual first image, including Journal's 1px card border. */
body#pageIndex :is(.top-pickup,#ssaw-all-items,.top-rank,.ssaw-note-journal){--home-content-gap:24px}
body#pageIndex .ssaw-note-journal{--home-content-inset:1px}
body#pageIndex :is(.top-pickup>.ssaw-home-heading,.top-rank>.ssaw-home-heading,#ssaw-all-items>.ssaw-home-heading,.ssaw-note-journal-head){margin-bottom:calc(var(--home-content-gap) - var(--home-content-inset,0px))}
@media(max-width:767px){
 body#pageIndex .ssaw-home-heading{height:var(--home-heading-height,17.92px);gap:4px;font-size:16px;letter-spacing:.03em}
 body#pageIndex .ssaw-home-heading>:is(span,small){font-size:7.5px;font-weight:400;letter-spacing:.02em}
 body#pageIndex :is(.top-pickup,#ssaw-all-items,.top-rank,.ssaw-note-journal){--home-content-gap:13px}
}