/* Fast, readable routes from a small screen to a conversation. */
.quick-links{max-width:1080px;margin:0 auto 36px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 20px}
.quick-links a{border:1px solid #ddddE7;border-radius:12px;padding:18px;color:var(--navy);font-weight:700;line-height:1.7;background:#fff}
.quick-links small{display:block;font-size:12px;font-weight:400;color:var(--muted)}
.quick-links span{float:right}.quick-links a:first-child{background:#fff9df;border-color:#e8d77c}
.shukatsu{background:#fbf8ee}.shukatsu .eyebrow{color:#6a5e2c}.shukatsu-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.shukatsu-concerns,.shukatsu-steps{padding:28px;background:#fff;border-radius:16px}.shukatsu h3{font-size:21px;margin:0 0 18px}
.compact-list{list-style:none;padding:0;margin:0}.compact-list li{position:relative;padding:8px 0 8px 24px}.compact-list li:before{content:'✓';position:absolute;left:0;color:#797036}
.shukatsu-steps ol{padding-left:24px;margin:0}.shukatsu-steps li{padding:0 0 16px 6px}.shukatsu-steps li:last-child{padding-bottom:0}.shukatsu-steps p{font-size:15px;margin:6px 0 0;color:#5d5d6f}
.shukatsu-invite{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #e2dcc4;margin-top:32px;padding-top:28px}.shukatsu-invite p{margin:0}.shukatsu-invite .button{flex-shrink:0}
.faq details{border-top:1px solid #dedee8;padding:0 4px}.faq details:last-child{border-bottom:1px solid #dedee8}.faq summary{padding:22px 4px;font-weight:700;cursor:pointer;line-height:1.7}.faq details p{color:#55556a;padding:0 4px 18px;max-width:780px}.faq summary:focus-visible{outline:3px solid #087aaa;outline-offset:2px}
@media(max-width:700px){
 html{scroll-padding-top:132px;scroll-padding-bottom:110px}
 body{padding-bottom:88px}
 header{padding:10px 5% 0;gap:6px;min-height:0}
 header .brand{font-size:21px}.brand em{font-size:11px!important}
 .header-phone{font-size:14px;min-height:44px;letter-spacing:0}
 header nav a{font-size:13px;min-height:44px}
 .hero{padding:24px 5% 20px}
 .hero-copy{display:block;pointer-events:auto;text-align:left}
 .hero-copy .eyebrow{text-align:left;font-size:12px;margin-bottom:12px}
 .hero-copy h1{text-align:left;font-size:clamp(28px,7.8vw,42px);line-height:1.5;margin-bottom:14px}
 .hero-sub{text-align:left;font-size:18px;line-height:1.65;margin-bottom:12px}
 .hero-copy .intro{font-size:16px;line-height:1.8;margin-bottom:16px}
 .hero-tags{justify-content:flex-start;margin-bottom:16px;gap:6px}.hero-tags span{font-size:12px;padding:5px 9px}
 .hero-copy .actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hero-copy .button{min-height:76px;padding:10px 4px;border-radius:10px}.hero-copy .button small{font-size:11px}.hero-copy .button strong{font-size:16px}
 .hero-copy .fine{font-size:13px;margin-top:8px}.home-visual{margin:20px 0 0;order:initial}.home-visual img{aspect-ratio:auto;object-fit:initial}.home-visual figcaption{font-size:13px;padding:12px}.home-visual small{font-size:12px}
 .quick-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 5%;margin:0 0 28px}.quick-links a{font-size:14px;padding:14px 11px;min-height:82px}.quick-links small{font-size:11px;margin-bottom:4px}
 .shukatsu-grid{grid-template-columns:1fr;gap:16px}.shukatsu-concerns,.shukatsu-steps{padding:22px 18px}.shukatsu h3{font-size:19px}.shukatsu-steps p{font-size:16px}.shukatsu-invite{display:block;margin-top:24px;padding-top:24px}.shukatsu-invite .button{margin-top:18px;font-size:16px;min-height:60px}
 .faq summary{font-size:16px;padding:20px 4px}.faq details p{font-size:16px}
 .mobile-cta a{flex-direction:column;min-height:58px;line-height:1.5}.mobile-cta small{font-size:11px;font-weight:400}.mobile-cta strong{font-size:17px}
 footer{padding-bottom:32px}section[id]{scroll-margin-top:8px}
}
@media(max-width:360px){header{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:4px}header nav{grid-column:1/-1}header nav a{font-size:12px}header .brand{font-size:16px;gap:5px}.brand small{font-size:9px!important}.header-phone{font-size:12px}.brand em{display:none!important}.seal{width:30px;height:30px;font-size:23px;line-height:26px}.hero-copy .button strong{font-size:14px}.hero-copy .button small{font-size:10px}}