/* Compact, shared page titles. The street scene is decorative and uses native SVG/CSS. */
.pds-shell .pds-page-masthead{background:linear-gradient(110deg,#f7f4ed,#edf2ef);border-bottom:1px solid #dfe5df;position:relative}
.pds-shell .pds-page-masthead .pds-breadcrumb{width:auto;max-width:none;padding:15px 0 0;margin:0;font-size:10px;line-height:1.6}
.pds-shell .pds-page-masthead .pds-breadcrumb ol{margin:0}
.pds-shell .pds-masthead-row{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:40px;padding:17px 0 24px;min-height:150px}
.pds-shell .pds-masthead-copy{min-width:0}
.pds-shell .pds-masthead-copy .eyebrow{display:block;font-size:9px;letter-spacing:.13em;margin:0 0 9px;color:#a82334}
.pds-shell .pds-masthead-copy h1{font-size:clamp(29px,2.9vw,40px);line-height:1.17;letter-spacing:-.045em;max-width:900px;margin:0;overflow-wrap:anywhere;font-weight:700;color:#102736;text-wrap:balance}
.pds-shell .pds-masthead-copy h1 em{color:#af2637}
.pds-shell .pds-masthead-copy p{font-size:14px;line-height:1.7;color:#53646c;max-width:680px;margin:10px 0 0}
.pds-shell .pds-masthead-scene{position:relative;height:125px;overflow:hidden;isolation:isolate;border-radius:0 0 6px 6px}
.pds-shell .pds-street{position:absolute;inset:0;width:100%;height:100%}
.pds-shell .pds-scene-road{position:absolute;left:0;right:0;bottom:4px;height:31px;background:#d7e0dd;border-top:1px solid #b9c8c5;border-bottom:1px solid #b9c8c5;border-radius:4px;transform:skewX(-12deg)}
.pds-shell .pds-scene-road::after{content:'';position:absolute;left:0;right:0;top:17px;height:2px;background:repeating-linear-gradient(90deg,#fff 0 18px,transparent 18px 33px)}
.pds-shell .pds-scene-car{position:absolute;width:114px;bottom:17px;left:5%;animation:pds-street-drive 7s ease-in-out infinite alternate;filter:drop-shadow(0 3px 3px #132f4014)}
.pds-shell .pds-scene-car .car-illustration{display:block;width:100%;height:auto}
.pds-shell .pds-scene-car .car-wheel{animation:pds-street-wheel 1.3s linear infinite}
@keyframes pds-street-drive{from{left:3%}to{left:56%}}
@keyframes pds-street-wheel{to{transform:rotate(360deg)}}
.pds-shell .pds-page-masthead+.section{padding-top:40px}
.pds-shell .pds-page-masthead+.help-centre{border-top:0}
.pds-shell .pds-page-masthead+.pds-article-cover{margin-top:28px}
.pds-shell .pds-article-cover .article-hero-photo{margin-top:0;aspect-ratio:2.5;max-height:400px}
.pds-shell .pds-breadcrumb+.course-hero{padding-block:28px 38px;gap:42px}
.pds-shell .course-hero h1{font-size:clamp(32px,3.2vw,46px)}
.pds-shell .course-hero .lead{font-size:15px;margin-top:16px}
.pds-shell .course-hero-visual img{aspect-ratio:1.25;max-height:390px}
.pds-shell .help-topics .faq-contact-card{margin-top:22px;padding:16px;gap:10px}
.pds-shell .help-topics .faq-contact-card strong{font-size:15px}
/* One fixed action group reserves separate slots for scrolling and messaging. */
.pds-shell .pds-floating-actions{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}
.pds-shell .pds-floating-actions .back-top{position:static;inset:auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;flex:0 0 auto;border-radius:50%;pointer-events:auto;background:#fff;color:#102736;border:1px solid #bccbc9;box-shadow:0 3px 14px #10273615}
.pds-shell .pds-floating-actions .floating-whatsapp{position:static;inset:auto;display:flex;align-items:center;gap:9px;min-height:46px;padding:12px 17px;border-radius:25px;background:#17673f;color:#fff;pointer-events:auto;font-size:11px}
.pds-shell .pds-floating-actions .floating-whatsapp>span{display:inline}
@media(max-width:1100px){.pds-shell .pds-masthead-row{grid-template-columns:minmax(0,1fr) 240px;gap:25px}.pds-shell .pds-scene-car{width:100px}.pds-shell .pds-masthead-copy h1{font-size:32px}}
@media(max-width:767px){
 .pds-shell .pds-page-masthead .pds-breadcrumb{padding-top:12px;font-size:9px}
 .pds-shell .pds-masthead-row{grid-template-columns:1fr;gap:5px;padding:13px 0 13px;min-height:0}
 .pds-shell .pds-masthead-copy .eyebrow{font-size:8px;margin-bottom:7px}
 .pds-shell .pds-masthead-copy h1{font-size:clamp(25px,7vw,34px);line-height:1.18;text-wrap:initial}
 .pds-shell .pds-masthead-copy p{font-size:13px;line-height:1.65;margin-top:8px}
 .pds-shell .pds-masthead-scene{height:66px;width:min(260px,100%);justify-self:end}
 .pds-shell .pds-street{height:72px;inset:auto 0 0}
 .pds-shell .pds-scene-road{height:21px;bottom:0}
 .pds-shell .pds-scene-road::after{top:12px}
 .pds-shell .pds-scene-car{width:82px;bottom:8px}
 .pds-shell .pds-page-masthead+.section{padding-top:26px}
 .pds-shell .help-topics>.faq-contact-card{flex:0 0 100%;width:100%;margin-top:8px;padding:13px 15px;gap:12px}
 .pds-shell .help-topics>.faq-contact-card strong{font-size:15px}
 .pds-shell .help-topics>.faq-contact-card small{margin-top:4px;font-size:10px}
 .pds-shell .pds-article-cover .article-hero-photo{aspect-ratio:1.6}
 .pds-shell .pds-breadcrumb+.course-hero{padding-block:24px 28px;gap:25px}
 .pds-shell .course-hero h1{font-size:32px}
 .pds-shell .pds-floating-actions{right:16px;bottom:calc(78px + env(safe-area-inset-bottom,0px))}
 .pds-shell .pds-floating-actions .floating-whatsapp{display:none}
}
@media(prefers-reduced-motion:reduce){.pds-shell .pds-scene-car,.pds-shell .pds-scene-car .car-wheel{animation:none}.pds-shell .pds-scene-car{left:33%}}
@media print{.pds-shell .pds-floating-actions,.pds-shell .pds-masthead-scene{display:none}.pds-shell .pds-masthead-row{grid-template-columns:1fr}}
