/* Responsive, static layout: no animation, no framework or external services. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-wrap:break-word}
main,section,header,nav,form,.section>div,.form-row>div{min-width:0}
header{position:relative;z-index:5}
.hero-content{text-align:left;max-width:900px;margin-left:8%;padding:68px 0 100px}
.hero-photo{bottom:-40%}
.hero .intro{margin-left:0}
.actions{justify-content:flex-start}
.padi-mark{margin-bottom:26px;display:flex;align-items:center}
.padi-mark img{width:76px;height:76px;object-fit:contain;background:#fff}
.preparation{padding-top:12px}
.prep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.prep-grid article{border-top:3px solid var(--blue);padding:25px 0 5px}
.prep-grid h3{font-size:1.35rem;line-height:1.3}
.prep-grid p,.exam-note p{color:var(--muted)}
.exam-note{padding:28px 30px;background:var(--pale);margin-top:25px;border-left:3px solid var(--blue)}
.exam-note h3{font-size:1.3rem;margin-bottom:12px}
.exam-note p{margin:0}
input,select,textarea{font-size:16px;min-height:44px}
button,.button,.outline,.menu{min-height:44px;touch-action:manipulation}
label,.form-note,#form-status,.source-note{font-size:14px}
.language-picker select{font-size:16px;width:122px}
.contact-info a,.topbar a{overflow-wrap:anywhere}
nav a{min-height:44px;display:flex;align-items:center}
@media(max-width:1100px){
 header{padding:12px 6%;gap:14px;flex-wrap:wrap}
 .brand{margin-right:auto}.brand span{display:none}
 .menu{display:block;border:1px solid var(--line);background:white;padding:10px 15px;font-size:14px;cursor:pointer;order:2}
 .language-picker{order:3;min-width:110px}
 nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;z-index:10;background:white;padding:18px 6%;box-shadow:0 12px 15px #0002}
 nav.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}
 nav a{padding:10px 0;font-size:16px}
 nav .compact{justify-content:center;margin-top:6px}
 .hero-content{margin-left:6%;padding-right:6%}
 .hero h1{font-size:clamp(2.8rem,6vw,4rem)}
}
@media(max-width:760px){
 .section-head,.requirements,.base,.faq,.contact{grid-template-columns:minmax(0,1fr);gap:28px}
 .section{padding:50px 6%}
 .prep-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .preparation{padding-top:5px}
 .steps{grid-template-columns:minmax(0,1fr)}
 .steps article,.steps article:first-child{padding:26px 0;border-right:0;border-bottom:1px solid var(--line)}
 .steps article:last-child{border-bottom:0}
 .section-head{margin-bottom:12px}
 .contact-info>a:first-child{font-size:18px}
 .hero h1{font-size:clamp(2.35rem,8.4vw,4rem);letter-spacing:-1.6px}
 .hero-content{padding:48px 6% 95px 0;max-width:none}
 .hero{min-height:0}
 .hero-photo{bottom:-40%;background-size:auto 100%;background-position:58% top}
 .intro{font-size:17px;max-width:490px}
 .actions{align-items:stretch;flex-direction:column;max-width:370px}
 .hero-foot{left:6%;font-size:10px;letter-spacing:1px}
 .hero-foot>span:last-child{display:none}
 .topbar{font-size:10px}.topbar>a{display:none}
 .base-photo img{height:auto;aspect-ratio:4/3;object-fit:cover}
 .base-photo span{max-width:100%;font-size:10px}
 .form-row{grid-template-columns:1fr;gap:0}
 form{padding:24px}
 .exam-note{padding:23px}
 .padi-mark img{width:64px;height:64px}
 .course-dates{grid-template-columns:minmax(0,1fr);padding:22px 6%;gap:18px}
 .course-dates strong{font-size:1.65rem}
 .divemaster-dates{border-left:0;border-top:1px solid #17313b55;padding:16px 0 0}
 .course-dates p{font-size:14px}
 .facts{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .facts div,.facts div:first-child{padding:0 8px 0 0}
 .facts strong{font-size:14px;line-height:1.4}
 .facts span{font-size:10px;letter-spacing:.5px}
 .requirement-list>div{grid-template-columns:85px minmax(0,1fr);gap:12px}
 footer{align-items:flex-start;flex-direction:column}
 .footer-links a{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:380px){header{gap:8px}.brand img{width:48px}.menu{padding:9px}.language-picker select{width:110px}.language-picker{min-width:110px}.facts{grid-template-columns:1fr;padding:12px 0}.facts div,.facts div:first-child{padding:10px 0;border:0;border-bottom:1px solid var(--line)}.facts strong{font-size:16px}.requirement-list>div{grid-template-columns:75px minmax(0,1fr)}.requirement-list strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}