/* Target-specific readability and authentic portrait framing. */
.drumbristol-site.home-evolution .hero-photo{text-align:left}
.drumbristol-site.home-evolution .hero-photo figcaption{font-weight:400}
.drumbristol-site.home-evolution .hero-photo img{object-position:center top}
.drumbristol-site .location-map figcaption{color:#454c61}
.drumbristol-site code{color:#8c2352}
@media(max-width:575px){
 .drumbristol-site .navbar>.container{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px}
 .drumbristol-site .navbar-brand{font-size:15px;line-height:1.3;white-space:normal;margin-right:0}
 .drumbristol-site .navbar-toggler{width:44px;height:44px;padding:10px}
 .drumbristol-site .navbar-collapse{grid-column:1/-1}
}
/* A single genuine review uses the same rounded panel without carousel machinery. */
.drumbristol-site .student-testimonials{border-radius:24px}

/* Explain the mobile service at the location destination. */
.drumbristol-site .mobile-lesson-card{padding:36px;background:#fff;border:1px solid #dbe1ee;border-radius:28px;scroll-margin-top:130px}
.drumbristol-site .mobile-lesson-kicker{display:block;color:#42569b;font-size:1rem;font-weight:600;margin-bottom:12px}
.drumbristol-site .mobile-lesson-card h2{font-size:2rem;line-height:1.2;margin:0 0 20px}
.drumbristol-site .mobile-lesson-card p{margin-bottom:24px}
.drumbristol-site .mobile-lesson-card ul{list-style:none;padding:0;margin:0 0 28px}
.drumbristol-site .mobile-lesson-card li{padding:16px 0;border-top:1px solid #dbe1ee}
.drumbristol-site .mobile-lesson-card li strong,.drumbristol-site .mobile-lesson-card li span{display:block}
.drumbristol-site .mobile-lesson-card li strong{margin-bottom:6px}
.drumbristol-site .mobile-lesson-card .btn{white-space:normal}
@media(max-width:767px){.drumbristol-site .mobile-lesson-card{padding:24px}.drumbristol-site .mobile-lesson-card h2{font-size:1.75rem}}

/* One visible editorial guide, with a quiet contents rail. */
.drumbristol-site .home-learning-guide{padding:72px 0;background:#fff}
.drumbristol-site .home-learning-guide .guide-intro{max-width:760px;margin:0 0 48px}
.drumbristol-site .guide-eyebrow{display:block;font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#42569b;margin-bottom:16px}
.drumbristol-site .home-learning-guide .guide-intro h2{font-size:2.5rem;line-height:1.2;margin:0}
.drumbristol-site .guide-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:64px;align-items:start}
.drumbristol-site .home-learning-guide .seo-reading{max-width:760px;width:100%;min-width:0;margin:0}
.drumbristol-site .home-learning-guide .guide-contents{position:sticky;top:130px;border-top:2px solid #3b53b7;padding-top:20px}
.drumbristol-site .home-learning-guide .guide-contents-label{display:block;font-weight:600;margin-bottom:12px}
.drumbristol-site .home-learning-guide .guide-contents a{display:flex;gap:12px;padding:12px 0;color:#27304b;font-size:1rem;line-height:1.5;text-decoration:none}
.drumbristol-site .home-learning-guide .guide-contents a span{color:#42569b;font-size:.875rem;padding-top:2px}
.drumbristol-site .home-learning-guide .guide-contents a:hover{text-decoration:underline;color:#364faf}
.drumbristol-site .home-learning-guide .guide-contents a:focus-visible{outline:3px solid #3b53b7;outline-offset:4px;border-radius:2px}
.drumbristol-site .guide-chapter{scroll-margin-top:140px;padding:0 0 48px;margin:0 0 48px;border-bottom:1px solid #dbe1ee}
.drumbristol-site .guide-chapter:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.drumbristol-site .home-learning-guide .guide-chapter-title{font-size:1rem;font-weight:600;color:#42569b;margin:0 0 24px}
.drumbristol-site .home-learning-guide h4{font-size:1.75rem;line-height:1.3;margin:36px 0 18px}
.drumbristol-site .home-learning-guide .guide-chapter-title+h4{margin-top:0}
.drumbristol-site .home-learning-guide h5{font-size:1.25rem;line-height:1.4;margin:28px 0 14px}
.drumbristol-site .home-learning-guide p{font-size:1.0625rem;line-height:1.8;margin-bottom:20px}
.drumbristol-site .home-learning-guide .guide-callout{padding:24px 28px;border-left:3px solid #3b53b7;background:#f3f4ff;border-radius:0 12px 12px 0;margin:24px 0}
@media(max-width:991px){.drumbristol-site .guide-layout{grid-template-columns:1fr;gap:36px}.drumbristol-site .home-learning-guide .guide-contents{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.drumbristol-site .home-learning-guide .guide-contents-label{grid-column:1/-1}.drumbristol-site .home-learning-guide .guide-intro{margin-bottom:32px}}
@media(max-width:575px){.drumbristol-site .home-learning-guide{padding:48px 0}.drumbristol-site .home-learning-guide .guide-intro h2{font-size:2rem}.drumbristol-site .home-learning-guide .guide-contents{grid-template-columns:1fr}.drumbristol-site .home-learning-guide .guide-contents a{padding:10px 0}.drumbristol-site .home-learning-guide h4{font-size:1.5rem}.drumbristol-site .guide-chapter{padding-bottom:32px;margin-bottom:32px}.drumbristol-site .home-learning-guide .guide-callout{padding:20px}.drumbristol-site .guide-eyebrow{letter-spacing:.03em}}



/* Match Bristol’s photographic Continue Reading cards. */
.drumbristol-site.page-about-me .rounded-closing img{width:100%;aspect-ratio:400/267;height:auto;object-fit:cover}

.drumbristol-site .home-learning-guide .guide-contents{top:calc(var(--drumbristol-header-height,88px) + 24px)}
.drumbristol-site main .guide-chapter{scroll-margin-top:0}
.drumbristol-site.page-our-tutors .content-guide,.drumbristol-site.page-piano-lessons-drumbristol .content-guide{max-width:790px;margin:auto}
.drumbristol-site .teacher-profile-photo{width:100%;max-width:440px;height:auto;border-radius:24px;margin:0 auto 32px;display:block}
.drumbristol-site .price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.drumbristol-site .price-grid .card{height:100%;display:flex;flex-direction:column;align-items:center;padding:32px 20px}
.drumbristol-site .price-grid .btn{margin-top:auto;white-space:normal}
@media(max-width:767px){.drumbristol-site .price-grid{grid-template-columns:1fr}}
.drumbristol-site .home-hero{background-image:linear-gradient(90deg,rgba(27,31,59,.96),rgba(27,31,59,.8)),url('/assets/img/optimized/hero-index-960.webp')}
.drumbristol-site.page-cookie-policy .policy-hero,.drumbristol-site.page-privacy-statement .policy-hero,.drumbristol-site.page-terms-of-use .policy-hero{background-image:none}
/* Keep related articles level when the original photographs have different proportions. */
.drumbristol-site .related-reading img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}

.drumbristol-site .price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:767px){.drumbristol-site .price-grid{grid-template-columns:1fr}}

@media(max-width:767px){.drumbristol-site.home-evolution .hero-photo img{object-position:center center}}

.drumbristol-site .price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}@media(max-width:767px){.drumbristol-site .price-grid{grid-template-columns:1fr}}
.drumbristol-site .home-hero{background-image:linear-gradient(90deg,rgba(27,31,59,.96),rgba(27,31,59,.8)),url('/assets/img/optimized/hero-index-960.webp')}
.drumbristol-site .related-reading img{width:100%;aspect-ratio:3/2;object-fit:cover}

/* Keep the referral portrait caption readable on its white article background. */
.drumbristol-site article.content-guide figcaption{color:#454c61;font-size:1rem;line-height:1.6}

.drumbristol-site .price-grid{grid-template-columns:minmax(0,600px);justify-content:center}

.drumbristol-site .price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:767px){.drumbristol-site .price-grid{grid-template-columns:1fr}}

/* Reviewed homepage hierarchy, matching Hull and Birmingham. */
.drumbristol-site .home-learning-guide .guide-chapter>h3{font-size:2rem;line-height:1.25;font-weight:600;color:#1b1f3b;margin:0 0 28px}
.drumbristol-site .home-learning-guide h4{font-size:1.375rem;line-height:1.4;margin:32px 0 14px}
.drumbristol-site .home-learning-guide .guide-chapter>h3+div>h4{margin-top:0}
.drumbristol-site .home-learning-guide .guide-chapter-number{font-size:.875rem;font-weight:600;letter-spacing:.08em;color:#42569b;margin:0 0 12px}
@media(max-width:575px){.drumbristol-site .home-learning-guide .guide-chapter>h3{font-size:1.75rem}.drumbristol-site .home-learning-guide h4{font-size:1.25rem}.drumbristol-site.home-evolution .hero-photo img{object-position:center center}}

/* Match Guitar Lessons Bristol’s gold testimonial stars. */
.student-testimonials .card .icon.bg-warning path{fill:#ffc107}

/* Learning-guide hierarchy matches Guitar Lessons Bristol. */
body.home-evolution .home-learning-guide .guide-chapter-number{display:none}
body.home-evolution .home-learning-guide .guide-chapter>h3{font-size:1rem;font-weight:600;line-height:1.3;color:#42569b;margin:0 0 24px;letter-spacing:normal}
body.home-evolution .home-learning-guide .guide-chapter h4{font-size:1.75rem;font-weight:500;line-height:1.3;margin:36px 0 18px;letter-spacing:normal}
body.home-evolution .home-learning-guide .guide-chapter>h3+h4,body.home-evolution .home-learning-guide .guide-chapter>h3+div>h4:first-child{margin-top:0}
@media(max-width:575px){body.home-evolution .home-learning-guide .guide-chapter h4{font-size:1.5rem}}

/* Guide sidebar matches Guitar Lessons Bristol. */
body.home-evolution .home-learning-guide .guide-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:64px;align-items:start}
body.home-evolution .home-learning-guide .guide-contents{position:sticky;top:130px;margin:28px 0 36px;padding:20px 24px 24px;background:#f2f4ff;border:0;border-top:2px solid #3b53b7;border-radius:16px;color:#27304b;display:block}
body.home-evolution .home-learning-guide .guide-contents-label{display:block;font-size:1rem;font-weight:600;line-height:1.5;margin:0 0 12px}
body.home-evolution .home-learning-guide .guide-contents a{display:flex;gap:12px;padding:12px 0;margin:0;color:#27304b;font-size:1rem;font-weight:400;line-height:1.5;text-decoration:none}
body.home-evolution .home-learning-guide .guide-contents a span{color:#42569b;font-size:.875rem;padding-top:2px;flex-shrink:0}
body.home-evolution .home-learning-guide .guide-contents a:hover{text-decoration:underline;color:#364faf}
body.home-evolution .home-learning-guide .guide-contents a:focus-visible{outline:3px solid #3b53b7;outline-offset:4px;border-radius:2px}
@media(max-width:991px){body.home-evolution .home-learning-guide .guide-layout{grid-template-columns:1fr;gap:36px}body.home-evolution .home-learning-guide .guide-contents{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}body.home-evolution .home-learning-guide .guide-contents-label{grid-column:1/-1}}
@media(max-width:767px){body.home-evolution .home-learning-guide .guide-contents{padding:20px}}
@media(max-width:575px){body.home-evolution .home-learning-guide .guide-contents{grid-template-columns:1fr}body.home-evolution .home-learning-guide .guide-contents a{padding:10px 0}}

body.home-evolution .home-learning-guide .guide-contents ol,body.home-evolution .home-learning-guide .guide-contents li{display:contents;list-style:none}

body.home-evolution .guide-contents [data-guide-number]::before{content:attr(data-guide-number)}


/* Clear contact groups and a quieter legal tier. */
.drumbristol-site #footer{padding-top:56px;padding-bottom:32px!important}
.drumbristol-site #footer .footer-details{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-bottom:32px}
.drumbristol-site #footer h2{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 12px;line-height:1.4}
.drumbristol-site #footer .footer-contact a{display:block;width:fit-content;min-height:44px;padding:8px 0;overflow-wrap:anywhere;max-width:100%}
.drumbristol-site #footer address{font-style:normal;color:#dbe0f0;line-height:1.65;margin:0 0 8px}
.drumbristol-site #footer .footer-studio>a{display:inline-flex;align-items:center;gap:8px;min-height:44px}
.drumbristol-site #footer a:focus-visible{outline:3px solid #b7c5ff;outline-offset:4px;border-radius:2px}
.drumbristol-site #footer .footer-legal{border-top:1px solid #414963;padding-top:20px;margin:0;text-align:left}
.drumbristol-site #footer .footer-legal>.col{padding:0}
.drumbristol-site #footer .footer-legal small{font-size:.8125rem;line-height:1.7;color:#c6cde0!important}
.drumbristol-site #footer .footer-legal a{color:#dbe0f0;text-underline-offset:3px}
@media(max-width:767px){.drumbristol-site #footer{padding-top:36px}.drumbristol-site #footer .footer-details{grid-template-columns:1fr;gap:24px;padding-bottom:24px}}
