/* Detailed product pages, inherit selected energy landing page look */
.energy-site.detail-page{font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:#203744}.detail-page *{box-sizing:border-box}.detail-breadcrumb{font-size:12px;padding:12px 0 18px;color:#607079}.detail-breadcrumb a{color:#2c7183}.detail-hero{background:linear-gradient(125deg,#092e44,#15546b 73%,#397f86);color:#fff;padding:54px 54px 52px;position:relative;overflow:hidden}.detail-hero:after{content:"";position:absolute;right:-120px;top:-110px;width:440px;height:440px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 115px rgba(255,255,255,.028);pointer-events:none}.detail-hero>*{position:relative;z-index:1}.detail-hero .eyebrow{font-size:12px;letter-spacing:.15em;color:#c6e8df}.detail-hero h1{font-size:42px;line-height:1.35;color:white;margin:14px 0 10px}.detail-hero h2{font-size:20px;line-height:1.65;color:white;margin:0 0 16px}.detail-hero p{font-size:16px;line-height:2;color:#ecf3f3;max-width:650px;margin-bottom:25px}.detail-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-width:285px;background:#fff;color:#135068!important;font-weight:bold;font-size:14px;padding:13px 22px;text-decoration:none!important}.detail-button:hover{background:#e8f2ec}.detail-nav{display:flex;justify-content:space-between;align-items:center;background:#edf5f4;padding:13px 28px;font-size:12px;letter-spacing:.04em}.detail-nav a{color:#195a6b!important;font-weight:700}.detail-nav span{color:#789a9b;font-size:10px;letter-spacing:.13em}.detail-section{padding:63px 48px}.detail-section:nth-of-type(2n){background:#f3f7f7}.detail-section-title{margin-bottom:28px}.detail-section-title h2{font-size:29px;color:#17475a;margin:8px 0}.detail-section-title .kicker{color:#46928c}.detail-overview-grid{display:flex;gap:27px;align-items:center}.detail-overview-text p{font-size:16px;line-height:2.05}.detail-overview-text .detail-ask{font-size:15px;color:#1d7275;font-weight:bold;border-left:3px solid #69a6a2;padding-left:15px;margin-top:25px}.detail-main-shot{background:white;min-height:320px;display:flex;justify-content:center;align-items:center;padding:17px;border:1px solid #dce8e8}.detail-main-shot img{width:100%;height:310px;object-fit:contain}.detail-features{display:flex;gap:18px;list-style:none;padding:0;counter-reset:feature}.detail-features li{padding:24px 19px 22px;border-top:3px solid #438a8a;background:white;counter-increment:feature;min-height:225px}.detail-features li:before{content:'0' counter(feature);display:block;font-size:25px;color:#7ab1aa;margin-bottom:10px}.detail-features h3{font-size:17px;color:#17475a;line-height:1.6;margin-bottom:9px}.detail-features p{font-size:15px;line-height:1.9}.detail-stat{display:flex;gap:25px;align-items:center;padding:28px 30px;border-top:4px solid #3c8889;background:#eef5f4}.detail-stat strong{font-size:45px;color:#1a7180;line-height:1.2;white-space:nowrap}.detail-stat b{display:block;font-size:17px;color:#194c5d;margin-bottom:8px}.detail-stat p{font-size:14px;line-height:1.85}.detail-figures{display:flex;gap:22px;margin-top:29px}.detail-figure{margin:0;background:white;border:1px solid #dee8e8;padding:14px;display:flex;flex-direction:column;align-items:center}.detail-figure img{width:100%;height:350px;object-fit:contain}.detail-figure figcaption{margin-top:10px;color:#4b6670;font-size:13px;line-height:1.65}.detail-source{font-size:12px;color:#677980;line-height:1.9;margin-top:17px}.detail-check-grid{display:flex;gap:24px}.detail-check-grid>div{padding:22px 22px 24px;background:white;border-left:3px solid #569899}.detail-check-grid h3{font-size:18px;color:#194c5d;margin-bottom:11px}.detail-check-grid p{font-size:15px;line-height:2}.detail-process ol{list-style:none;padding:0;display:flex;gap:16px}.detail-process li{padding:17px 12px;border-top:2px solid #438a8a;background:white}.detail-process li b{font-size:26px;font-weight:400;color:#69a6a2}.detail-process li h3{font-size:16px;color:#164b5d;margin:7px 0}.detail-process li p{font-size:14px;line-height:1.8}.detail-links{display:flex;gap:12px}.detail-links a{display:flex;justify-content:space-between;padding:14px 17px;background:white;border:1px solid #d6e3e4;color:#175c70!important;font-weight:bold;font-size:14px}.detail-footer-cta{padding:58px 45px 68px;text-align:center;background:linear-gradient(110deg,#0a354b,#15566b);color:white}.detail-footer-cta .eyebrow{color:#b5e6df}.detail-footer-cta h2{font-size:27px;line-height:1.65;color:white;margin:11px 0}.detail-footer-cta p{font-size:16px;line-height:2;max-width:680px;margin:0 auto 24px}@media(max-width:700px){.detail-hero{padding:45px 24px}.detail-hero h1{font-size:32px}.detail-hero h2{font-size:18px}.detail-section{padding:45px 20px}.detail-overview-grid,.detail-stat,.detail-check-grid{}.detail-features{}.detail-features li{min-height:0}.detail-figures{}.detail-process ol{}.detail-links{}.detail-footer-cta{padding:45px 21px}.detail-footer-cta h2{font-size:23px}.detail-button{min-width:0;width:100%}.detail-figure img{height:290px}.detail-stat strong{font-size:38px}}

/* Flexbox conversion: detail pages, no CSS Grid */
.detail-overview-grid{flex-direction:row;align-items:center}.detail-overview-text{flex:1.05 1 0;min-width:0}.detail-main-shot{flex:.95 1 0;min-width:0}
.detail-features{flex-direction:row;flex-wrap:wrap}.detail-features li{flex:0 0 calc((100% - 36px)/3);min-width:0}
.detail-stat{flex-direction:row;align-items:center}.detail-stat>strong{flex:0 0 230px}.detail-stat>div{flex:1 1 0;min-width:0}
.detail-figures{flex-direction:row;flex-wrap:wrap}.detail-figures>.detail-figure{flex:0 0 calc((100% - 22px)/2);min-width:0}
.detail-check-grid{flex-direction:row}.detail-check-grid>div{flex:1 1 0;min-width:0}
.detail-process ol{flex-direction:row;flex-wrap:wrap}.detail-process li{flex:0 0 calc((100% - 48px)/4);min-width:0}
.detail-links{flex-direction:row;flex-wrap:wrap}.detail-links>a{flex:0 0 calc((100% - 12px)/2);min-width:0}
@media(max-width:700px){
 .detail-overview-grid,.detail-stat,.detail-check-grid{flex-direction:column;align-items:stretch}
 .detail-overview-text,.detail-main-shot,.detail-stat>strong,.detail-stat>div,.detail-check-grid>div{flex:0 1 auto;width:100%}
 .detail-features{flex-direction:column}.detail-features li{flex:0 1 auto}
 .detail-figures{flex-direction:column}.detail-figures>.detail-figure{flex:0 1 auto}
 .detail-process li{flex:0 0 calc((100% - 16px)/2)}
 .detail-links{flex-direction:column}.detail-links>a{flex:0 1 auto}
}