/* Guided contact: the existing DGI palette and type, with native form controls. */
.dgi-contact-banner{padding:42px 24px;background:var(--dgi-pale)}
.dgi-contact-banner>div,.dgi-contact-layout{max-width:var(--dgi-container-width);margin-inline:auto}
body .dgi-contact-banner h1{margin:0;color:var(--dgi-blue);font:600 var(--dgi-title-size)/1.3 var(--dgi-body)}
.dgi-contact-banner p{margin:12px 0 0;max-width:65ch;color:var(--dgi-muted)}
.dgi-contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:64px;padding:40px 24px 64px;box-sizing:border-box}
.dgi-contact-journey{min-width:0;scroll-margin-top:150px}
body .dgi-contact-page h2{margin:0 0 12px;font:600 23px/1.35 var(--dgi-body);color:var(--dgi-blue-deep)}
.dgi-contact-journey>p{margin:0;max-width:65ch;color:var(--dgi-muted)}
.dgi-contact-progress{display:flex;gap:20px;list-style:none;padding:0;margin:28px 0;color:var(--dgi-muted)}
.dgi-contact-progress li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.dgi-contact-progress li>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--dgi-border);border-radius:50%}
.dgi-contact-progress [aria-current]{color:var(--dgi-blue)}
.dgi-contact-progress [aria-current]>span{color:white;background:var(--dgi-blue);border-color:var(--dgi-blue)}
.dgi-contact-step{border-top:1px solid var(--dgi-border);padding:20px 0}
.dgi-contact-step summary{cursor:pointer;font-size:18px;font-weight:600;color:var(--dgi-ink)}
.dgi-contact-step summary>span{margin-right:8px;color:var(--dgi-blue)}
.dgi-contact-step summary small{margin-left:12px;font-size:13px;text-decoration:underline;color:var(--dgi-blue)}
.dgi-contact-step form{padding-top:20px}
.dgi-contact-step fieldset{margin:0;padding:0;border:0;min-width:0}
.dgi-contact-options{display:grid;gap:10px}
.dgi-contact-profiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.dgi-contact-options label{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--dgi-border);border-radius:8px;cursor:pointer;font-weight:600}
.dgi-contact-options label:hover{border-color:var(--dgi-blue);background:var(--dgi-pale)}
.dgi-contact-options label:has(:checked){border-color:var(--dgi-blue);background:var(--dgi-pale)}
.dgi-contact-options input{flex:none;width:18px;height:18px;margin:4px 0 0;accent-color:var(--dgi-blue)}
.dgi-contact-options strong{font-weight:600}
.dgi-contact-options small{display:block;margin-top:4px;color:var(--dgi-muted);font-size:14px;font-weight:400;line-height:1.5}
body .dgi-contact-page .dgi-contact-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 20px;margin-top:20px;background:var(--dgi-blue);color:var(--dgi-white);border:1px solid var(--dgi-blue);border-radius:4px;text-decoration:none;font:600 15px/1.4 var(--dgi-body);cursor:pointer}
body .dgi-contact-page .dgi-contact-button:hover{background:var(--dgi-blue-deep)}
body .dgi-contact-page .dgi-contact-button.is-secondary{background:white;color:var(--dgi-blue)}
.dgi-contact-page :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--dgi-yellow);outline-offset:3px}
.dgi-contact-select-label{display:block;margin-bottom:10px;font-weight:600}
.dgi-contact-select-label span{font-size:14px;color:var(--dgi-muted);font-weight:400}
.dgi-contact-page select{display:block;box-sizing:border-box;width:100%;max-width:100%;min-height:48px;padding:12px;border:1px solid var(--dgi-border);border-radius:4px;color:var(--dgi-ink);background:var(--dgi-white);font:400 16px/1.5 var(--dgi-body);text-overflow:ellipsis}
.dgi-contact-practical{align-self:start;padding-top:6px}
body .dgi-contact-practical h2{font-size:20px}
.dgi-contact-practical>p{margin:0 0 20px;color:var(--dgi-muted)}
.dgi-contact-practical dl{margin:0;border-top:1px solid var(--dgi-border);padding-top:20px}
.dgi-contact-practical dt{font-weight:600;color:var(--dgi-ink)}
.dgi-contact-practical dd{margin:4px 0 20px;color:var(--dgi-muted)}
.dgi-contact-page a{color:var(--dgi-blue);text-underline-offset:4px}
.dgi-contact-resource{display:block;font-weight:600;margin-top:20px;text-decoration:underline}
.dgi-contact-resource span{margin-left:8px}
.dgi-contact-practical .dgi-contact-note{margin-top:28px}
.dgi-contact-result{margin:12px 0 24px;padding:24px;background:var(--dgi-pale);border-radius:8px}
.dgi-contact-result p{margin:12px 0 0;max-width:65ch}
.dgi-contact-result-actions{display:flex;flex-wrap:wrap;gap:0 12px}
.dgi-contact-page .dgi-contact-note{color:var(--dgi-muted);font-size:14px;line-height:1.6}
.dgi-contact-restart{display:inline-block;margin-top:16px;text-decoration:underline;font-size:14px}
@media(max-width:1024px){.dgi-contact-layout{grid-template-columns:minmax(0,1fr) 240px;gap:32px}.dgi-contact-progress{gap:12px}}
@media(max-width:767px){
 .dgi-contact-banner{padding:28px 20px}
 .dgi-contact-layout{grid-template-columns:1fr;padding:28px 20px 40px;gap:32px}
 .dgi-contact-progress{gap:8px;justify-content:space-between}
 .dgi-contact-progress li{font-size:12px;gap:5px}
 .dgi-contact-progress li>span{width:24px;height:24px}
 .dgi-contact-profiles{grid-template-columns:1fr}
 .dgi-contact-practical{border-top:1px solid var(--dgi-border);padding-top:24px}
 .dgi-contact-result{padding:20px}
}
