/* Sunnydays approved UI layout, 2026-09-30. */
@keyframes sd-preview-header-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
body.home.sd-site .sd-header{animation:sd-preview-header-in .45s ease 1s both}
@keyframes sd-preview-header-soft-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){body.home.sd-site .sd-header{animation:sd-preview-header-soft-in .3s ease .65s both}}
body.sd-site main :is(p,dd,li){line-height:1.8}
body.sd-site main :is(p,dd){max-inline-size:44em}
body.sd-site main :is(h1,h2,h3){letter-spacing:.005em!important}
body.sd-site main h1{line-height:1.38!important}
body.sd-site main h2{line-height:1.46!important}
body.sd-site main :is(h1,h2,h3,p){text-wrap:wrap!important}

/* Let the existing entrance photograph lead, and keep copy in one readable group. */
body.home.sd-site .sd-pr-hero{background-image:linear-gradient(90deg,rgba(250,249,244,.97) 0%,rgba(250,249,244,.92) 36%,rgba(250,249,244,.12) 66%,rgba(250,249,244,0) 100%),url('../images/entrance-detail.webp')!important;background-position:center,right center!important}
body.home.sd-site .sd-pr-hero__grid{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-height:540px!important;padding-block:48px!important}
body.home.sd-site .sd-pr-hero__copy{order:2!important;width:min(100%,510px)!important;max-width:510px!important;margin:0!important;padding:0!important;text-align:left!important;justify-self:start!important}
body.home.sd-site .sd-pr-hero__brand{order:1!important;width:auto!important;min-height:0!important;margin-bottom:12px!important}
body.home.sd-site .sd-pr-hero__brand img{width:160px!important}
body.home.sd-site .sd-pr-hero__brand::before,body.home.sd-site .sd-pr-hero__brand::after,body.home.sd-site .sd-pr-hero__brand-sun,body.home.sd-site .sd-pr-hero__light,body.home.sd-site .sd-pr-hero::before,body.home.sd-site .sd-pr-hero::after{display:none!important}
body.home.sd-site .sd-pr-hero__copy :is(h1,p){text-align:left!important}
body.home.sd-site .sd-pr-hero__copy .sd-acq-hero-label{margin-bottom:8px!important;font-size:13px!important}
body.home.sd-site .sd-pr-hero__copy .sd-acq-hero-philosophy{font-size:14px!important;margin-bottom:14px!important}
body.home.sd-site .sd-pr-hero__story{margin:12px 0 20px!important;line-height:1.65!important}
body.home.sd-site .sd-pr-hero__copy .sd-acq-hero-cta{min-height:48px!important}
body.home.sd-site .sd-acq-facts .sd-easy-guide__header p{max-inline-size:28em!important}

/* Two columns at tablet width make Japanese words break every few characters. */
@media(max-width:1050px){
 body.sd-site main .sd-split{grid-template-columns:1fr!important;gap:18px!important}
 body.sd-site main .sd-split>*{max-width:650px!important}
 body.sd-site main .sd-split .sd-lead{max-inline-size:34em!important}
 body.sd-site main .sd-split .sd-button{width:auto!important;min-width:220px!important;max-width:100%!important}
 body.sd-site main .sd-cta-band__inner{grid-template-columns:1fr!important;gap:24px!important}
 body.sd-site main .sd-cta-band__copy{max-width:650px!important}
 body.sd-site main .sd-cta-band__actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;max-width:650px!important}
 body.sd-site main .sd-cta-band__actions>a{flex:1 1 245px!important;min-width:min(100%,245px)!important}
}

/* Home: work photography and a continuous information list. */
body.home.sd-site .sd-pr-hero__grid{min-height:560px!important;gap:16px!important}
body.home.sd-site .sd-pr-hero__brand{min-height:7rem!important}
body.home.sd-site .sd-pr-hero__brand img{width:clamp(230px,24vw,320px)!important;filter:none!important}
body.home.sd-site .sd-pr-hero__brand::before{width:min(36rem,43vw)!important}
html body.home.sd-site main .sd-pr-hero__copy h1{font-size:clamp(34px,3vw,42px)!important;line-height:1.36!important}
@media(min-width:901px){
 body.home.sd-site .sd-acq-facts>.sd-container{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)!important;column-gap:clamp(44px,5vw,76px)!important;row-gap:16px!important}
 body.home.sd-site .sd-acq-facts .sd-acq-work-gallery{min-height:470px!important}
 body.home.sd-site .sd-acq-facts .sd-easy-guide__header{align-self:end}
 body.home.sd-site .sd-visit-invitation>.sd-container{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important}
}
body.home.sd-site .sd-acq-facts .sd-easy-guide__facts{background:transparent!important;border:0!important;box-shadow:none!important}
body.home.sd-site .sd-acq-facts .sd-easy-guide__fact{background:transparent!important;border-radius:0!important;box-shadow:none!important;border-inline:0!important;border-top:1px solid #d9ddd5!important;padding-block:15px!important}
body.home.sd-site .sd-acq-facts .sd-easy-guide__fact:last-child{border-bottom:1px solid #d9ddd5!important}
body.home.sd-site .sd-visit-invitation__photo::before{display:none!important}
body.home.sd-site .sd-visit-invitation__photo{aspect-ratio:1.34!important}
body.home.sd-site .sd-use-flow__scene img{object-fit:cover!important}
body.home.sd-site .sd-home-station-routes ul{gap:0 46px!important}
body.home.sd-site .sd-home-station-routes li{background:transparent!important;padding:20px 0!important;border-inline:0!important;border-bottom:0!important;border-radius:0!important}
body.home.sd-site .sd-home-station-routes li p{max-inline-size:40em}
body.home.sd-site .sd-home-station-routes{padding-block:36px!important}
body.home.sd-site .sd-home-station-routes h3{margin-bottom:20px!important;font-size:24px!important}
body.home.sd-site .sd-home-station-routes ul.sd-route-picker{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 18px!important;align-items:start!important}
body.home.sd-site .sd-home-station-routes .sd-route-picker>li{margin:0!important;padding:0!important;border:1px solid #d7ddd5!important;border-radius:6px!important;background:#fafaf7!important;break-inside:avoid!important}
body.home.sd-site .sd-home-station-routes .sd-route-picker details{height:100%}
body.home.sd-site .sd-home-station-routes .sd-route-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:64px;margin:0;padding:14px 20px;border:0;border-radius:6px;background:transparent;text-align:left;cursor:pointer;font:inherit}
body.home.sd-site .sd-home-station-routes .sd-route-toggle strong{font-size:19px!important;line-height:1.4!important;color:#263d32!important}
body.home.sd-site .sd-home-station-routes .sd-route-toggle::after{content:'+';display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #aab8ab;border-radius:50%;font:400 20px/1 sans-serif;color:#2b4837}
body.home.sd-site .sd-home-station-routes .sd-route-toggle[aria-expanded='true']::after{content:'−'}
body.home.sd-site .sd-home-station-routes .sd-route-toggle[aria-expanded='true']{border-bottom:1px solid #e1e5df;border-radius:6px 6px 0 0;background:#fff}
body.home.sd-site .sd-home-station-routes .sd-route-toggle:focus-visible{outline:3px solid #0069bf;outline-offset:-4px}
body.home.sd-site .sd-home-station-routes .sd-route-picker p[hidden]{display:none!important}
body.home.sd-site .sd-home-station-routes .sd-route-picker summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:14px 20px;cursor:pointer;list-style:none}
body.home.sd-site .sd-home-station-routes .sd-route-picker summary::-webkit-details-marker{display:none}
body.home.sd-site .sd-home-station-routes .sd-route-picker summary strong{font-size:19px!important;line-height:1.4!important;color:#263d32!important}
body.home.sd-site .sd-home-station-routes .sd-route-picker summary::after{content:'+';display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #aab8ab;border-radius:50%;font:400 20px/1 sans-serif;color:#2b4837}
body.home.sd-site .sd-home-station-routes .sd-route-picker details[open] summary::after{content:'−'}
body.home.sd-site .sd-home-station-routes .sd-route-picker summary:focus-visible{outline:3px solid #0069bf;outline-offset:-4px}
body.home.sd-site .sd-home-station-routes .sd-route-picker details[open]{background:#fff}
body.home.sd-site .sd-home-station-routes .sd-route-picker details[open] summary{border-bottom:1px solid #e1e5df}
body.home.sd-site .sd-home-station-routes .sd-route-picker p{display:grid;gap:0;max-inline-size:none!important;margin:0!important;padding:14px 20px 18px!important;font-size:16px!important;line-height:1.65!important}
body.home.sd-site .sd-home-station-routes .sd-route-step{position:relative;display:block;padding:7px 0 7px 23px;border-left:2px solid #d6e2d7;color:#263641}
body.home.sd-site .sd-home-station-routes .sd-route-step::before{content:'';position:absolute;left:-6px;top:17px;width:9px;height:9px;border-radius:50%;background:#6c9274}
body.home.sd-site .sd-home-station-routes .sd-route-picker+p{margin-top:20px!important;font-size:14px!important;line-height:1.7!important;color:#5b675f}
@media(max-width:700px){body.home.sd-site .sd-home-station-routes ul.sd-route-picker{grid-template-columns:1fr!important}body.home.sd-site .sd-home-station-routes .sd-route-toggle{min-height:58px!important;padding:12px 16px!important}body.home.sd-site .sd-home-station-routes .sd-route-toggle strong{font-size:17px!important}body.home.sd-site .sd-home-station-routes .sd-route-picker p{padding:10px 16px 14px!important;font-size:15px!important}}

/* Work: bring the title near a larger warehouse photograph. */
@media(min-width:901px){
 body.sd-site .sd-work-revised .sd-page-hero{padding-block:44px!important}
 body.sd-site .sd-work-revised .sd-page-hero__inner{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)!important;gap:clamp(28px,3vw,48px)!important;min-height:0!important}
 body.sd-site .sd-work-revised .sd-page-hero__visual{min-height:470px!important}
 body.sd-site .sd-work-revised .sd-page-hero__visual{width:100%!important;max-width:none!important;justify-self:stretch!important}
 body.sd-site .sd-work-revised .sd-page-hero__copy{align-self:center!important}
}
body.sd-site .sd-work-revised .sd-page-hero{background:#fff!important}
body.sd-site .sd-work-revised .sd-page-hero::before,body.sd-site .sd-work-revised .sd-page-hero::after,body.sd-site .sd-work-revised .sd-page-hero__line{display:none!important}
body.sd-site .sd-work-revised .sd-page-hero__visual{box-shadow:none!important;clip-path:none!important}
body.sd-site .sd-work-revised .sd-page-hero__visual img{object-fit:cover!important}
body.sd-site .sd-work-revised .sd-work-index__item{background:transparent!important;border-inline:0!important;border-radius:0!important;box-shadow:none!important;border-top:1px solid #d9ddd5!important}
body.sd-site .sd-work-revised .sd-work-index__item:last-child{border-bottom:1px solid #d9ddd5!important}
body.sd-site .sd-work-revised .sd-acq-workplace__copy p{max-inline-size:36em}

/* Visit: short facts read as facts, photographs remain prominent. */
body.sd-site .sdv-facts{background:transparent!important;box-shadow:none!important;border:0!important}
body.sd-site .sdv-facts>div{background:transparent!important;border-top:1px solid #d8ddd5!important;border-radius:0!important;box-shadow:none!important}
body.sd-site .sdv-scenes figure{overflow:hidden}
body.sd-site .sdv-scenes figure img{width:100%;height:100%;object-fit:cover}
body.sd-site .sdv-scenes li{background:transparent!important;box-shadow:none!important}
body.sd-site .sdv-contact-card{box-shadow:none!important}

/* Guide: one continuous information rhythm instead of isolated boxes. */
body.sd-site .sdg-hours>div,body.sd-site .sdg-facts>div{background:transparent!important;box-shadow:none!important;border-radius:0!important;border-inline:0!important;border-top:1px solid #d9ddd5!important}
body.sd-site .sdg-hours>div:last-child,body.sd-site .sdg-facts>div:last-child{border-bottom:1px solid #d9ddd5!important}
body.sd-site .sdg-steps>li{border-bottom:1px solid #d9ddd5!important;padding-block:24px!important;min-height:0!important}
body.sd-site .sdg-steps>li:first-child{border-top:1px solid #d9ddd5!important}
@media(min-width:901px){body.sd-site .sdg-steps>li{grid-template-columns:42px minmax(0,1fr)!important}}

/* FAQ: keep the disclosure interaction, lighten the surrounding navigation. */
body.sd-site .sdf-nav a{background:transparent!important;box-shadow:none!important;border-radius:0!important;border-inline:0!important;border-top:1px solid #d9ddd5!important}
body.sd-site .sdf-nav a:last-child{border-bottom:1px solid #d9ddd5!important}
body.sd-site .sdf-answers details{box-shadow:none!important}

/* Access: routes should read as a journey list, with no repeated card chrome. */
body.sd-site .sd-transport-guide__block ol{gap:0 40px!important}
body.sd-site .sd-transport-guide__block ol li,body.sd-site .sd-transport-guide__block ol li:first-child,body.sd-site .sd-transport-guide__block ol li:last-child{background:transparent!important;box-shadow:none!important;border-inline:0!important;border-bottom:0!important;border-top:1px solid #d9ddd5!important;border-radius:0!important;padding:20px 0!important}
body.sd-site .sd-transport-guide__block ol li p{max-inline-size:38em}

/* Recruitment: a compact job description and unboxed benefits. */
body.sd-site .sdr-role-overview .sd-recruitment-card{background:transparent!important;box-shadow:none!important;border-radius:0!important}
body.sd-site .sda-benefit-grid article{background:transparent!important;box-shadow:none!important;border-radius:0!important;border-inline:0!important;border-bottom:0!important;border-top:1px solid #d9ddd5!important;padding:20px 0!important}
body.sd-site .sda-benefit-grid article:last-child{border-bottom:1px solid #d9ddd5!important}

@media(max-width:767px){
 .ui-preview-badge{bottom:104px;right:8px;font-size:10px}
 body.home.sd-site .sd-pr-hero__grid{min-height:520px!important;gap:12px!important;padding-block:32px!important}
 body.home.sd-site .sd-pr-hero__brand img{width:min(220px,62vw)!important}
 html body.home.sd-site main .sd-pr-hero__copy h1{font-size:26px!important}
 body.sd-site main :is(p,dd,li){line-height:1.78}
 body.sd-site main h1{font-size:26px!important}
 body.sd-site main h2{font-size:22px!important}
 body.sd-site main h3{font-size:18px!important}
 body.home.sd-site .sd-acq-facts .sd-acq-work-gallery{min-height:280px!important}
 body.home.sd-site .sd-home-station-routes li{padding:18px 0!important}
 body.sd-site .sd-work-revised .sd-page-hero{padding-block:22px!important}
 body.sd-site .sd-work-revised .sd-page-hero__inner{gap:22px!important}
 body.sd-site .sd-work-revised .sd-page-hero__visual{min-height:260px!important}
 body.sd-site .sdv-facts>div{padding-block:17px!important}
 body.sd-site .sdg-steps>li{padding-block:20px!important}
 body.sd-site .sd-transport-guide__block ol{grid-template-columns:1fr!important}
}

/* Final hero proportions after the original theme's responsive rules. */
body.home.sd-site .sd-pr-hero__grid{gap:0!important}
body.home.sd-site .sd-pr-hero__brand{min-height:0!important}
body.home.sd-site .sd-pr-hero__brand img{width:142px!important}
@media(max-width:600px){
 body.home.sd-site .sd-pr-hero{min-height:0!important;background-color:#faf9f4!important;background-image:url('../images/entrance-detail.webp')!important;background-size:100% 220px!important;background-position:center top!important;background-repeat:no-repeat!important}
 body.home.sd-site .sd-pr-hero__grid{min-height:0!important;padding:244px 24px 36px!important;align-items:flex-start!important}
 body.home.sd-site .sd-pr-hero__brand{margin-bottom:6px!important}
 body.home.sd-site .sd-pr-hero__brand img{width:120px!important}
 body.home.sd-site .sd-pr-hero__copy{width:100%!important;padding:0!important}
 html body.home.sd-site main .sd-pr-hero__copy h1{font-size:26px!important;line-height:1.42!important}
 body.home.sd-site .sd-pr-hero__story{font-size:14px!important}
}

/* Access CTA: allow the complete phrase to fit, then break only at its comma. */
body.sd-page-access.sd-site #sd-cta-heading{width:auto!important;max-width:100%!important;overflow-wrap:normal!important;word-break:keep-all!important;scroll-margin-top:140px}

/* Keep the four recruitment scene photos compact on both screen sizes. */
body.sd-site .sdr-relationships .sdr-scenes{max-width:1080px;margin-inline:auto;gap:28px}
body.sd-site .sdr-relationships .sdr-scenes img{height:clamp(230px,25vw,320px);aspect-ratio:auto;object-fit:cover}
@media(max-width:767px){
 body.sd-site .sdr-relationships .sdr-scenes{gap:24px}
 body.sd-site .sdr-relationships .sdr-scenes img{height:clamp(170px,48vw,220px)}
}

/* Access routes use the same station picker as the home page. */
body.sd-site .sd-transport-guide__block ol.sd-route-picker{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 18px!important;align-items:start!important}
body.sd-site .sd-transport-guide__block ol.sd-route-picker>li,body.sd-site .sd-transport-guide__block ol.sd-route-picker>li:first-child,body.sd-site .sd-transport-guide__block ol.sd-route-picker>li:last-child{min-width:0;margin:0!important;padding:0!important;border:1px solid #d7ddd5!important;border-radius:6px!important;background:#fafaf7!important}
body.sd-site .sd-transport-guide__block .sd-route-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:64px;margin:0;padding:14px 20px;border:0;border-radius:6px;background:transparent;text-align:left;cursor:pointer;font:inherit}
body.sd-site .sd-transport-guide__block .sd-route-toggle strong{font-size:19px!important;line-height:1.4!important;color:#263d32!important}
body.sd-site .sd-transport-guide__block .sd-route-toggle::after{content:'+';display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #aab8ab;border-radius:50%;font:400 20px/1 sans-serif;color:#2b4837}
body.sd-site .sd-transport-guide__block .sd-route-toggle[aria-expanded='true']::after{content:'−'}
body.sd-site .sd-transport-guide__block .sd-route-toggle[aria-expanded='true']{border-bottom:1px solid #e1e5df;border-radius:6px 6px 0 0;background:#fff}
body.sd-site .sd-transport-guide__block .sd-route-toggle:focus-visible{outline:3px solid #0069bf;outline-offset:-4px}
body.sd-site .sd-transport-guide__block .sd-route-picker p[hidden]{display:none!important}
body.sd-site .sd-transport-guide__block .sd-route-picker p{display:grid;gap:0;max-inline-size:none!important;margin:0!important;padding:14px 20px 18px!important;font-size:16px!important;line-height:1.65!important}
body.sd-site .sd-transport-guide__block .sd-route-step{position:relative;display:block;padding:7px 0 7px 23px;border-left:2px solid #d6e2d7;color:#263641}
body.sd-site .sd-transport-guide__block .sd-route-step::before{content:'';position:absolute;left:-6px;top:17px;width:9px;height:9px;border-radius:50%;background:#6c9274}
@media(max-width:700px){
 body.sd-site .sd-transport-guide__block ol.sd-route-picker{grid-template-columns:1fr!important}
 body.sd-site .sd-transport-guide__block .sd-route-toggle{min-height:58px;padding:12px 16px}
 body.sd-site .sd-transport-guide__block .sd-route-toggle strong{font-size:17px!important}
 body.sd-site .sd-transport-guide__block .sd-route-picker p{padding:10px 16px 14px!important;font-size:15px!important}
}