/* Approved Figma top only. No shared page or product styles are changed. */
.shcj-site.shcj-top{--top-ink:#142f46;--top-muted:#52677b;--top-blue:#1769d2;--top-line:#dde6ee;max-width:none;margin:0;padding:0;background:#fff;color:var(--top-ink);font-family:system-ui,-apple-system,"Yu Gothic",sans-serif;font-size:16px;line-height:1.75;overflow-wrap:break-word}
.shcj-site.shcj-top :is(p,figure,ol,li,details){margin:0;padding:0}
.shcj-top img{display:block;max-width:100%;margin:0;box-shadow:none;border:0}
.shcj-top a,.shcj-top a:visited{color:var(--top-blue);text-decoration:none}
.shcj-top :is(a,summary,button):focus-visible{outline:3px solid var(--top-blue);outline-offset:4px}
.shcj-top a:hover{text-decoration:underline;text-underline-offset:4px}
.shcj-top .top-inner{width:calc(100% - 40px);max-width:1120px;margin-inline:auto}
.shcj-top .top-stack{display:flex;flex-direction:column;gap:24px}
.shcj-top p{margin:0;color:var(--top-muted)}
/* site.css gives heading margins !important; override only top headings. */
body.shcj-wordpress-page .shcj-site.shcj-top :is(h1,h2){margin:0!important;letter-spacing:0;color:var(--top-ink);font-weight:700}
.shcj-site.shcj-top h2{font-size:26px;line-height:39px}
.shcj-top .top-small,.shcj-top figcaption{font-size:14px;line-height:23px;color:var(--top-muted)}
.shcj-top .top-skip{position:absolute;z-index:100000;left:20px;top:-100px;padding:12px;background:#fff}
.shcj-top .top-skip:focus{top:8px}
.shcj-top .top-header{padding-block:12px;background:#fff}
.shcj-top .top-header-row{display:flex;align-items:center;gap:8px;position:relative}
.shcj-top .top-brand,.shcj-top .top-brand:visited{display:flex;align-items:center;gap:8px;flex:1;min-width:0;color:var(--top-ink);font-size:18px;line-height:27px;font-weight:700;min-height:48px;white-space:nowrap}
.shcj-top .top-brand img{flex:none}
.shcj-top .top-desktop-nav{display:none}
.shcj-top .top-menu{flex:none;border:0;padding:0}
.shcj-top .top-menu summary{display:flex;align-items:center;justify-content:center;width:48px;height:48px;list-style:none;cursor:pointer;border-radius:8px}
.shcj-top .top-menu summary::-webkit-details-marker{display:none}
.shcj-top .top-menu[open] summary{background:#edf5fd}
.shcj-top .top-menu nav{position:absolute;z-index:50;right:0;top:100%;width:min(350px,100%);padding:12px 20px;border:1px solid var(--top-line);border-radius:12px;background:#fff;box-shadow:0 12px 32px #142f461f}
.shcj-top .top-menu nav a{display:flex;align-items:center;min-height:48px;color:var(--top-ink);font-size:16px}
.shcj-top .top-hero{padding-block:32px;background:#f8fafc}
.shcj-top .top-hero-grid{display:grid;gap:24px}
.shcj-top .top-hero-copy{display:flex;flex-direction:column;gap:16px;min-width:0}
.shcj-top .top-kicker{font-size:14px;line-height:22px;font-weight:700;color:var(--top-blue)}
.shcj-site.shcj-top h1{font-size:32px;line-height:46px}
.shcj-top .top-button{display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px 16px;border-radius:12px;font-size:16px;line-height:24px;font-weight:700;text-align:center;text-decoration:none}
.shcj-top .top-primary,.shcj-top .top-primary:visited{background:var(--top-blue);color:#fff}
.shcj-top .top-primary:hover{background:#1055b0;color:#fff;text-decoration:none}
.shcj-top .top-secondary{border:1px solid var(--top-line);background:#fff}
.shcj-top .top-secondary:hover{background:#edf5fd;text-decoration:none}
.shcj-top .top-hero-visual{display:flex;flex-direction:column;gap:8px;min-width:0}
.shcj-top .top-hero-visual>img{width:100%;height:auto;aspect-ratio:350/208;object-fit:cover;border-radius:24px}
.shcj-top .top-section{padding-block:32px}
.shcj-top #diagnoses{scroll-margin-top:20px;padding-top:32px}
.shcj-top #diagnoses::before{display:none}
.shcj-top .top-choices{display:grid;gap:8px}
.shcj-top .top-choice{display:grid;grid-template-columns:64px minmax(0,1fr) 20px;gap:12px;align-items:center;min-height:96px;padding:16px;background:#edf5fd;border-radius:16px;text-decoration:none}
.shcj-top .top-choice:hover{background:#e0efff;text-decoration:none;box-shadow:inset 0 0 0 1px #bdd9f5}
.shcj-top .top-scene{width:64px;height:64px;object-fit:cover;border-radius:8px}
.shcj-top .top-choice-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.shcj-top .top-choice-copy strong{color:var(--top-ink);font-size:16px;line-height:24px}
.shcj-top .top-choice-copy>span{color:var(--top-muted);font-size:14px;line-height:23px}
.shcj-top .top-choice-link{color:var(--top-blue);font-weight:700;font-size:16px;line-height:24px}
.shcj-top .top-choice-link>span{display:none}
.shcj-top .top-steps{padding-block:32px;background:#f8fafc}
.shcj-top .top-steps ol{display:grid;gap:20px;list-style:none}
.shcj-top .top-steps li{display:flex;gap:16px;align-items:flex-start}
.shcj-top .top-steps li>span{width:44px;flex:none;font-size:32px;line-height:40px;color:var(--top-blue);font-weight:700}
.shcj-top .top-steps strong{font-size:16px;line-height:24px}
.shcj-top .top-steps li p{margin-top:4px;font-size:14px;line-height:23px}
.shcj-top .top-guide-stack{display:flex;flex-direction:column;gap:20px}
.shcj-top .top-guides{display:grid;gap:20px}
.shcj-top .top-guide{display:flex;align-items:flex-start;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--top-line);min-width:0}
.shcj-top .top-guide-icon{width:28px;flex:none;display:flex;justify-content:center}
.shcj-top .top-guide-icon img{max-width:none}
.shcj-top .top-guide>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.shcj-top .top-category-link{font-size:14px;line-height:22px;font-weight:700}
.shcj-top .top-guide-link,.shcj-top .top-guide-link:visited{font-size:16px;line-height:24px;font-weight:700;color:var(--top-ink)}
.shcj-top .top-policy{padding-block:32px;background:#edf5fd}
.shcj-site.shcj-top .top-policy h2{font-size:20px;line-height:30px}
.shcj-top .top-policy-link{font-size:14px;line-height:22px;font-weight:700;min-height:48px;display:flex;align-items:center}
.shcj-top .top-notice{font-size:14px;line-height:23px;color:var(--top-muted)}
.shcj-top .top-notice summary{min-height:48px;cursor:pointer;display:flex;align-items:center;gap:8px}
.shcj-top .top-notice summary::before{content:'＋'}
.shcj-top .top-notice[open] summary::before{content:'−'}
.shcj-top .top-notice p+p{margin-top:8px}
.shcj-top .top-footer{background:var(--top-ink);padding-block:32px}
.shcj-top .top-footer p,.shcj-top .top-footer a,.shcj-top .top-footer a:visited{font-size:14px;line-height:23px;color:#fff}
.shcj-top .top-footer .top-footer-brand{font-size:18px;line-height:27px;font-weight:700}
.shcj-top .top-footer nav{display:grid;gap:12px}
.shcj-top .top-footer nav a{width:fit-content}
.shcj-top .top-privacy-slot:empty{display:none}
.shcj-top .top-privacy-slot .shcj-consent-manage{position:static;min-width:144px;min-height:56px;border:1px solid var(--top-line);border-radius:12px;background:#fff;color:var(--top-blue);font-size:16px;box-shadow:none}
.shcj-top .top-privacy-slot .shcj-consent-manage:hover{background:#edf5fd}
/* Existing shared Cocoon rule forces share visibility; home has its own footer. */
body.home:has(.shcj-top) .sns-share.ss-bottom{display:none!important}
body.home:has(.shcj-top) #content{margin-top:0}
body.home:has(.shcj-top) #content .content-in.wrap{width:100%;max-width:none}
@media(min-width:900px){
 .shcj-top .top-header{padding-block:20px}
 .shcj-top .top-brand{min-height:28px}
 .shcj-top .top-menu{display:none}
 .shcj-top .top-desktop-nav{display:flex;gap:8px}
 .shcj-top .top-desktop-nav a{width:158px;color:var(--top-ink);font-size:14px;line-height:22px;font-weight:700}
 .shcj-top .top-hero{padding-block:64px}
 .shcj-top .top-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}
 .shcj-site.shcj-top h1{font-size:48px;line-height:68px}
 .shcj-top .top-hero-visual>img{aspect-ratio:536/364}
 .shcj-top .top-primary{width:312px}
 .shcj-top .top-section{padding-block:48px}
 .shcj-top #diagnoses{padding-top:48px}
 .shcj-top .top-choices{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
 .shcj-top .top-choice{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-height:217px}
 .shcj-top .top-scene{width:100%;height:auto;aspect-ratio:179.2/88}
 .shcj-top .top-scene-air,.shcj-top .top-scene-lighting{object-position:center top}
 .shcj-top .top-choice-link{margin-top:auto;font-size:14px;line-height:22px}
 .shcj-top .top-choice-link>span{display:inline}
 .shcj-top .top-steps,.shcj-top .top-policy{padding-block:40px}
 .shcj-top .top-steps ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
 .shcj-top .top-guides{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}
 .shcj-top .top-secondary{width:350px}
 .shcj-top .top-footer{padding-block:48px}
 .shcj-top .top-footer nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
}
@media(max-width:360px){.shcj-top .top-brand{font-size:16px}.shcj-site.shcj-top h1{font-size:28px}.shcj-top .top-choice{grid-template-columns:56px minmax(0,1fr) 16px;gap:10px;padding:12px}.shcj-top .top-scene{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){.shcj-top{scroll-behavior:auto}}