:root{
  --cert-bg:#dfe4e6;
  --cert-surface:#bcc7cc;
  --cert-surface-2:#c9d2d6;
  --cert-surface-3:#eef2f4;
  --cert-text:#101214;
  --cert-muted:#233038;
  --cert-line:#9eabb1;
  --cert-blue:#18356f;
  --cert-blue-2:#274d92;
  --cert-white:#ffffff;
  --cert-max:1180px;
  --cert-gap:18px;
}

.egn-cert-v1{background:var(--cert-bg);color:var(--cert-text);font-family:inherit}
.egn-cert-v1 *{box-sizing:border-box}
.egn-cert-v1 .wrap{max-width:var(--cert-max);margin:0 auto;padding:0 16px 42px}

.egn-cert-v1 .hero{
  position:relative;min-height:560px;display:flex;align-items:flex-end;border:1px solid var(--cert-line);
  margin-bottom:18px;overflow:hidden;
  background:
    radial-gradient(circle at 80% 18%, rgba(255,255,255,.36) 0, rgba(255,255,255,0) 22%),
    radial-gradient(circle at 15% 82%, rgba(39,77,146,.18) 0, rgba(39,77,146,0) 28%),
    linear-gradient(135deg, #c7d1d5 0%, #dfe4e6 40%, #cdd7db 100%);
}
.egn-cert-v1 .hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg, rgba(8,14,24,.20) 0%, rgba(8,14,24,.06) 36%, rgba(8,14,24,0) 72%),
    repeating-linear-gradient(150deg, rgba(255,255,255,.09) 0 1px, rgba(255,255,255,0) 1px 26px);
}
.egn-cert-v1 .hero-panel{
  position:relative;z-index:1;width:min(720px, 100%);margin:0 0 34px 34px;padding:34px 34px 28px;
  background:rgba(24,53,111,.95);color:var(--cert-white);border:1px solid rgba(255,255,255,.16);
  box-shadow:0 22px 60px rgba(24,53,111,.22);
}
.egn-cert-v1 .hero-aside{
  position:absolute;right:26px;top:26px;width:min(340px, calc(100% - 52px));display:grid;gap:14px;z-index:1;
}
.egn-cert-v1 .mini-card{
  background:rgba(255,255,255,.76);border:1px solid rgba(158,171,177,.9);padding:16px 18px 14px;backdrop-filter:blur(3px);
}
.egn-cert-v1 .mini-card h3,.egn-cert-v1 .mini-card p{margin:0}
.egn-cert-v1 .mini-card h3{font-size:14px;line-height:1.3;font-weight:700;color:var(--cert-blue)}
.egn-cert-v1 .mini-card p{margin-top:7px;font-size:13px;line-height:1.58;color:var(--cert-muted)}

.egn-cert-v1 .eyebrow{margin:0 0 12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.92}
.egn-cert-v1 h1,.egn-cert-v1 h2,.egn-cert-v1 h3,.egn-cert-v1 h4,.egn-cert-v1 h5{margin:0;color:inherit;font-weight:700}
.egn-cert-v1 h1{font-size:46px;line-height:1.02;margin-bottom:14px}
.egn-cert-v1 h2{font-size:32px;line-height:1.12}
.egn-cert-v1 h3{font-size:22px;line-height:1.18}
.egn-cert-v1 h4{font-size:22px;line-height:1.2;color:var(--cert-blue)}
.egn-cert-v1 h5{font-size:18px;line-height:1.28;color:var(--cert-blue)}
.egn-cert-v1 .hero-lead{font-size:20px;line-height:1.34;color:#eef3ff;margin:0 0 16px}
.egn-cert-v1 .hero-meta{font-size:15px;line-height:1.6;color:#eef3ff;margin:0 0 16px;max-width:60ch}
.egn-cert-v1 .tagrow,.egn-cert-v1 .btns,.egn-cert-v1 .section-btns{display:flex;flex-wrap:wrap;gap:10px}
.egn-cert-v1 .tag{border:1px solid rgba(255,255,255,.26);padding:6px 10px;font-size:13px;color:var(--cert-white)}
.egn-cert-v1 a.btn{
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:12px 15px;
  font-size:14px;font-weight:700;border-radius:0;cursor:pointer
}
.egn-cert-v1 a.btn.primary{background:var(--cert-white);color:var(--cert-blue);border:1px solid var(--cert-white)}
.egn-cert-v1 a.btn.secondary{background:transparent;color:var(--cert-white);border:1px solid rgba(255,255,255,.52)}

.egn-cert-v1 .flyerline{
  margin:22px 0 22px;
  padding:18px 0 2px;
  border-top:1px solid rgba(255,255,255,.18);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.egn-cert-v1 .flyerlabel{
  display:block;
  margin:0 0 12px;
  font-size:13px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#dbe7ff;
  font-weight:700;
}
.egn-cert-v1 .flyerlinks{
  display:grid;
  grid-template-columns:repeat(2,minmax(220px,max-content));
  gap:12px 14px;
  align-items:start;
}
.egn-cert-v1 .flyerlinks a{
  display:inline-flex;
  align-items:baseline;
  gap:8px;
  color:var(--cert-white);
  text-decoration:none;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.34);
  background:rgba(255,255,255,.08);
  font-size:17px;
  line-height:1.35;
  font-weight:700;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.egn-cert-v1 .flyerlinks a:hover,
.egn-cert-v1 .flyerlinks a:focus{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.58);
}
.egn-cert-v1 .flyerlinks .lang{
  display:inline-block;
  margin-left:0;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.82;
  font-weight:700;
}

.egn-cert-v1 .contactline{margin-top:14px;font-size:14px;color:#eef3ff}
.egn-cert-v1 a.egn-mail{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;font-weight:600}

.egn-cert-v1 .metricband{display:grid;gap:var(--cert-gap);margin:0 0 18px}
.egn-cert-v1 .metricband--mixed{grid-template-columns:repeat(4,1fr)}
.egn-cert-v1 .metric{background:var(--cert-surface);border:1px solid var(--cert-line);padding:18px}
.egn-cert-v1 .metric strong{display:block;font-size:28px;line-height:1;margin-bottom:8px;color:var(--cert-blue)}
.egn-cert-v1 .metric h3{font-size:20px;line-height:1.22;color:var(--cert-blue)}
.egn-cert-v1 .metric p{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--cert-muted)}
.egn-cert-v1 .imgwrap{display:flex;align-items:center;justify-content:center;border:1px solid var(--cert-line);background:#f6f8f9;min-height:110px}
.egn-cert-v1 .imgwrap img{display:block;max-width:100%;height:auto}
.egn-cert-v1 .imgph{padding:16px;font-size:13px;line-height:1.45;color:var(--cert-muted);text-align:center}
.egn-cert-v1 .metricimg{min-height:180px;background:#bcc7cc;margin-bottom:14px}
.egn-cert-v1 .levelimg{min-height:140px;margin-bottom:14px;background:transparent;border:none}
.egn-cert-v1 .levelimg.is-missing{border:1px solid var(--cert-line);background:#f6f8f9}

.egn-cert-v1 .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--cert-gap)}
.egn-cert-v1 .span12{grid-column:span 12}.egn-cert-v1 .span8{grid-column:span 8}.egn-cert-v1 .span7{grid-column:span 7}
.egn-cert-v1 .span6{grid-column:span 6}.egn-cert-v1 .span5{grid-column:span 5}.egn-cert-v1 .span4{grid-column:span 4}

.egn-cert-v1 .card{background:var(--cert-surface);border:1px solid var(--cert-line);overflow:hidden}
.egn-cert-v1 .card.pad{padding:22px 22px 20px}
.egn-cert-v1 .card.white{background:var(--cert-white)}
.egn-cert-v1 .card.soft{background:var(--cert-surface-3)}
.egn-cert-v1 .card.blue{background:var(--cert-blue);color:var(--cert-white)}
.egn-cert-v1 .card.blue p,.egn-cert-v1 .card.blue li,.egn-cert-v1 .card.blue .lead{color:#eef3ff}
.egn-cert-v1 .card p{margin:10px 0 0;line-height:1.58;color:var(--cert-muted)}
.egn-cert-v1 .lead{font-size:18px;line-height:1.5;color:var(--cert-text)}
.egn-cert-v1 .section-kicker{
  font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--cert-blue);margin:0 0 10px;font-weight:700
}
.egn-cert-v1 .card.blue .section-kicker{color:#d8e3ff}
.egn-cert-v1 ul{margin:12px 0 0;padding-left:18px;color:var(--cert-muted)}
.egn-cert-v1 li{margin:0 0 8px;line-height:1.5}
.egn-cert-v1 .pillnote,.egn-cert-v1 .note{
  margin-top:14px;padding:12px 14px;border:1px solid var(--cert-line);background:var(--cert-surface-3);color:var(--cert-muted)
}
.egn-cert-v1 .card.blue .note,.egn-cert-v1 .card.blue .pillnote{
  background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#eef3ff
}

.egn-cert-v1 .dimension-grid,.egn-cert-v1 .benefit-grid{display:grid;gap:var(--cert-gap);margin-top:16px}
.egn-cert-v1 .dimension-grid{grid-template-columns:repeat(3,1fr)}
.egn-cert-v1 .benefit-grid{grid-template-columns:repeat(3,1fr)}
.egn-cert-v1 .dimension,.egn-cert-v1 .benefit{
  border:1px solid var(--cert-line);background:var(--cert-surface-3);padding:18px
}
.egn-cert-v1 .dimension h3,.egn-cert-v1 .benefit h3{font-size:22px;color:var(--cert-blue)}

.egn-cert-v1 .content-subblock{
  margin-top:18px;padding-top:18px;border-top:1px solid var(--cert-line)
}
.egn-cert-v1 .content-subblock:first-of-type{border-top:none;padding-top:0}
.egn-cert-v1 .content-subgrid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:var(--cert-gap);margin-top:14px
}
.egn-cert-v1 .content-subcard{
  border:1px solid var(--cert-line);background:#fff;padding:16px
}

.egn-cert-v1 .levels-wide .level-grid--wide{
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--cert-gap);margin-top:18px
}
.egn-cert-v1 .level{
  border:1px solid var(--cert-line);background:var(--cert-surface-3);padding:18px;text-align:center
}
.egn-cert-v1 .level h3{font-size:22px;color:var(--cert-blue)}
.egn-cert-v1 .score{margin-top:10px;font-size:15px;line-height:1.45;color:var(--cert-muted)}
.egn-cert-v1 .sub{margin-top:6px;font-size:13px;line-height:1.4;color:var(--cert-muted)}

.egn-cert-v1 .footerline{
  margin-top:18px;padding:14px 16px;border:1px solid var(--cert-line);background:var(--cert-surface);font-weight:700
}

@media (max-width: 1180px){
  .egn-cert-v1 .metricband--mixed{grid-template-columns:repeat(2,1fr)}
  .egn-cert-v1 .dimension-grid,.egn-cert-v1 .benefit-grid{grid-template-columns:1fr}
  .egn-cert-v1 .levels-wide .level-grid--wide{grid-template-columns:repeat(2,1fr)}
}

@media (max-width: 980px){
  .egn-cert-v1 .hero{min-height:unset;display:block;padding-top:210px}
  .egn-cert-v1 .hero-aside{left:16px;right:16px;top:16px;width:auto}
  .egn-cert-v1 .hero-panel{width:auto;margin:0 16px 16px;padding:26px 22px 22px}
  .egn-cert-v1 h1{font-size:36px}
  .egn-cert-v1 h2{font-size:28px}
  .egn-cert-v1 .grid{grid-template-columns:1fr}
  .egn-cert-v1 .span12,.egn-cert-v1 .span8,.egn-cert-v1 .span7,.egn-cert-v1 .span6,.egn-cert-v1 .span5,.egn-cert-v1 .span4{grid-column:auto}
  .egn-cert-v1 .content-subgrid{grid-template-columns:1fr}
  .egn-cert-v1 .flyerlinks{grid-template-columns:1fr}
}

@media (max-width: 700px){
  .egn-cert-v1 .wrap{padding:0 10px 28px}
  .egn-cert-v1 .metricband--mixed{grid-template-columns:1fr}
  .egn-cert-v1 .levels-wide .level-grid--wide{grid-template-columns:1fr}
  .egn-cert-v1 h1{font-size:30px}
  .egn-cert-v1 h2{font-size:24px}
  .egn-cert-v1 h3,.egn-cert-v1 h4{font-size:20px}
  .egn-cert-v1 .hero-lead{font-size:18px}
  .egn-cert-v1 .flyerlinks a{font-size:16px}
}
/* Preview language switch. Existing CERT colours and layout remain unchanged. */
.egn-cert-v1 .cert-langbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;max-width:var(--cert-max);margin:0 auto;padding:12px 16px;background:var(--cert-bg);color:var(--cert-blue)}
.egn-cert-v1 .cert-langlabel{font-size:14px;font-weight:700}
.egn-cert-v1 .cert-switch{display:inline-flex;border:1px solid var(--cert-blue);background:var(--cert-white)}
.egn-cert-v1 .cert-switch button{font:inherit;font-size:14px;font-weight:700;color:var(--cert-blue);background:var(--cert-white);border:0;border-radius:0;min-height:42px;padding:9px 15px;cursor:pointer}
.egn-cert-v1 .cert-switch button+button{border-left:1px solid var(--cert-blue)}
.egn-cert-v1 .cert-switch button[aria-pressed="true"]{color:var(--cert-white);background:var(--cert-blue)}
.egn-cert-v1 .cert-switch button:focus-visible{outline:3px solid #d28a00;outline-offset:3px;position:relative;z-index:1}
.egn-cert-v1 .cert-preview-hold,.egn-cert-v1 .cert-load-error{max-width:var(--cert-max);margin:0 auto 18px;padding:20px;border:1px solid var(--cert-line);background:var(--cert-surface-3);color:var(--cert-text)}
@media(max-width:700px){.egn-cert-v1 .cert-langbar{justify-content:space-between;padding:10px}}

/* Content v0.4: three optional, unobtrusive renderer additions, scoped to CERT. */
.egn-cert-v1 .cert-hero-action{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.egn-cert-v1 .cert-content-action{display:flex;flex-wrap:wrap;margin-top:16px}
.egn-cert-v1 .cert-content-action a.btn.primary{background:var(--cert-blue);border:1px solid var(--cert-blue);color:var(--cert-white)}
.egn-cert-v1 .cert-content-action a.btn.primary:hover{background:var(--cert-blue-2)}
.egn-cert-v1 .cert-source-link{margin:12px 0 0;font-size:13px;line-height:1.5}
.egn-cert-v1 .cert-source-link a{color:var(--cert-blue);text-decoration:underline;text-underline-offset:2px}
.egn-cert-v1 .cert-hero-action a:focus-visible,.egn-cert-v1 .cert-content-action a:focus-visible,.egn-cert-v1 .cert-source-link a:focus-visible{outline:3px solid #d28a00;outline-offset:3px}

/* Preview v0.5: readable text metrics; unchanged CERT colour palette and card grid. */
.egn-cert-v1 .metric--foundation,
.egn-cert-v1 .metric--categories{
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:var(--cert-surface-2);
  padding:22px;
}
.egn-cert-v1 .metric--foundation h3,
.egn-cert-v1 .metric--categories h3{font-size:clamp(19px,1.7vw,23px);line-height:1.28;}
.egn-cert-v1 .metric--foundation p{font-size:15px;line-height:1.65;max-width:34ch;}
.egn-cert-v1 .metric--categories .metric-value{font-size:32px;margin-bottom:10px;}
.egn-cert-v1 .metric--categories .metric-category-list{margin:12px 0 0;padding-left:20px;}
.egn-cert-v1 .metric--categories .metric-category-list li{margin:0 0 7px;line-height:1.35;}
.egn-cert-v1 .metric--categories .metric-category-list strong{display:inline;font-size:14px;line-height:inherit;margin:0;color:var(--cert-blue);font-weight:700;}

/* Override site-level '>' list pseudo-markers ONLY inside the CERT widget. */
.egn-cert-v1 ul{list-style:disc outside!important;padding-left:1.35rem!important;}
.egn-cert-v1 ul > li{list-style:disc outside!important;display:list-item!important;padding-left:0!important;}
.egn-cert-v1 ul > li::before{content:none!important;display:none!important;}
.egn-cert-v1 ul > li::marker{color:var(--cert-blue);}
.egn-cert-v1 .card.blue ul > li::marker{color:var(--cert-white);}

/* Email remains a normal mailto link; an adjacent accessible button copies the address. */
.egn-cert-v1 .cert-email-pair{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;max-width:100%;}
.egn-cert-v1 .cert-email-pair a.btn{max-width:100%;white-space:normal;text-align:center;}
.egn-cert-v1 .cert-copy-email{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:28px;height:28px;padding:0;border:none;
  background:transparent;color:var(--cert-blue);cursor:pointer;
  border-radius:0;vertical-align:middle;
}
.egn-cert-v1 .cert-copy-email:hover{opacity:.78;}
.egn-cert-v1 .cert-copy-email:focus-visible{outline:3px solid #d28a00;outline-offset:3px;}
.egn-cert-v1 .cert-hero-action .cert-copy-email,
.egn-cert-v1 .section-btns .cert-copy-email,
.egn-cert-v1 .cert-contact-copy .cert-copy-email{color:var(--cert-white);}
.egn-cert-v1 .cert-contact-copy,
.egn-cert-v1 .cert-footer-copy{display:inline-flex;align-items:center;gap:7px;margin-left:8px;vertical-align:middle;}
.egn-cert-v1 .cert-contact-copy .cert-copy-email{width:28px;height:28px;}
.egn-cert-v1 .cert-footer-copy .cert-copy-email{width:28px;height:28px;}
.egn-cert-v1 .cert-copy-status{font-size:12px;font-weight:600;line-height:1.3;max-width:24ch;}
.egn-cert-v1 .cert-copy-status:empty{display:none;}
.egn-cert-v1 .cert-contact-copy .cert-copy-status,
.egn-cert-v1 .cert-hero-action .cert-copy-status,
.egn-cert-v1 .section-btns .cert-copy-status{color:#eef3ff;}
@media(max-width:700px){
  .egn-cert-v1 .metric--foundation,.egn-cert-v1 .metric--categories{padding:22px;}
  .egn-cert-v1 .metric--categories .metric-category-list strong{font-size:15px;}
}

/* Preview v0.7: remove theme-level button chrome on email copy icons only. */
.egn-cert-v1 button.cert-copy-email,
.egn-cert-v1 button.cert-copy-email:hover,
.egn-cert-v1 button.cert-copy-email:active,
.egn-cert-v1 button.cert-copy-email:focus,
.egn-cert-v1 button.cert-copy-email:focus-visible {
  -webkit-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
  text-shadow: none !important;
}
.egn-cert-v1 button.cert-copy-email::before,
.egn-cert-v1 button.cert-copy-email::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.egn-cert-v1 .cert-copy-email svg { display: block; pointer-events: none; }
/* Preserve keyboard focus visibility without a box, border or outline. */
.egn-cert-v1 button.cert-copy-email:focus-visible svg {
  transform: scale(1.2);
  stroke-width: 2.6;
}

/* CERT mobile-only fix, 2026-09-22. Append to the END of the CURRENTLY DEPLOYED
   cert_widget_preview_v0_6.css. Do not replace the whole stylesheet or touch templates. */
@media (max-width: 980px) {
  .egn-cert-v1 .hero {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    padding-top: 0;
    overflow: visible;
  }

  /* Move the title panel first, with both informational cards below it.
     Make the cards part of normal layout instead of absolute overlays. */
  .egn-cert-v1 .hero-panel {
    order: 1;
    width: auto;
    min-width: 0;
    margin: 16px 16px 18px;
    padding: 26px 22px 22px;
  }
  .egn-cert-v1 .hero-aside {
    order: 2;
    position: static;
    width: auto;
    min-width: 0;
    margin: 0 16px 16px;
  }

  /* The long German headline must stay INSIDE the blue title panel. */
  .egn-cert-v1 .hero-panel h1 {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    hyphens: auto;
    line-height: 1.15;
  }
}