/* Solar Patios By Design: Team All Star's existing navy and gold, extended. */
.solar-patio-site{--patio-ink:#122d45;--patio-gold:#f2c45d;--patio-line:#dce4e9}
.patio-subnav{position:static;inset:auto;z-index:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 5%;background:#fff;border-bottom:1px solid #dce4e9;color:#122d45;flex-wrap:wrap}
.patio-subbrand{font-weight:800;font-size:.9rem;letter-spacing:.06em}.patio-subbrand small{display:block;font-size:.875rem;font-weight:400;letter-spacing:0;color:#526676;margin-top:3px}.patio-subnav>div{display:flex;gap:24px;flex-wrap:wrap}.patio-subnav a{min-height:44px;display:flex;justify-content:center;flex-direction:column;font-size:.875rem}.patio-subnav>div>a:last-child{font-weight:800;color:#79520c}
.patio-hero{display:grid;grid-template-columns:1fr 1.12fr;background:#0d2538;min-height:650px}.patio-hero-copy{padding:78px 8% 64px 10%;align-self:center}.patio-hero h1{font-size:clamp(2.7rem,4.2vw,4.5rem);font-weight:700;color:#fff;letter-spacing:-.045em;line-height:1.12}.patio-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#f2c45d}.patio-hero .eyebrow{color:#f2c45d;font-size:.875rem;letter-spacing:.08em}.patio-hero p{font-size:1.1rem;line-height:1.8;color:#dce6ed;max-width:520px}.patio-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}.patio-actions>a:not(.button){color:white;font-size:.94rem;text-decoration:underline;text-underline-offset:5px}.patio-actions .button,.patio-cta .button{background:#f2c45d;color:#122d45;min-height:54px}.patio-hero .patio-hero-note{font-size:.875rem;color:#bccdd9;margin-top:34px;border-top:1px solid #ffffff30;padding-top:22px}.patio-hero figure{margin:0;position:relative;min-height:550px;overflow:hidden}.patio-hero figure img{position:absolute;inset:0;object-position:53% center}.patio-hero figcaption{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 25px;background:linear-gradient(transparent,#0d2538c9);color:#fff;font-size:.875rem}
.patio-intro-band{display:grid;grid-template-columns:repeat(3,1fr);background:#f2c45d;padding:32px 6%;gap:25px;color:#122d45}.patio-intro-band>div{display:flex;align-items:center;gap:20px}.patio-intro-band b{font-size:1.1rem;letter-spacing:.07em}.patio-intro-band span{font-size:.94rem;line-height:1.5}
.patio-section{padding:80px 6%;max-width:1600px;margin:auto}.patio-section-title{max-width:780px;margin-bottom:32px}.patio-section-title p{font-size:1.05rem;max-width:650px}.patio-section .eyebrow{font-size:.875rem;color:#79520c}.patio-section h2{color:#122d45;font-weight:650;line-height:1.2}.patio-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.patio-card{border:1px solid #dce4e9;background:white;color:#122d45;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;overflow:hidden}.patio-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #122d4510}.patio-card>img{aspect-ratio:1.5;height:auto;object-fit:cover}.patio-card>div{padding:27px;display:flex;flex-direction:column;flex:1}.patio-card h3{font-size:1.4rem;line-height:1.35;margin-bottom:15px}.patio-card p{font-size:1rem;line-height:1.65}.patio-card span{color:#79520c;font-weight:700;margin-top:auto;padding-top:14px}.patio-planning{background:#f2f5f7}.patio-planning .patio-card{border-top:4px solid #d6a83d}
.patio-compare{background:#122d45;color:white;max-width:none}.patio-compare h2,.patio-compare .eyebrow{color:white}.patio-table-scroll{overflow:auto;width:100%;margin:26px 0}.patio-table-scroll table{border-collapse:collapse;width:100%;min-width:570px;font-size:1rem;text-align:left}.patio-table-scroll th,.patio-table-scroll td{border:1px solid #dce4e9;padding:18px;vertical-align:top;line-height:1.6}.patio-table-scroll thead{background:#eef3f6;color:#122d45}.patio-compare table th,.patio-compare table td{border-color:#ffffff38}.patio-compare table thead{background:#ffffff12;color:#f2c45d}.patio-note{font-size:.94rem;line-height:1.7;margin:25px 0 0}.patio-compare .patio-note{color:#d6e2eb;max-width:950px}.patio-note a{text-decoration:underline}
.patio-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 36px}.patio-gallery figure{margin:0;background:#f3f6f8;min-width:0}.patio-gallery figure img{aspect-ratio:1.4;height:auto;object-fit:cover}.patio-gallery figcaption{padding:18px 20px;font-size:.94rem;color:#122d45;line-height:1.5}
.patio-county{padding:30px 0;border-top:1px solid #dce4e9}.patio-county h3{font-size:1.6rem}.patio-city-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.patio-city-grid>div{padding:17px 18px;background:#f3f6f8;border-left:3px solid #d6a83d}.patio-city-grid strong{display:block;color:#122d45;margin-bottom:5px}.patio-city-grid a{display:block;font-size:.875rem;min-height:36px;padding:5px 0;line-height:1.5;text-decoration:underline;text-underline-offset:3px;color:#3b5365}
.patio-page-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;padding:58px 6%;background:#f2f5f7;align-items:center}.patio-page-hero>div{min-width:0}.patio-page-hero h1{font-size:clamp(2.3rem,3.4vw,3.7rem);font-weight:650;margin-bottom:24px;color:#122d45}.patio-page-hero p{font-size:1.05rem;line-height:1.8}.patio-page-hero .eyebrow{font-size:.875rem;letter-spacing:.06em;margin:24px 0 16px;color:#79520c}.patio-page-hero figure{margin:0;aspect-ratio:1.22;overflow:hidden}.patio-breadcrumb{font-size:.875rem;color:#526676;text-decoration:underline;text-underline-offset:4px}
.patio-article-layout{display:grid;grid-template-columns:250px minmax(0,850px);gap:64px;max-width:1380px;margin:0 auto;padding:65px 5%}.patio-toc{align-self:start;position:sticky;top:24px;max-height:85vh;overflow:auto;border-top:4px solid #d6a83d;padding-top:22px}.patio-toc h2{font-size:1.15rem;font-weight:700}.patio-toc>a{min-height:44px;display:block;padding:10px 3px;border-bottom:1px solid #e2e8ed;font-size:.875rem;line-height:1.5}.patio-toc .patio-toc-estimate{margin-top:16px;font-weight:700;color:#79520c}.patio-copy{font-size:1.06rem;line-height:1.85;color:#273e50;min-width:0;overflow-wrap:break-word}.patio-copy h2{font-size:clamp(1.65rem,2.1vw,2.2rem);margin:52px 0 22px;color:#122d45;line-height:1.25;font-weight:650;border-top:1px solid #dce4e9;padding-top:35px;scroll-margin-top:24px}.patio-copy h3{font-size:1.3rem;margin:32px 0 15px;color:#122d45;line-height:1.4}.patio-copy h4{font-size:1.15rem;margin:24px 0 12px}.patio-copy p{color:#3b5365;line-height:1.85;margin:0 0 22px;font-size:1.06rem}.patio-copy ul,.patio-copy ol{padding-left:26px;margin:20px 0 28px}.patio-copy li{padding:5px 0}.patio-copy a{color:#79520c;text-decoration:underline;text-underline-offset:4px}.patio-copy figure{margin:32px 0}.patio-copy figure img{max-height:580px;object-fit:cover;aspect-ratio:1.5;height:auto}.patio-copy details{padding:20px 0;border-bottom:1px solid #dce4e9}.patio-copy summary{font-weight:700;cursor:pointer;min-height:44px;line-height:1.6;color:#122d45}.patio-copy details p{margin:15px 0}.patio-copy .patio-table-scroll{max-width:100%}.patio-copy table{font-size:.94rem}.patio-home-copy{max-width:950px;margin:auto}.patio-related{display:flex;flex-wrap:wrap;gap:16px}.patio-related>a{padding:18px 22px;border:1px solid #dce4e9;color:#122d45;font-weight:600;line-height:1.5}
.patio-cta{padding:70px 6%;background:#0d2538;color:white;display:flex;gap:60px;align-items:center;justify-content:space-between}.patio-cta h2{color:white;font-weight:650;line-height:1.2}.patio-cta .eyebrow{color:#f2c45d;font-size:.875rem}.patio-cta p{color:#dce6ed;max-width:650px;font-size:1.05rem}.patio-cta>div:last-child{display:flex;flex-direction:column;gap:20px;align-items:center;flex-shrink:0}.patio-home-feature{padding:65px 6%;background:#f2f5f7}.patio-home-feature>a{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;max-width:1400px;margin:auto;color:#122d45}.patio-home-feature img{aspect-ratio:1.45;height:auto;object-fit:cover}.patio-home-feature h2{color:#122d45;line-height:1.2;font-weight:650}.patio-home-feature .eyebrow{font-size:.875rem;color:#79520c}.patio-home-feature p{font-size:1.05rem}
@media(min-width:1600px){.patio-hero-copy{padding-left:max(10%,calc((100vw - 1400px)/2))}}
@media(max-width:1000px){.patio-hero{grid-template-columns:1fr 1fr;min-height:570px}.patio-hero-copy{padding:50px 8%}.patio-hero h1{font-size:3rem}.patio-card-grid,.patio-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.patio-city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.patio-article-layout{grid-template-columns:200px minmax(0,1fr);gap:35px}.patio-intro-band>div{flex-direction:column;align-items:start;gap:5px}.patio-page-hero{gap:28px}.patio-subnav>div{gap:18px}.patio-cta{gap:35px}}
@media(max-width:700px){.patio-subnav{padding:15px 5%;gap:8px}.patio-subnav>div{gap:8px 18px}.patio-subnav a{font-size:.875rem;min-height:44px}.patio-hero{grid-template-columns:1fr}.patio-hero-copy{padding:45px 6% 36px}.patio-hero h1{font-size:clamp(2.5rem,8.7vw,3.4rem)}.patio-hero figure{min-height:310px;aspect-ratio:1.3}.patio-hero figure img{object-position:center}.patio-hero .eyebrow{font-size:.875rem;letter-spacing:.035em}.patio-intro-band{padding:25px 6%;gap:20px;grid-template-columns:1fr}.patio-intro-band>div{flex-direction:row;align-items:center;gap:22px}.patio-intro-band b{min-width:75px}.patio-section{padding:45px 6%}.patio-card-grid{grid-template-columns:1fr}.patio-card>div{padding:23px}.patio-gallery{gap:16px}.patio-gallery figcaption{font-size:.875rem;padding:12px}.patio-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.patio-city-grid>div{padding:14px}.patio-city-grid a{min-height:44px}.patio-page-hero{grid-template-columns:1fr;padding:35px 6%;gap:30px}.patio-page-hero figure{aspect-ratio:1.5}.patio-page-hero h1{font-size:clamp(2rem,7.5vw,3rem)}.patio-article-layout{display:flex;flex-direction:column;gap:28px;padding:35px 6%}.patio-toc{position:static;max-height:none;width:100%}.patio-toc>a{display:inline-block;border:1px solid #dce4e9;margin:0 6px 8px 0;padding:10px 13px;max-width:100%}.patio-copy h2{margin-top:35px;padding-top:28px}.patio-copy p{font-size:1rem}.patio-copy table th,.patio-copy table td{padding:14px}.patio-cta{padding:45px 6%;flex-direction:column;align-items:flex-start;gap:20px}.patio-cta>div:last-child{align-items:flex-start;flex-shrink:1;max-width:100%}.patio-home-feature{padding:40px 6%}.patio-home-feature>a{grid-template-columns:1fr;gap:30px}.patio-related{flex-direction:column}.patio-actions{gap:22px}.patio-actions .button{width:100%}.patio-hero-note{margin-bottom:0}}
@media(max-width:380px){.patio-city-grid,.patio-gallery{grid-template-columns:1fr}.patio-intro-band>div{align-items:flex-start}.patio-hero h1{font-size:2.5rem}.patio-subnav>div{gap:4px 16px}}

/* Keep mobile table controls discoverable and keyboard reachable. */
.patio-table-hint{display:none}.patio-table-scroll:focus-visible{outline:3px solid #a16a15;outline-offset:4px}@media(max-width:640px){.patio-table-hint{display:block;font-size:.875rem;margin:20px 0 -12px;color:#526676}.patio-compare .patio-table-hint{color:#d6e2eb}}

/* Compact the patio landing page without changing its content or photography. */
.solar-patio-site .patio-subnav{padding-block:12px;row-gap:8px}
.solar-patio-site .patio-hero{min-height:0}
.solar-patio-site .patio-hero-copy{padding-top:46px;padding-bottom:38px}
.solar-patio-site .patio-hero .patio-hero-note{margin-top:24px;padding-top:18px;margin-bottom:0}
.solar-patio-site .patio-intro-band{padding-block:24px}
.solar-patio-site .patio-section{padding-top:48px;padding-bottom:48px}
.solar-patio-site .patio-section-title{margin-bottom:24px}
.solar-patio-site .patio-section-title>p:last-child{margin-bottom:0}
.solar-patio-site .patio-gallery{margin-top:20px;margin-bottom:26px}
.solar-patio-site .patio-home-copy h2{margin-top:34px;padding-top:24px;margin-bottom:18px}
.solar-patio-site .patio-home-copy>:first-child{margin-top:0}
.solar-patio-site .patio-cta{padding-block:48px}
.solar-patio-site .quality-resource-link{padding-top:22px;padding-bottom:22px}
.solar-patio-site .quality-resource-link>:last-child{margin-bottom:0}
@media(max-width:700px){
 .solar-patio-site .patio-subnav{padding-block:10px;row-gap:4px}
 .solar-patio-site .patio-hero-copy{padding-top:30px;padding-bottom:28px}
 .solar-patio-site .patio-hero .patio-hero-note{margin-top:22px;padding-top:16px}
 .solar-patio-site .patio-actions{margin-top:22px;gap:16px}
 .solar-patio-site .patio-intro-band{padding-block:20px;row-gap:16px}
 .solar-patio-site .patio-section{padding-top:30px;padding-bottom:30px}
 .solar-patio-site .patio-section-title{margin-bottom:20px}
 .solar-patio-site .patio-home-copy h2{margin-top:28px;padding-top:20px}
 .solar-patio-site .patio-cta{padding-block:32px}
 .solar-patio-site .quality-resource-link{padding-top:18px;padding-bottom:18px}
}

/* Landing-page-only treatment. Set foreground and surface colors together. */
.patio-premium{--patio-ink:#122d45;--patio-gold:#efc773;--patio-line:#d9dfdf;background:#faf9f6;color:#122d45}
.patio-premium main{background:#faf9f6;color:#122d45}
.patio-premium main :is(section,div,figure){min-width:0}
.patio-premium .patio-subnav{padding:15px max(5%,calc((100% - 1280px)/2));background:#fff;color:#122d45;border-bottom:1px solid #e0e4e3;gap:12px 32px}
.patio-premium .patio-subnav>div{gap:8px 22px}
.patio-premium .patio-subnav a{color:#122d45;font-weight:600}
.patio-premium .patio-subbrand{font-size:.8rem;letter-spacing:.07em}
.patio-premium .patio-subbrand small{color:#526676;font-size:.75rem;font-weight:400}
.patio-premium .patio-subnav>div>a:last-child{color:#765214;text-decoration:underline;text-underline-offset:5px}
.patio-premium .patio-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:0;background:#102c3e;color:#fff}
.patio-premium .patio-hero-copy{padding:64px 9% 54px max(10%,calc((100vw - 1280px)/2));align-self:center}
.patio-premium .patio-hero .eyebrow{color:#efc773;font-size:.75rem;letter-spacing:.11em;line-height:1.7;max-width:32em;margin-bottom:22px}
.patio-premium .patio-hero h1{font-size:clamp(2.6rem,4.15vw,4.6rem);font-weight:650;line-height:1.1;letter-spacing:-.045em;color:#fff;margin:0 0 26px}
.patio-premium .patio-hero h1 em{color:#efc773;font-size:.88em;line-height:1.18}
.patio-premium .patio-hero p{color:#dae5eb;font-size:1.05rem;line-height:1.8;max-width:34em}
.patio-premium .patio-hero figure{min-height:510px;align-self:stretch}
.patio-premium .patio-hero figure img{width:100%;height:100%;object-fit:cover;object-position:55% center}
.patio-premium .patio-hero figcaption{padding:14px 24px;background:#102c3eea;color:#fff;font-size:.75rem;line-height:1.6}
.patio-premium .patio-actions{gap:18px 24px;margin-top:28px}
.patio-premium main .button{background:#122d45;color:#fff;min-height:52px;border-radius:4px;font-weight:700;font-size:.9375rem;padding:16px 22px;gap:20px;line-height:1.5}
.patio-premium main .button:hover{background:#244b63;color:#fff}
.patio-premium :is(.patio-hero,.patio-cta) .button{background:#efc773;color:#102c3e}
.patio-premium :is(.patio-hero,.patio-cta) .button:hover{background:#ffdc96;color:#102c3e}
.patio-premium .patio-actions>a:not(.button){color:#fff;font-size:.9375rem;min-height:44px;display:inline-flex;align-items:center}
.patio-premium .patio-hero .patio-hero-note{margin:26px 0 0;padding-top:20px;font-size:.8125rem;line-height:1.6;color:#cad9e2;border-color:#496272}
.patio-premium .patio-intro-band{background:#f0eee7;color:#122d45;padding:25px max(5%,calc((100% - 1280px)/2));gap:28px;border-bottom:1px solid #dadfdc}
.patio-premium .patio-intro-band>div{flex-direction:column;align-items:start;gap:4px}
.patio-premium .patio-intro-band>div+div{border-left:1px solid #ccd3d1;padding-left:28px}
.patio-premium .patio-intro-band b{font-size:.75rem;letter-spacing:.13em;color:#765214}
.patio-premium .patio-intro-band span{font-size:.9375rem;color:#122d45}
.patio-premium .patio-section{padding:64px 5%;max-width:1422px;color:#122d45}
.patio-premium .patio-section-title{max-width:740px;margin-bottom:30px}
.patio-premium .patio-section .eyebrow{color:#765214;letter-spacing:.11em;font-size:.75rem;margin-bottom:15px}
.patio-premium .patio-section h2{color:#122d45;font-size:clamp(2rem,3.2vw,3rem);font-weight:650;line-height:1.16;margin-bottom:18px}
.patio-premium .patio-section-title p{color:#4d6270;font-size:1rem;line-height:1.8;max-width:40em}
.patio-premium .patio-card-grid{gap:24px;align-items:stretch}
.patio-premium .patio-card{color:#122d45;background:#fff;border:1px solid #dce1df;border-radius:10px;box-shadow:0 4px 18px #122d4506}
.patio-premium .patio-card:hover{box-shadow:0 12px 32px #122d4514;border-color:#acbcbf;transform:translateY(-3px)}
.patio-premium .patio-card>img{height:auto;width:100%;aspect-ratio:1.5;object-fit:cover}
.patio-premium .patio-card>div{padding:25px;gap:0}
.patio-premium .patio-card h3{color:#122d45;font-size:1.25rem;line-height:1.4;font-weight:750;margin:0 0 12px}
.patio-premium .patio-card p{color:#526676;font-size:.9375rem;line-height:1.75;margin-bottom:22px}
.patio-premium .patio-card span{color:#765214;font-size:.875rem;padding-top:0}
.patio-premium .patio-compare{max-width:none;background:#102c3e;color:#fff;padding:58px 5%}
.patio-premium .patio-inner{max-width:1280px;margin:0 auto}
.patio-premium .patio-compare h2{color:#fff}
.patio-premium .patio-compare .eyebrow{color:#efc773}
.patio-premium .patio-table-scroll{border:1px solid #d9dfdf;border-radius:8px;margin:26px 0 0;overflow-x:auto}
.patio-premium .patio-table-scroll table{margin:0;border-collapse:collapse;min-width:650px}
.patio-premium .patio-table-scroll :is(th,td){padding:18px 20px;font-size:.9375rem;line-height:1.65}
.patio-premium .patio-table-scroll thead{background:#eef1ef;color:#122d45}
.patio-premium .patio-table-scroll tbody{background:#fff;color:#344f60}
.patio-premium .patio-table-scroll tbody th{color:#122d45;font-weight:700}
.patio-premium .patio-compare .patio-table-scroll{border-color:#486070}
.patio-premium .patio-compare table :is(th,td){border-color:#486070}
.patio-premium .patio-compare table thead{background:#193b50;color:#efc773}
.patio-premium .patio-compare table tbody{background:#102c3e;color:#e1eaf0}
.patio-premium .patio-compare table tbody th{color:#fff}
.patio-premium .patio-compare .patio-note{color:#d3e0e8;font-size:.875rem;max-width:70em;line-height:1.75;margin-top:22px}
.patio-premium .patio-compare .patio-table-hint{color:#d3e0e8}
.patio-premium .patio-gallery{gap:24px;margin:28px 0 30px}
.patio-premium .patio-gallery figure{background:#fff;border:1px solid #dce1df;border-radius:10px;overflow:hidden}
.patio-premium .patio-gallery figure img{aspect-ratio:1.4;object-fit:cover}
.patio-premium .patio-gallery figcaption{color:#344f60;padding:17px 20px;font-size:.875rem;line-height:1.6}
.patio-premium .patio-planning{background:#eeefea;max-width:none;padding-inline:max(5%,calc((100% - 1280px)/2))}
.patio-premium .patio-planning .patio-card{border-top:3px solid #bc9950;box-shadow:none}
.patio-premium #cities{padding-bottom:32px}
.patio-premium .patio-county{background:#fff;border:1px solid #d9dfdf;border-radius:8px;padding:0;margin:0 0 12px}
.patio-premium .patio-county>summary{padding:19px 23px;cursor:pointer;color:#122d45;font:700 1.0625rem/1.5 Manrope,Arial,sans-serif;min-height:60px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.patio-premium .patio-county>summary::after,.patio-premium .patio-guide-chapter>summary::after{content:'+';font-size:1.4rem;font-weight:400;color:#765214;flex-shrink:0;line-height:1.25}
.patio-premium .patio-county[open]>summary::after,.patio-premium .patio-guide-chapter[open]>summary::after{content:'−'}
.patio-premium summary::-webkit-details-marker{display:none}
.patio-premium .patio-city-grid{padding:0 23px 23px;gap:12px}
.patio-premium .patio-city-grid>div{background:#f5f6f3;border:0;border-radius:4px;padding:16px}
.patio-premium .patio-city-grid strong{font-size:.9375rem;color:#122d45}
.patio-premium .patio-city-grid a{color:#3b5365;min-height:44px}
.patio-premium .patio-note{color:#526676}
.patio-premium .patio-note a{color:#765214;text-underline-offset:4px}
.patio-premium .patio-guide{padding-top:32px}
.patio-premium .patio-home-copy{max-width:none}
.patio-premium .patio-guide-chapter{padding:0;margin:0;border-bottom:1px solid #d9dfdf}
.patio-premium .patio-guide-chapter>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;min-height:64px;color:#122d45;font:650 1.0625rem/1.6 Manrope,Arial,sans-serif;cursor:pointer}
.patio-premium .patio-guide-chapter>summary h3{font:inherit;margin:0;color:inherit}
.patio-premium .patio-guide-content{max-width:850px;margin:0 auto;padding:12px 0 30px;color:#344f60}
.patio-premium .patio-guide-content p{font-size:1rem;line-height:1.85;color:#344f60;margin:0 0 20px}
.patio-premium .patio-guide-content h3{color:#122d45}
.patio-premium .patio-guide-content a{color:#765214}
.patio-premium .patio-guide-content>figure,.patio-premium .patio-guide-content>a:has(img){display:block;margin:26px 0}
.patio-premium .patio-guide-content figure{border-radius:8px;overflow:hidden}
.patio-premium .patio-guide-content figure figure{margin:0}
.patio-premium .patio-guide-content img{max-height:530px;width:100%;height:auto;object-fit:cover}
.patio-premium .patio-inline-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin:16px 0 24px}
.patio-premium .patio-inline-links a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:.9375rem}
.patio-premium .patio-guide-content details{background:#fff;padding:18px 22px;border:1px solid #d9dfdf;border-radius:6px;margin:10px 0}
.patio-premium .patio-guide-content summary{color:#122d45;min-height:44px;font-size:1rem;display:list-item;list-style:disclosure-closed inside}
.patio-premium .patio-guide-content details[open]>summary{list-style-type:disclosure-open}
.patio-premium .patio-guide-content details p{margin:16px 0 0}
.patio-premium .patio-cta{background:#102c3e;color:#fff;padding:58px max(5%,calc((100% - 1280px)/2));gap:48px}
.patio-premium .patio-cta h2{color:#fff;font-size:clamp(2rem,3.2vw,3rem);line-height:1.18;margin-bottom:20px}
.patio-premium .patio-cta .eyebrow{color:#efc773;font-size:.75rem;letter-spacing:.1em;margin-bottom:18px}
.patio-premium .patio-cta p{color:#d3e0e8;font-size:1rem;margin-bottom:0;max-width:36em}
.patio-premium .patio-cta a:not(.button){color:#fff;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:5px}
.patio-premium .quality-resource-link{padding-block:27px;background:#faf9f6;color:#122d45}
.patio-premium .quality-resource-link h2{font-size:1.125rem;margin-bottom:9px}
.patio-premium .quality-resource-link p{color:#526676;margin:0;font-size:.875rem}
.patio-premium .quality-resource-link a{color:#765214;text-decoration:underline;text-underline-offset:4px}
.patio-premium main :is(a,summary,[tabindex]):focus-visible{outline:3px solid #99701c;outline-offset:4px}
.patio-premium :is(.patio-hero,.patio-compare,.patio-cta) :is(a,summary,[tabindex]):focus-visible{outline-color:#efc773}
@media(min-width:1500px){.patio-premium .patio-hero-copy{padding-left:max(10%,calc((100vw - 1280px)/2))}}
@media(max-width:1100px){.patio-premium .patio-subnav{align-items:flex-start}.patio-premium .patio-hero-copy{padding:48px 9%}.patio-premium .patio-hero figure{min-height:500px}.patio-premium .patio-hero h1{font-size:clamp(2.6rem,4.7vw,3.7rem)}.patio-premium .patio-card-grid,.patio-premium .patio-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.patio-premium .patio-cta{gap:30px}}
@media(max-width:760px){.patio-premium .patio-subnav{padding-block:15px;gap:12px}.patio-premium .patio-subnav>div{gap:0 20px}.patio-premium .patio-hero{grid-template-columns:1fr}.patio-premium .patio-hero-copy{padding:38px 6% 32px}.patio-premium .patio-hero h1{font-size:clamp(2.5rem,8vw,3.9rem);max-width:12em}.patio-premium .patio-hero p{font-size:1rem}.patio-premium .patio-hero figure{min-height:0;aspect-ratio:1.5}.patio-premium .patio-hero figcaption{font-size:.6875rem;padding:11px 6%}.patio-premium .patio-actions{gap:14px}.patio-premium .patio-actions .button{width:auto}.patio-premium .patio-intro-band{grid-template-columns:1fr;padding:22px 6%;gap:14px}.patio-premium .patio-intro-band>div{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center}.patio-premium .patio-intro-band>div+div{border:0;padding:0}.patio-premium .patio-section{padding:40px 6%}.patio-premium .patio-section-title{margin-bottom:25px}.patio-premium .patio-section h2{font-size:clamp(1.85rem,6.2vw,2.6rem)}.patio-premium .patio-card-grid{gap:18px}.patio-premium .patio-card>div{padding:22px}.patio-premium .patio-gallery{gap:16px}.patio-premium .patio-gallery figcaption{padding:14px;font-size:.8125rem}.patio-premium .patio-compare .patio-table-hint{display:block;color:#d3e0e8;font-size:.8125rem;margin:18px 0 -12px}.patio-premium .patio-table-scroll :is(th,td){padding:15px}.patio-premium .patio-city-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 17px 17px}.patio-premium .patio-county>summary{padding:17px;font-size:1rem}.patio-premium .patio-guide-chapter>summary{font-size:1rem;padding:20px 0;gap:18px}.patio-premium .patio-guide-content{padding:8px 0 24px}.patio-premium .patio-guide-content details{padding:16px}.patio-premium .patio-cta{padding:40px 6%;flex-direction:column;align-items:flex-start;gap:24px}.patio-premium .patio-cta>div:last-child{align-items:flex-start;gap:8px}.patio-premium .quality-resource-link{padding-block:25px}}
@media(max-width:540px){.patio-premium .patio-card-grid,.patio-premium .patio-gallery{grid-template-columns:1fr}.patio-premium .patio-gallery figure img{aspect-ratio:1.55}.patio-premium .patio-actions .button{width:100%}.patio-premium .patio-card h3{font-size:1.25rem}}
@media(max-width:380px){.patio-premium .patio-city-grid{grid-template-columns:1fr}.patio-premium .patio-subnav>div{gap:0 14px}.patio-premium .patio-hero h1{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){.patio-premium main :is(a,.button){transition:none;transform:none}}