/* Support and contact additions use the same approved Wesal identity. */
.contact-email { display:flex; align-items:center; gap:14px; border-block:1px solid rgba(0,63,53,.15); padding-block:18px; margin-bottom:26px; color:#003f35; }
.contact-email>svg { width:25px; height:25px; flex-shrink:0; }
.contact-email>span:last-child { margin-inline-start:auto; }
.contact-email small { display:block; font-size:.8125rem; color:#516c61; margin-bottom:4px; }
.contact-email bdi { font-size:1.125rem; overflow-wrap:anywhere; }
.contact-email:hover { color:#009e68; }
.contact-support-note { margin:24px 0 0; color:#516c61; font-size:.875rem; line-height:1.9; }
.contact-support-note a { color:#003f35; text-decoration:underline; text-underline-offset:4px; }
.support-page { --support-line:rgba(0,63,53,.17); background:#fff; color:#003f35; }
.support-page .container { width:min(1240px,calc(100% - 48px)); }
.support-page :is(h1,h2,h3,p) { margin-top:0; }
.support-page :is(h1,h2,h3) { font-weight:700; line-height:1.5; letter-spacing:0; }
.support-page section[id] { scroll-margin-top:115px; }
.support-page :is(a,input,select,textarea,summary):focus-visible { outline:3px solid #009e68; outline-offset:5px; }
.support-kicker { color:inherit; font-size:.875rem; font-weight:500; margin:0 0 16px; }
.support-kicker::before { content:""; width:24px; height:2px; display:inline-block; background:currentColor; margin-inline-end:10px; vertical-align:middle; }
.support-hero { background:#e9eed4; padding:148px 0 60px; }
.support-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; color:#516c61; font-size:.875rem; margin-bottom:30px; }
.support-breadcrumb a { color:#003f35; }
.support-hero-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr); gap:90px; align-items:center; }
.support-page .support-hero h1 { font-size:clamp(2rem,3.7vw,3.5rem); margin-bottom:22px; }
.support-hero h1 em { font-style:normal; color:#009e68; }
.support-lead { color:#365b4e; font-size:1.125rem; line-height:1.95; max-width:660px; margin-bottom:24px; }
.support-hero-aside { background:#003f35; color:#e9eed4; padding:32px; border-radius:26px 26px 5px 26px; }
.support-hero-icon { display:grid; place-items:center; width:54px; height:54px; border-radius:16px 16px 3px 16px; background:#c4e970; color:#003f35; margin-bottom:24px; }
.support-hero-icon svg { width:30px; height:30px; }
.support-hero-aside>p { font-size:.875rem; margin-bottom:16px; }
.support-hero-aside>strong { display:block; font-weight:500; font-size:1.8rem; line-height:1.6; margin-bottom:24px; }
.support-hero-aside>span:last-child { display:block; color:#c3d8ce; font-size:.875rem; line-height:1.95; padding-top:18px; border-top:1px solid rgba(233,238,212,.25); }
.support-section { padding:64px 0; }
.support-soft { background:#f5f7ec; }
.support-heading { margin-bottom:30px; }
.support-page h2 { font-size:clamp(1.75rem,2.7vw,2.5rem); margin-bottom:22px; }
.support-paths { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.support-path { display:flex; flex-direction:column; padding:32px; border:1px solid var(--support-line); border-radius:26px 26px 5px 26px; }
.support-path-label { font-size:.875rem; color:#516c61; margin-bottom:24px; }
.support-page .support-path h3 { font-size:1.6rem; margin-bottom:18px; }
.support-path p { color:#516c61; font-size:1rem; line-height:1.95; max-width:490px; margin-bottom:28px; }
.support-path>.support-button { margin-top:auto; }
.support-path>.support-text-link { margin-top:18px; align-self:start; }
.support-path-green { background:#003f35; color:#e9eed4; border-color:#003f35; }
.support-path-green :is(p,.support-path-label) { color:#c3d8ce; }
.support-button { display:flex; align-items:center; justify-content:space-between; min-height:52px; gap:20px; padding:12px 20px; border-radius:14px 14px 3px 14px; background:#003f35; color:#fff; font-weight:500; line-height:1.8; font-size:.9375rem; }
.support-button:hover { background:#009e68; color:#fff; }
.support-path-green .support-button { background:#c4e970; color:#003f35; }
.support-path-green .support-button:hover { background:#89e3b4; }
.support-text-link { display:inline-flex; align-items:center; gap:20px; min-height:44px; border-bottom:1px solid rgba(0,63,53,.3); color:#003f35; font-size:.9375rem; font-weight:500; }
.support-text-link:hover { color:#009e68; }
.support-phone { display:block; margin-top:18px; font-size:.9375rem; }
.support-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); gap:80px; align-items:start; }
.support-intro { color:#516c61; font-size:1rem; line-height:1.95; max-width:440px; }
.support-small { color:#516c61; font-size:.8125rem; line-height:1.95; margin:16px 0; }
.support-steps { display:grid; gap:0; list-style:none; margin:0; padding:0; }
.support-steps li { padding:24px 0; border-top:1px solid var(--support-line); }
.support-steps strong { font-size:1.125rem; font-weight:700; }
.support-steps p { margin:12px 0 0; color:#516c61; font-size:.9375rem; line-height:1.95; }
.support-request { padding:30px; border:1px solid var(--support-line); border-radius:26px 26px 5px 26px; background:#f5f7ec; min-width:0; }
.support-request fieldset { min-width:0; border:0; margin:0; padding:0; }
.support-request legend { font-size:1.25rem; font-weight:700; padding:0; margin-bottom:24px; }
.support-request label { display:block; font-size:.875rem; font-weight:500; margin:16px 0 8px; }
.support-request label>span { font-weight:400; color:#516c61; }
.support-request :is(input,select,textarea) { display:block; width:100%; max-width:100%; min-height:48px; padding:12px 14px; font:inherit; font-size:.9375rem; color:#003f35; background:#fff; border:1px solid var(--support-line); border-radius:12px 12px 3px 12px; }
.support-request textarea { resize:vertical; line-height:1.9; }
.support-request ::placeholder { color:#667d71; opacity:1; }
.support-guidance { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
.support-guidance article { border-top:1px solid var(--support-line); padding-top:24px; }
.support-page .support-guidance h3 { font-size:1.25rem; margin-bottom:16px; }
.support-guidance p { color:#516c61; font-size:.9375rem; line-height:1.95; margin:0; }
.support-faq details { border-top:1px solid var(--support-line); }
.support-faq summary { position:relative; list-style:none; cursor:pointer; font-size:1rem; font-weight:500; line-height:1.9; padding:20px 0 20px 30px; }
.support-faq summary::-webkit-details-marker { display:none; }
.support-faq summary::after { content:"+"; position:absolute; inset-inline-end:2px; top:20px; font-size:1.3rem; font-weight:400; }
.support-faq details[open] summary::after { content:"−"; }
.support-faq p { font-size:.9375rem; line-height:1.95; color:#516c61; margin:0 0 22px; }
.support-faq a { color:#003f35; text-decoration:underline; text-underline-offset:4px; }
.support-closing { background:#e9eed4; padding:44px 0; }
.support-closing>.container { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.support-page .support-closing h2 { font-size:1.75rem; margin:0; }
.support-closing nav { display:grid; grid-template-columns:1fr 1fr; gap:10px 28px; }
.support-closing a { display:flex; min-height:46px; align-items:center; border-bottom:1px solid var(--support-line); font-size:.9375rem; }
.support-closing a:hover { color:#009e68; }
@media (max-width:980px) {
 .support-hero-grid { gap:40px; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); }
 .support-split { gap:36px; }
 .support-path { padding:26px; }
 .support-closing>.container { gap:36px; }
}
@media (max-width:700px) {
 .support-page .container { width:calc(100% - 32px); }
 .support-hero { padding:122px 0 36px; }
 .support-hero-grid,.support-paths,.support-split,.support-closing>.container { grid-template-columns:1fr; gap:28px; }
 .support-hero-aside { padding:26px; }
 .support-hero-aside>strong { font-size:1.5rem; }
 .support-section { padding-block:42px; }
 .support-guidance { grid-template-columns:1fr; gap:24px; }
 .support-request { padding:22px; }
 .support-closing nav { gap:10px 20px; }
 .contact-email bdi { font-size:1rem; }
}