/* TEMPLATE — huisstijl. Alle kleuren staan hier als variabele; nergens in een template
   een losse hexcode. Dezelfde waarden staan in KLEUREN in merk.js, voor PDF's en e-mails
   die geen stylesheet kunnen laden — WIJZIG JE ER ÉÉN, WIJZIG DAN ALLEBEI.
   Ze liepen uiteen bij het maken van deze template: merk.js stond al neutraal terwijl hier
   nog het palet van het vorige portal stond (gevonden 16-08-2026 bij het opzetten van firmai).
   Geen donkere uitvoering — dezelfde keuze als bij Codex en aiacta. */
:root{
  /* Palet "kobalt & lentegroen", gekozen 16-08-2026. */
  --papier:#FFFFFF; --tint1:#F5F8FF; --tint2:#E3ECFD; --lijn:#CCDCF8;
  --accent:#1156D6; --accent-donker:#0B3D9C; --tweede:#0E7333;
  --inkt:#141922; --inkt-zacht:#48505E;
  /* De kopbalk is BEWUST een andere, gedempte blauwtint dan het accent. Toen de balk nog
     de volle accentkleur droeg, was hij zo dominant dat de H1 — in diezelfde kleur, maar
     veel kleiner — er niet meer tegenop kon (Erik, 16-08-2026). Gedempt in plaats van
     alleen lichter: dat is wat "zachter" visueel doet. Witte tekst haalt hierop 5,28 : 1,
     dus de navigatie blijft goed leesbaar. Het accent is nu de luidste kleur op de pagina
     en die zit waar hij hoort: op de kop en op de knoppen. */
  --kop:#3E6BB5; --kop-donker:#2F5590;
  /* Meldingskleuren voor formulieren. Heetten tot 16-08-2026 --risico-verboden en
     --risico-minimaal — aiacta's risicoklassen, die subsi niet heeft. Drie andere
     --risico-* stonden hier ongebruikt en zijn verwijderd. De vijf statuslabels van
     een regeling staan NIET hier maar in LABELS in merk.js. */
  --melding-fout:#A33232; --melding-ok:#0E7333;
  /* De vijf statussen van een regeling. Dezelfde waarden als LABELS in merk.js —
     WIJZIG JE ER ÉÉN, WIJZIG DAN ALLEBEI. Ze staan hier omdat de statische homepage
     geen JavaScript kan lezen. Alle vijf dragen witte tekst op minstens 5,9 : 1. */
  --status-aangekondigd:#3F4C63; --status-open:#0E7333; --status-budget:#8A5100;
  --status-gesloten:#5A5F6B; --status-vervallen:#7A2F3C;
  --serif:Georgia,'Times New Roman',serif;
  --radius:10px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--tint1);color:var(--inkt);
  font:400 17px/1.65 system-ui,'Segoe UI',Roboto,sans-serif;
}
img{max-width:100%;height:auto}
a{color:var(--accent)}
a:hover{color:var(--accent-donker)}

.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.wrap-narrow{max-width:760px}
.mid{text-align:center}
.section{padding:56px 0}
.section.band{background:var(--tint2)}
.muted{color:var(--inkt-zacht)}
.sub{color:var(--inkt-zacht);font-size:1.05rem}

h1,h2,h3,h4{font-family:var(--serif);color:var(--accent);line-height:1.25;font-weight:700}
h1{font-size:clamp(1.7rem,4vw,2.5rem);margin:0 0 .4em}
h2{font-size:clamp(1.25rem,2.6vw,1.6rem);margin:1.6em 0 .5em}
h3{font-size:1.1rem;margin:0 0 .4em}
p{margin:0 0 1em}
.eyebrow{
  display:inline-block;font-family:system-ui,sans-serif;font-size:.74rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--tweede);margin-bottom:.6em;
}

/* ---------- kopbalk ---------- */
.top{background:var(--kop);color:#fff}
.top-in{display:flex;align-items:center;gap:22px;min-height:64px;flex-wrap:wrap}
.wm{text-decoration:none;color:#fff;display:inline-flex;align-items:baseline}
.wm-word{font-family:var(--serif);font-size:1.35rem;font-weight:700;letter-spacing:-.01em}
.wm-staart{opacity:.72;font-weight:400}
.topnav{display:flex;gap:18px;flex-wrap:wrap;margin-left:auto}
.topnav a{color:#fff;text-decoration:none;font-size:.94rem;opacity:.9;padding:4px 0;border-bottom:2px solid transparent}
.topnav a:hover{opacity:1;border-bottom-color:rgba(255,255,255,.5)}
.topnav a.active{opacity:1;border-bottom-color:#fff;font-weight:600}
.topacc{display:flex;align-items:center;gap:12px}
.topacc .lnk{color:#fff;opacity:.9;text-decoration:none;font-size:.94rem}
.langbar{background:var(--kop-donker);padding:4px 20px;text-align:right;font-size:.8rem}
.langbar a{color:#fff;opacity:.75;text-decoration:none;margin-left:6px}
.langbar a:hover{opacity:1}

/* ---------- knoppen ---------- */
.btn{
  display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
  border:1px solid var(--accent);border-radius:var(--radius);padding:10px 20px;
  font-weight:600;font-size:.95rem;cursor:pointer;font-family:inherit;
}
.btn:hover{background:var(--accent-donker);border-color:var(--accent-donker);color:#fff}
.btn-groot{padding:13px 26px;font-size:1rem}
.btn-sm{padding:7px 14px;font-size:.88rem}
.btn-ghost{background:transparent;color:var(--accent)}
.btn-ghost:hover{background:rgba(38,70,122,.07);color:var(--accent-donker)}
.top .btn{background:#fff;color:var(--accent);border-color:#fff}
.top .btn:hover{background:var(--tint2);color:var(--accent-donker)}

/* ---------- hero ---------- */
.hero{background:var(--papier);border-bottom:1px solid var(--lijn);padding:62px 0}
.hero-in{display:grid;grid-template-columns:1.35fr 1fr;gap:44px;align-items:start}
.hero-sub{font-size:1.1rem;color:var(--inkt);max-width:36em}
.hero-knoppen{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 10px}
.hero-klein{font-size:.88rem;color:var(--inkt-zacht);margin:0}
.hero-kaart{background:var(--tint2);border:1px solid var(--lijn);border-radius:var(--radius);padding:22px 24px}
.hero-kaart h2{margin-top:0;font-size:1.15rem}
.hero-kaart p{font-size:.94rem;color:var(--inkt-zacht)}
/* De twee segmenten in de heldere kaart naast de kop. Het moet in één oogopslag duidelijk
   zijn dat subsi voor particulieren én bedrijven is — dat kwam in de eerste versie van de
   homepage niet over (Erik, 16-08-2026). */
.hero-kaart .segment{font-size:.95rem;color:var(--inkt);margin:0 0 14px;padding-bottom:14px;
  border-bottom:1px solid var(--lijn)}
.hero-kaart .segment strong{color:var(--accent);display:block;margin-bottom:2px}
.hero-kaart .segment-slot{font-size:.95rem;font-weight:600;color:var(--tweede);margin:0}

.statuslijst{list-style:none;margin:0;padding:0;font-size:.92rem}
.statuslijst li{padding:9px 0;border-top:1px solid var(--lijn);color:var(--inkt-zacht)}
.chip{
  display:inline-block;padding:2px 9px;border-radius:999px;color:#fff;
  font-size:.74rem;font-weight:700;margin-right:6px;white-space:nowrap;
}
/* De aanvraagband op de uitkomst. Dit is het moment waarop de bezoeker weet waar hij recht
   op heeft; de knop hoort dan het luidste ding op de pagina te zijn. Vandaar het accent als
   ondergrond — niet de zachte kopkleur, want dit is geen navigatie maar een besluit. */
.aanvraag-band{
  background:var(--accent);color:#fff;border-radius:var(--radius);
  padding:26px 28px;margin:28px 0;
}
.aanvraag-band h2{color:#fff;margin:0 0 .5em}
.aanvraag-band p{color:var(--op-accent-zacht,#DBE6F9);margin-bottom:1em}
.aanvraag-band .btn{background:#fff;color:var(--accent-donker);border-color:#fff;font-weight:700}
.aanvraag-band .btn:hover{background:var(--tint1);color:var(--accent-donker)}
.aanvraag-band .muted{color:var(--op-accent-zacht,#DBE6F9);font-size:.88rem;margin:10px 0 0}

/* De e-mail en het account zijn nu bijzaak: dichtgeklapt, en pas open als iemand er zelf om
   vraagt. Ze stonden groot in het midden van de uitkomst en stuurden de bezoeker de deur
   uit naar zijn postvak. */
.scan-mail-later{
  border:1px solid var(--lijn);border-radius:var(--radius);
  padding:12px 16px;margin-top:16px;background:var(--papier);
}
.scan-mail-later summary{cursor:pointer;font-weight:600;color:var(--accent);padding:4px 0}
.scan-mail-later summary:hover{text-decoration:underline}
.scan-mail-later p{font-size:.92rem;color:var(--inkt-zacht);margin:.7em 0}

/* De elf landen. Wat nog niet open is blijft gewoon leesbaar staan: daaraan ziet een
   bezoeker in één oogopslag dat dit een Europees platform is en geen Nederlandse site.
   Alleen het land dat wél open is krijgt kleur — één accent per rij, niet elf. */
.landenlijst{
  list-style:none;margin:22px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;
}
.landenlijst li{
  border:1px solid var(--lijn);border-radius:var(--radius);
  padding:11px 14px;font-size:.95rem;color:var(--inkt-zacht);background:var(--papier);
}
.landenlijst li.open{border-color:var(--tweede);color:var(--inkt)}
.landenlijst li.open span{
  display:block;color:var(--tweede);font-weight:700;font-size:.8rem;margin-top:2px;
}

/* Redactionele vlag bij een bronverwijzing. Bewust GEEN .chip: die is gevuld met een
   statuskleur, en een gevulde okerkleur naast een bron leest als de status
   "Budget bijna op" — de kleurcodering van de site draagt daar betekenis. Dit is geen
   oordeel over de regeling maar over onze eigen verwijzing, en dat hoort er ook anders
   uit te zien: open, zacht, en zonder alarmkleur (gevonden door Erik, 16-08-2026). */
.bronvlag{
  display:inline-block;padding:1px 8px;border-radius:999px;
  border:1px solid var(--lijn);background:var(--tint1);color:var(--inkt-zacht);
  font-size:.72rem;font-weight:600;font-style:normal;white-space:nowrap;
}

/* ---------- kaarten ---------- */
.kaartrij{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:26px}
.kaart{
  display:block;background:var(--papier);border:1px solid var(--lijn);border-radius:var(--radius);
  padding:22px 24px;text-decoration:none;color:inherit;
}
.kaart:hover{border-color:var(--accent);box-shadow:0 6px 18px -12px rgba(7,42,74,.5)}
.kaart p{font-size:.94rem;color:var(--inkt-zacht);margin-bottom:.6em}
.meer{color:var(--accent);font-weight:600;font-size:.9rem}
.waarschuwing{
  background:var(--tint2);border-left:3px solid var(--tweede);border-radius:0 var(--radius) var(--radius) 0;
  padding:14px 18px;font-size:.95rem;
}
.kader{background:var(--tint2);border:1px solid var(--lijn);border-radius:var(--radius);padding:14px 18px;margin:18px 0}
.kader p{margin:0;font-size:.95rem}
.cta-band,.cta-slot{background:var(--papier);border-top:1px solid var(--lijn)}
.cta-band{padding:26px 0;text-align:center;margin-top:30px;border:none;background:none}

/* ---------- stappen, faq, juridisch ---------- */
.stappen{counter-reset:stap;list-style:none;padding:0;margin:26px 0}
.stappen li{
  position:relative;padding:0 0 4px 52px;margin-bottom:22px;counter-increment:stap;
}
.stappen li::before{
  content:counter(stap);position:absolute;left:0;top:2px;width:34px;height:34px;
  border-radius:50%;background:var(--accent);color:#fff;font-weight:700;
  display:flex;align-items:center;justify-content:center;font-size:.95rem;
}
.stappen h2{margin:0 0 .3em;font-size:1.08rem}
.stappen p{margin:0;color:var(--inkt-zacht);font-size:.95rem}
.faq{border-top:1px solid var(--lijn);padding:16px 0}
.faq h2{margin:0 0 .35em;font-size:1.08rem}
.faq p{margin:0;color:var(--inkt-zacht)}
.juridisch h2{font-size:1.1rem;margin:1.8em 0 .4em}
.juridisch p{font-size:.97rem}

/* ---------- prijzen ---------- */
.prijsrij{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:26px 0}
.prijskaart{background:var(--papier);border:1px solid var(--lijn);border-radius:var(--radius);padding:22px 24px;text-align:center}
.prijskaart.uitgelicht{border:2px solid var(--accent)}
.prijskaart h2{margin:0 0 .3em;font-size:1.05rem}
.prijs{font-family:var(--serif);font-size:2.1rem;color:var(--accent);font-weight:700}
.prijskaart .muted{font-size:.86rem;margin:0}
.vergelijk{width:100%;border-collapse:collapse;background:var(--papier);border:1px solid var(--lijn);border-radius:var(--radius);font-size:.94rem}
.vergelijk th,.vergelijk td{padding:11px 14px;border-bottom:1px solid var(--lijn);text-align:left}
.vergelijk th:not(:first-child),.vergelijk td:not(:first-child){text-align:center;width:9rem}
.vergelijk thead th{background:var(--tint2);font-family:var(--serif);color:var(--accent)}

/* ---------- nieuws ---------- */
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin-top:26px}
.post-card{
  display:block;background:var(--papier);border:1px solid var(--lijn);border-radius:var(--radius);
  overflow:hidden;text-decoration:none;color:inherit;
}
.post-card:hover{border-color:var(--accent)}
.pc-img img{display:block;width:100%;height:auto;object-fit:cover}
.pc-body{padding:18px 20px}
.pc-date{display:block;font-size:.8rem;color:var(--inkt-zacht);margin-bottom:6px}
.pc-body h2{margin:0 0 .35em;font-size:1.05rem}
.pc-body p{font-size:.92rem;color:var(--inkt-zacht);margin-bottom:.6em}
.pc-more{color:var(--accent);font-weight:600;font-size:.88rem}
.post-hero{border-radius:var(--radius);margin:0 0 20px;border:1px solid var(--lijn)}
.post-body{font-size:1.02rem}
.post-body h2{font-size:1.25rem}
.post-body img{border-radius:var(--radius)}

/* ---------- contact ---------- */
.contact-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:start}
.contact-details{list-style:none;padding:0;margin:18px 0;font-size:.94rem}
.contact-details li{padding:7px 0;border-bottom:1px solid var(--lijn);display:flex;gap:12px}
.cd-lb{color:var(--inkt-zacht);min-width:6.5rem}
.contact-card{background:var(--papier);border:1px solid var(--lijn);border-radius:var(--radius);padding:24px}
.veld-rij{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{margin-bottom:14px}
.field label{display:block;font-size:.88rem;font-weight:600;margin-bottom:5px}
.field input,.field textarea,.field select{
  width:100%;padding:10px 12px;border:1px solid var(--lijn);border-radius:8px;
  font:inherit;font-size:.95rem;background:var(--papier);color:var(--inkt);
}
.field input:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.form-note{padding:11px 14px;border-radius:8px;margin-bottom:16px;font-size:.93rem}
.form-note.ok{background:#E7F1EA;color:var(--melding-ok);border:1px solid #BFDCC9}
.form-note.err{background:#F7E9E9;color:var(--melding-fout);border:1px solid #E6C6C6}

/* ---------- voettekst ---------- */
.foot{background:var(--accent);color:#fff;padding:44px 0 26px;margin-top:60px}
.foot a{color:#fff;opacity:.85;text-decoration:none}
.foot a:hover{opacity:1;text-decoration:underline}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
.foot h4{color:#fff;font-family:system-ui,sans-serif;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .8em;opacity:.75}
.foot ul{list-style:none;padding:0;margin:0;font-size:.92rem}
.foot li{margin-bottom:6px}
.foot p{font-size:.9rem;opacity:.82;max-width:34em}
.foot-brand{display:block;margin-bottom:10px}
.foot-brand .wm-word{color:#fff;font-size:1.25rem}
.wm-tag{display:block;font-size:.82rem;opacity:.7;margin-top:2px}
.foot-bar{
  border-top:1px solid rgba(255,255,255,.22);margin-top:30px;padding-top:18px;
  display:flex;flex-direction:column;gap:6px;font-size:.82rem;opacity:.85;
}

@media (max-width:900px){
  .hero-in,.contact-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  body{font-size:16px}
  .section{padding:40px 0}
  .veld-rij,.foot-grid{grid-template-columns:1fr}
  .topnav{gap:12px;font-size:.9rem}
}

/* ---------- artikelen ---------- */
.kruimels{font-size:.85rem;color:var(--inkt-zacht);margin-bottom:10px}
.artikel h1{margin-top:.3em}
.antwoord{font-size:1.08rem}
.antwoord > p:first-child{font-size:1.14rem}
.cat-blok{margin-bottom:34px}
.artikellijst{list-style:none;padding:0;margin:0}
.artikellijst li{border-top:1px solid var(--lijn);padding:11px 0;display:flex;gap:10px;align-items:center;justify-content:space-between}
.artikellijst a{font-weight:600;text-decoration:none}
.artikellijst a:hover{text-decoration:underline}
/* Zoeken in de onderwerpen. De lijst staat al volledig in de pagina; dit filtert hem in
   de browser. Zonder JavaScript blijft alles gewoon zichtbaar — het veld is dan het
   enige dat niets doet, en dat is de goede kant om op te falen. */
.onderwerp-zoek{margin:22px 0 6px}
.onderwerp-zoek input{
  width:100%;padding:12px 14px;font-size:1rem;font-family:inherit;
  border:1px solid var(--lijn);border-radius:var(--radius);background:var(--papier);color:var(--inkt);
}
.onderwerp-zoek input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.sprongrij{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 26px}
.sprong{
  display:inline-block;padding:4px 12px;border-radius:999px;text-decoration:none;
  border:1px solid var(--lijn);background:var(--tint1);color:var(--inkt-zacht);font-size:.85rem;
}
.sprong:hover{border-color:var(--accent);color:var(--accent)}
.verwant{margin:30px 0 0;padding-top:8px;border-top:2px solid var(--lijn)}
.verwant h2{font-size:1.05rem;margin:0 0 .3em}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bronnen{background:var(--tint2);border-left:3px solid var(--tweede);border-radius:0 var(--radius) var(--radius) 0;padding:16px 20px;margin:26px 0}
.bronnen h2{margin:0 0 .4em;font-size:1.05rem}
.bronnen ul{margin:0;padding-left:20px;font-size:.94rem}
.bronnen li{margin-bottom:6px}
.bronnen .muted{margin:10px 0 0;font-size:.86rem}
.verdieping,.landblok{border-top:1px solid var(--lijn);padding-top:20px;margin-top:26px}
.muur{background:var(--tint2);border:1px dashed var(--lijn);border-radius:var(--radius);padding:20px 22px;margin:26px 0}
.muur h2{margin:0 0 .35em;font-size:1.1rem}
.muur p{color:var(--inkt-zacht);font-size:.95rem}
.muur .btn{margin-right:8px}
.voetnoot{border-top:1px solid var(--lijn);margin-top:34px;padding-top:16px;font-size:.9rem}
.voetnoot p{margin-bottom:.6em}

/* ---------- taalvlaggen ---------- */
/* De SVG's uit lib/geo.js hebben geen eigen afmetingen: zonder deze regels vult elke
   vlag de volle breedte van de balk. Vandaar een vaste maat hier. */
.langbar{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}
.langbar .flag{display:inline-flex;line-height:0;border-radius:2px;overflow:hidden;
  outline:1px solid rgba(255,255,255,.35);opacity:.65;transition:opacity .15s}
.langbar .flag:hover{opacity:1}
.langbar .flag.active{opacity:1;outline:2px solid #fff}
.langbar .flagimg{display:block;width:22px;height:15px}

/* ---------- quick-scan ---------- */
/* ---------- De subsidiecheck: één vraag per scherm ----------
   Maten zijn hier bewust groter dan elders op de site. Briefing hoofdstuk 3 maakt een
   80-jarige zonder digitale ervaring tot acceptatiecriterium, en dat betekent: een
   aanwijsvlak dat je niet kúnt missen (minstens 44 px hoog, de ondergrens uit WCAG 2.2
   voor doelgrootte), tekst op leesformaat, en een vinkje dat groot genoeg is om te zien
   of het aan staat. */
.scan-form{margin-top:22px}
.scan-vraag{border:1px solid var(--lijn);border-radius:var(--radius);background:var(--papier);
  padding:22px 24px 24px;margin:0 0 22px}
.scan-vraag legend{font-family:var(--serif);font-weight:700;color:var(--accent);
  font-size:1.45rem;line-height:1.25;padding:0 6px;text-wrap:balance}
.scan-toelichting{font-size:1rem;margin:6px 0 16px}
.scan-opties{display:flex;flex-direction:column;gap:8px}
.scan-optie{display:flex;gap:14px;align-items:flex-start;min-height:44px;
  padding:13px 16px;border:1px solid var(--lijn);border-radius:var(--radius);
  background:var(--papier);font-size:1.06rem;line-height:1.45;cursor:pointer}
.scan-optie:hover{background:var(--tint1);border-color:var(--accent)}
/* De hele regel oplichten als het antwoord gekozen is — een klein blauw bolletje is voor
   deze doelgroep te weinig signaal. :has() wordt door alle huidige browsers ondersteund;
   waar het niet werkt blijft het bolletje gewoon zichtbaar, dus dit is een verbetering
   en geen voorwaarde. */
.scan-optie:has(input:checked){border-color:var(--accent);background:var(--tint2);font-weight:600}
.scan-optie:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}
.scan-optie input{margin:2px 0 0;width:22px;height:22px;flex:none;accent-color:var(--accent)}

.stapbalk{margin:22px 0 18px}
.stapteller{margin:0 0 8px;font-weight:600;font-size:1rem;color:var(--inkt)}
.stapbalk-spoor{height:10px;border-radius:6px;background:var(--tint2);overflow:hidden}
.stapbalk-spoor i{display:block;height:100%;background:var(--accent)}

.scan-knoppen{display:flex;gap:12px;flex-wrap:wrap-reverse;align-items:center}
/* De volgende vraag staat eerst in de bronvolgorde en dus links op een smal scherm na de
   omgekeerde wrap; op een breed scherm duwt dit "Vorige" naar links en "Volgende" naar
   rechts, waar mensen ze verwachten. */
.scan-knoppen .btn-ghost{margin-right:auto}
@media (max-width:520px){
  .scan-knoppen{flex-direction:column-reverse;align-items:stretch}
  .scan-knoppen .btn{width:100%;text-align:center;margin-right:0}
}
.scan-redenen,.scan-stappen{padding-left:22px}
.scan-redenen li,.scan-stappen li{margin-bottom:10px}
.scan-email{margin-top:6px}
.scan-email .btn{margin-top:4px}