/* Product guides share the site's brand, navigation, photography and footer. */
#hana-centered .hg-banner{padding-top:54px;padding-bottom:64px}
#hana-centered .hg-banner:before{background-position:center 47%}
#hana-centered .hg-banner h1{max-width:960px;word-break:keep-all}
#hana-centered .hg-eyebrow{display:block;font-size:11px;letter-spacing:2px;color:#c4d3df;margin-bottom:14px}
#hana-centered .hg-content{max-width:1260px;margin:0 auto;padding:0 5.6%}
#hana-centered .hg-content h2{font-size:29px;line-height:1.5;letter-spacing:-1.1px;font-weight:650;margin:0;word-break:keep-all}
#hana-centered .hg-content h3{font-size:18px;line-height:1.5;letter-spacing:-.4px;font-weight:600;margin:0 0 12px;word-break:keep-all}
#hana-centered .hg-content p{font-size:14px;line-height:1.95;color:#526477;word-break:keep-all;margin:0}
#hana-centered .hg-section-label{display:block;color:#d2443b;font-size:10px;letter-spacing:1.6px;line-height:1.6;margin-bottom:15px}
#hana-centered .hg-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;padding:65px 0}
#hana-centered .hg-intro p+p{margin-top:15px}
#hana-centered .hg-section{padding:47px 0 52px;border-top:1px solid #d8e1e8}
#hana-centered .hg-section-heading{margin-bottom:30px}
#hana-centered .hg-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
#hana-centered .hg-spec{padding:20px 21px 24px;background:#f4f7f9}
#hana-centered .hg-number{display:block;font-size:12px;line-height:1.5;color:#8494a3;margin-bottom:18px;font-variant-numeric:tabular-nums}
#hana-centered .hg-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
#hana-centered .hg-photo-grid article{border-left:2px solid #b5c8d9;padding-left:18px}
#hana-centered .hg-content .hg-note{font-size:12px;line-height:1.85;color:#6d7a89;margin-top:22px}
#hana-centered .hg-order{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:start}
#hana-centered .hg-order h2{margin-bottom:20px}
#hana-centered .hg-request-example{padding:25px 27px;background:#f4f7f9;border-top:3px solid #17334d}
#hana-centered .hg-request-example h3{font-size:16px}
#hana-centered .hg-request-example ul{padding:0 0 0 18px;margin:0;color:#526477;font-size:13px;line-height:1.9}
#hana-centered .hg-request-example li+li{margin-top:8px}
#hana-centered .hg-faq details{border-bottom:1px solid #d8e1e8}
#hana-centered .hg-faq details:first-of-type{border-top:1px solid #d8e1e8}
#hana-centered .hg-faq summary{padding:20px 12px 20px 0;font-size:16px;line-height:1.7;font-weight:550;cursor:pointer;word-break:keep-all}
#hana-centered .hg-faq summary::marker{color:#365d7a;font-size:12px}
#hana-centered .hg-faq summary:focus-visible{outline:3px solid #e8483f;outline-offset:3px}
#hana-centered .hg-faq details>div{padding:0 22px 22px}
#hana-centered .hg-related>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}
#hana-centered .hg-related>div>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border:1px solid #d8e1e8;font-size:15px;line-height:1.7;word-break:keep-all}
#hana-centered .hg-related>div>a:hover{background:#f4f7f9;border-color:#7c98ad}
#hana-centered .hg-related>div>a>span:last-child{font-size:20px;flex-shrink:0}
#hana-centered .hg-back-link{display:inline-flex;gap:18px;font-size:13px;line-height:1.7;margin-top:23px;border-bottom:1px solid #17334d;padding-bottom:5px}
#hana-centered .hg-cta-links{display:flex;gap:15px;align-items:center;flex-wrap:wrap}
#hana-centered .hr-page-cta .hg-phone-link{background:transparent;color:#17334d;padding:10px;font-size:16px;font-weight:500;letter-spacing:.2px}
@media(min-width:1600px){
 #hana-centered .hg-content{max-width:1420px;padding-left:0;padding-right:0}
}
@media(max-width:900px){
 #hana-centered .hg-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 #hana-centered .hg-intro{grid-template-columns:1fr;gap:25px}
 #hana-centered .hg-order{grid-template-columns:1fr;gap:25px}
 #hana-centered .hg-photo-grid{gap:20px}
}
@media(max-width:600px){
 #hana-centered .hg-banner{padding:36px 24px 43px}
 #hana-centered .hg-banner h1{font-size:31px;letter-spacing:-1.3px}
 #hana-centered .hg-banner .hr-breadcrumb{flex-wrap:wrap;gap:8px;margin-bottom:26px}
 #hana-centered .hg-eyebrow{font-size:9px;letter-spacing:1.5px}
 #hana-centered .hg-content{padding:0 24px}
 #hana-centered .hg-content h2{font-size:24px;letter-spacing:-.8px}
 #hana-centered .hg-content h3{font-size:17px}
 #hana-centered .hg-content p{font-size:13px;line-height:1.95}
 #hana-centered .hg-intro{padding:39px 0;gap:22px}
 #hana-centered .hg-section{padding:34px 0 39px}
 #hana-centered .hg-section-heading{margin-bottom:22px}
 #hana-centered .hg-spec-grid{grid-template-columns:1fr;gap:14px}
 #hana-centered .hg-spec{padding:21px}
 #hana-centered .hg-number{margin-bottom:12px}
 #hana-centered .hg-photo-grid{grid-template-columns:1fr;gap:25px}
 #hana-centered .hg-request-example{padding:22px 20px}
 #hana-centered .hg-faq summary{font-size:14px;padding:18px 5px 18px 0}
 #hana-centered .hg-faq details>div{padding:0 0 21px}
 #hana-centered .hg-related>div{grid-template-columns:1fr;gap:13px}
 #hana-centered .hg-related>div>a{font-size:14px;padding:20px}
 #hana-centered .hg-cta-links{margin-top:21px;gap:12px}
 #hana-centered .hg-cta-links>a{margin-top:0}
 #hana-centered .hr-page-cta .hg-phone-link{padding:10px 0;font-size:15px}
}