/* 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}
.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 h2{display:flex;align-items:baseline;gap:12px;margin:0;font-size:32px;line-height:1.15;letter-spacing:.075em}
.ssaw-home-editorial small{font:500 11px/1.45 'Noto Sans JP',sans-serif;letter-spacing:.075em;white-space:nowrap}
.ssaw-home-editorial p{margin:10px 0 0;font:400 12px/1.9 'Noto Sans JP',sans-serif;letter-spacing:.02em;color:inherit;opacity:.7}
.ssaw-home-editorial a{float:right;margin-left:8px;color:inherit;font:500 10.5px/2.17 'Noto Sans JP',sans-serif;letter-spacing:.045em;text-decoration:underline;text-underline-offset:4px}
.ssaw-home-editorial a:focus-visible{outline:2px solid #00236d;outline-offset:3px}
@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 h2{display:block;font-size:16px;line-height:1.12;letter-spacing:.06em}
  .ssaw-home-editorial small{display:block;margin-top:4px;font-size:7.5px;line-height:1.3;letter-spacing:.04em}
  .ssaw-home-editorial p{margin-top:8px;font-size:10px;line-height:1.65}
  .ssaw-home-editorial a{display:table;float:none;margin:6px 0 0 auto;font-size:9px;line-height:1.5}
}

/* 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}}