/* V10.44 — contact pages only; no third-party fonts or embeds. */
.contact-page{color:#183c31}
.contact-page a{color:#1b5e46;text-underline-offset:3px}
.contact-page :focus-visible{outline:3px solid #9a640e;outline-offset:4px}
.contact-page .skip-link{position:absolute;inset-block-start:8px;inset-inline-start:12px;transform:translateY(-180%);padding:10px 18px;background:#fff;z-index:10001;border:2px solid #1b5e46;border-radius:8px}
.contact-page .skip-link:focus{transform:none}
.contact-page .top{position:relative;background:#fff}
.contact-page .top .wrap{flex-wrap:wrap;gap:12px}
.contact-page .brand{font-size:1.35rem;letter-spacing:-.02em}
.contact-page .top nav{display:flex;gap:8px 20px;flex-wrap:wrap}
.contact-page .top nav a{display:inline-flex;align-items:center;min-height:44px;font-size:1.125rem}
.contact-page .language-switcher{gap:8px;padding:14px 0}
.contact-page .language-switcher a{font-size:.92rem;min-height:44px;padding:9px 15px}
.contact-page .breadcrumbs{font-size:.92rem;color:#445e52;margin:0 0 22px}
.contact-page .breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}
.contact-page .breadcrumbs li+li:before{content:'/';margin-inline-end:8px;color:#718579}
.contact-page .hero{padding:28px 0 48px}
.contact-page .contact-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr);gap:38px;align-items:start}
.contact-page .hero h1{font-size:clamp(2.25rem,4.5vw,3.75rem);line-height:1.16;letter-spacing:-.035em;margin:10px 0 20px;max-width:740px}
html[lang=ar] .contact-page .hero h1{letter-spacing:0;line-height:1.35}
.contact-page .eyebrow{font-size:.85rem;letter-spacing:.07em;color:#3b6754}
.contact-page .hero .intro{font-size:1.2rem;line-height:1.8;color:#3e5b4e;max-width:640px}
.contact-page .contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 16px}
.contact-page .contact-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border:1px solid #174a38;border-radius:12px;background:#174a38;color:#fff;text-decoration:none;font-size:1.06rem;font-weight:700;line-height:1.5;text-align:center}
.contact-page .contact-button:hover{background:#0f3528}
.contact-page .contact-button.secondary{background:#fff;color:#174a38}
.contact-page .contact-button.secondary:hover{background:#edf3ed}
.contact-page .email-link{display:inline-block;min-height:44px;padding:8px 0;font-weight:700;overflow-wrap:anywhere}
.contact-page .hero .privacy-note{font-size:.94rem;line-height:1.7;color:#496255;max-width:640px}
.contact-page .contact-card{background:#fff;border:1px solid #d5dfd4;border-radius:20px;padding:28px;box-shadow:0 10px 25px #28423307}
.contact-page .contact-card h2{font-size:1.4rem;line-height:1.45;margin:0 0 20px}
.contact-page dl{margin:0}
.contact-page dl>div{padding:14px 0;border-top:1px solid #e4e9df}
.contact-page dt{font-weight:700;font-size:.96rem;color:#3d5d4b}
.contact-page dd{margin:4px 0 0;font-size:1.02rem;color:#203e30;overflow-wrap:anywhere}
.contact-page dd a{display:inline-block;min-height:38px;padding:4px 0}
.contact-page .map-link{font-size:.92rem}
.contact-page .contact-content{padding:52px 0 68px}
.contact-page .contact-content h2{font-size:clamp(1.65rem,3vw,2rem);line-height:1.4;margin:0 0 18px}
.contact-page .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0;counter-reset:contact-step}
.contact-page .steps li{padding:26px;border:1px solid #d5dfd4;border-radius:16px;background:#fff;counter-increment:contact-step}
.contact-page .steps li:before{content:counter(contact-step,decimal-leading-zero);display:block;color:#6c562d;font-weight:700;font-size:.9rem;letter-spacing:.08em;margin-bottom:14px}
.contact-page .steps h3{font-size:1.2rem;line-height:1.5;margin:0 0 10px}
.contact-page .steps p{margin:0;color:#435b4d}
.contact-page .contact-information{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:46px}
.contact-page .contact-information p{color:#435b4d}
.contact-page .contact-information a{display:inline-block;min-height:44px;padding:6px 0;font-weight:700}
.contact-page .reading{margin-top:38px;padding-top:30px;border-top:1px solid #d5dfd4}
.contact-page .reading ul{display:flex;flex-wrap:wrap;gap:8px 28px;padding-inline-start:20px;margin:0}
.contact-page .reading a{display:inline-block;padding:8px 0;min-height:44px}
.contact-page .contact-closing{margin-top:40px;padding:30px;border-radius:20px;background:#153f34;color:#fff}
.contact-page .contact-closing h2{color:#fff;margin-bottom:10px}
.contact-page .contact-closing p{margin:0;color:#e1ebe5}
.contact-page .contact-closing .contact-actions{margin-bottom:0}
.contact-page .contact-closing .contact-button{background:#fff;color:#173d2d;border-color:#fff}
.contact-page .contact-closing .contact-button:hover{background:#e5f0e9}
.contact-page .contact-closing .email-link{color:#fff}
.contact-page .footer{background:#fff;color:#405c4c;font-size:.95rem}
.contact-page .footer .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}
.contact-page .footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.contact-page .footer a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
@media(max-width:900px){.contact-page .contact-hero{grid-template-columns:1fr}.contact-page .hero .intro,.contact-page .hero .privacy-note{max-width:none}.contact-page .steps{grid-template-columns:1fr}.contact-page .contact-information{grid-template-columns:1fr;gap:26px}.contact-page .top .wrap{justify-content:center}.contact-page .top nav{justify-content:center}.contact-page .contact-card{padding:22px}}
@media(max-width:440px){.contact-page .contact-actions{flex-direction:column}.contact-page .contact-button{width:100%}.contact-page .contact-closing{padding:24px 20px}.contact-page .hero h1{font-size:2.15rem}.contact-page .top nav{gap:4px 15px}.contact-page .top nav a{font-size:1rem}.contact-page .email-link{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.contact-page *{transition:none!important}}
@media(max-width:440px){.contact-page .top .wrap{flex-direction:column;gap:8px}}
