/* Scoped article layout; existing navigation and blog cards stay inherited. */
.ap-tankless-story{--ap-navy:#172247;--ap-red:#cc2230;--ap-paper:#f3f5f8;--ap-blue:#265888;--ap-line:#dbe0e8;--ap-muted:#5b6578;font-family:Arial,sans-serif}
.ap-tankless-story .ap-wrap{width:calc(100% - 64px);max-width:1060px;margin-inline:auto}
.ap-tankless-story .ap-article-intro{background:#172247;color:#fff;padding:44px 0 48px}
.ap-tankless-story .ap-blog-breadcrumb{font-size:12px;margin-bottom:26px;color:#c4cde0}
.ap-tankless-story .ap-blog-breadcrumb a{color:#fff;text-decoration:underline;text-underline-offset:4px}
.ap-tankless-story .ap-blog-breadcrumb span{margin-inline:10px}
.ap-tankless-story .ap-kicker{color:#b9d5f5;font-size:11px;font-weight:700;letter-spacing:.1em}
.ap-tankless-story h1{color:#fff;font-weight:700;font-size:clamp(34px,4.2vw,55px);line-height:1.15;max-width:1010px;margin:0 0 24px;letter-spacing:-.04em}
.ap-tankless-story .ap-article-deck{max-width:790px;font-size:18px;line-height:1.75;color:#e3e9f3}
.ap-tankless-story .ap-article-byline{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:12px;color:#c4cde0}
.ap-tankless-story .ap-tankless-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:calc(100% - 64px);max-width:790px;margin:36px auto 0}
.ap-tankless-story .ap-tankless-gallery figure{margin:0;min-width:0}
.ap-tankless-story .ap-tankless-gallery img{display:block;width:100%;height:auto;border-radius:7px;object-fit:contain;image-orientation:from-image}
.ap-tankless-story figcaption{font-size:13px;line-height:1.6;color:#5b6578;margin-top:10px}
.ap-tankless-story .ap-blog-article{width:calc(100% - 64px);max-width:790px;margin:auto;padding:32px 0 64px}
.ap-tankless-story .ap-blog-article p,.ap-tankless-story .ap-blog-article li{font-size:17px;line-height:1.8;color:#384256}
.ap-tankless-story .ap-blog-article p{margin:0 0 23px}
.ap-tankless-story .ap-blog-article .ap-blog-lead{font-size:21px;line-height:1.7;color:#172247;font-weight:600}
.ap-tankless-story .ap-blog-article h2{font-size:29px;line-height:1.25;letter-spacing:-.025em;margin:36px 0 20px;color:#172247}
.ap-tankless-story .ap-blog-article ul{padding-left:25px;margin:20px 0 28px}
.ap-tankless-story .ap-blog-article li{padding-left:7px;margin-bottom:17px}
.ap-tankless-story .ap-blog-article a{color:#265888;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.ap-tankless-story .ap-blog-callout{padding:24px 26px;border-left:4px solid #cc2230;background:#f3f5f8;margin:28px 0}
.ap-tankless-story .ap-blog-callout p{margin:0;color:#172247;font-size:18px}
.ap-tankless-story .ap-tankless-sources{border-top:1px solid #dbe0e8;margin-top:32px;padding-top:20px}
.ap-tankless-story .ap-tankless-sources p{font-size:13px;line-height:1.7}
.ap-tankless-story-card-photo{display:block;width:100%;height:280px;object-fit:contain;background:#f3f5f8;image-orientation:from-image}
@media(max-width:760px){.ap-tankless-story .ap-wrap,.ap-tankless-story .ap-blog-article,.ap-tankless-story .ap-tankless-gallery{width:calc(100% - 40px)}.ap-tankless-story .ap-article-intro{padding:30px 0 36px}.ap-tankless-story h1{font-size:34px;line-height:1.18}.ap-tankless-story .ap-article-deck{font-size:16px}.ap-tankless-story .ap-article-byline{font-size:11px;gap:8px 18px}.ap-tankless-story .ap-blog-article p,.ap-tankless-story .ap-blog-article li{font-size:16px}.ap-tankless-story .ap-blog-article .ap-blog-lead{font-size:19px}.ap-tankless-story .ap-blog-article h2{font-size:25px}.ap-tankless-story .ap-blog-callout{padding:20px}.ap-tankless-story .ap-tankless-sources p{font-size:13px}}
@media(max-width:560px){.ap-tankless-story .ap-tankless-gallery{grid-template-columns:1fr;max-width:360px;gap:24px;margin-top:24px}}