/* Trinico Cloud, the SPF, DKIM and DMARC panel (js/trinico-mailauth.js). One definition for the
   Email Spam Checker and the Email Verifier. Same tokens and dark mapping as the tool pages.
   Bump the ?v= where it is loaded on any change. */
.trinico-ma{
  --ma-ink:#0F2037;--ma-text:#212529;--ma-text2:#5B6573;--ma-label:#46566A;--ma-link:#1A5FAF;--ma-accent:#1B77C9;
  --ma-surface:#fff;--ma-border:#E8EEF4;--ma-mute:#f1f4f8;--ma-tint:#e9f3fb;
  --ma-ok:#5f7a12;--ma-ok-bg:#f1f6e1;--ma-ok-ink:#3d4a12;--ma-warn-bg:#fdf3e2;--ma-warn-ink:#7a4700;--ma-bad-bg:#fdecee;--ma-bad-ink:#a51d2a;--ma-info-bg:#eef4fa;--ma-info-ink:#1A5FAF;
  --ma-shadow:0 4px 18px rgba(15,32,55,.08);--ma-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  container-type:inline-size;position:relative;margin-bottom:22px;padding:28px;border-radius:18px;background:var(--ma-surface);border:1px solid var(--ma-border);box-shadow:var(--ma-shadow);color:var(--ma-text);font-family:"Open Sans",system-ui,sans-serif}
body.tc-dark .trinico-ma{
  --ma-ink:var(--tc-text,#e9f1f8);--ma-text:var(--tc-text,#e9f1f8);--ma-text2:var(--tc-text-2,#9fb1c2);--ma-label:var(--tc-text-2,#9fb1c2);--ma-link:#7cc4ee;--ma-accent:#54b6e6;
  --ma-surface:var(--tc-surface,#141b22);--ma-border:var(--tc-border,#222c37);--ma-mute:var(--tc-surface-2,#0f161d);--ma-tint:rgba(84,182,230,.12);
  --ma-ok:#cfe08a;--ma-ok-bg:rgba(171,196,65,.14);--ma-ok-ink:#cfe08a;--ma-warn-bg:rgba(232,163,61,.14);--ma-warn-ink:#f6c886;--ma-bad-bg:rgba(232,90,104,.16);--ma-bad-ink:#ff9ca6;--ma-info-bg:rgba(84,182,230,.12);--ma-info-ink:#7cc4ee;--ma-shadow:none}
.trinico-ma *{box-sizing:border-box}
.trinico-ma h2,.trinico-ma h3{font-family:Montserrat,"Open Sans",sans-serif;color:var(--ma-ink);margin:0;text-wrap:balance}
.trinico-ma p{text-wrap:pretty}
.trinico-ma-sr{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.trinico-ma-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.trinico-ma-title{font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.trinico-ma-headline{margin:6px 0 0;font:600 16px/1.45 Montserrat,"Open Sans",sans-serif}
.trinico-ma[data-state="pass"] .trinico-ma-headline{color:var(--ma-ok-ink)}
.trinico-ma[data-state="warn"] .trinico-ma-headline{color:var(--ma-warn-ink)}
.trinico-ma[data-state="fail"] .trinico-ma-headline{color:var(--ma-bad-ink)}
.trinico-ma-tally{flex:none;display:inline-flex;align-items:baseline;gap:2px;padding:8px 16px;border-radius:999px;background:var(--ma-mute);font:600 15px/1 Montserrat,"Open Sans",sans-serif;color:var(--ma-label);font-variant-numeric:tabular-nums}
.trinico-ma-tally b{font-size:24px;color:var(--ma-ink)}
.trinico-ma-intro{margin:12px 0 0;font-size:15px;line-height:1.6;color:var(--ma-text2);max-width:72ch}

/* the questions, as one connected chain */
.trinico-ma-qs{list-style:none;margin:20px 0 0;padding:0}
.trinico-ma-qi{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding-bottom:22px}
.trinico-ma-qi:not(:last-child)::before{content:"";position:absolute;left:19px;top:44px;bottom:4px;width:2px;background:var(--ma-border)}
.trinico-ma-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:50%}
.trinico-ma-ic svg{width:20px;height:20px}
.trinico-ma-qi[data-state="pass"] .trinico-ma-ic{background:var(--ma-ok-bg);color:var(--ma-ok-ink)}
.trinico-ma-qi[data-state="warn"] .trinico-ma-ic{background:var(--ma-warn-bg);color:var(--ma-warn-ink)}
.trinico-ma-qi[data-state="fail"] .trinico-ma-ic{background:var(--ma-bad-bg);color:var(--ma-bad-ink)}
.trinico-ma-qi[data-state="info"] .trinico-ma-ic{background:var(--ma-info-bg);color:var(--ma-info-ink)}
.trinico-ma-body{min-width:0;padding-top:2px}
.trinico-ma-tag{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--ma-mute);font:700 11.5px/1.6 Montserrat,"Open Sans",sans-serif;color:var(--ma-label);letter-spacing:.02em}
.trinico-ma-q{margin-top:6px!important;font-size:17px;font-weight:600;line-height:1.35}
.trinico-ma-a{margin:4px 0 0;font-size:15px;line-height:1.6;color:var(--ma-text);max-width:70ch}
.trinico-ma-fix,.trinico-ma-tech{margin-top:10px}
.trinico-ma-fix>summary,.trinico-ma-tech>summary{display:inline-flex;align-items:center;gap:8px;min-height:40px;cursor:pointer;list-style:none;font:600 14px/1.3 Montserrat,"Open Sans",sans-serif;color:var(--ma-link)}
.trinico-ma-fix>summary::-webkit-details-marker,.trinico-ma-tech>summary::-webkit-details-marker{display:none}
.trinico-ma-fix>summary::before,.trinico-ma-tech>summary::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .2s}
.trinico-ma-fix[open]>summary::before,.trinico-ma-tech[open]>summary::before{transform:rotate(45deg)}
.trinico-ma-fixbody{margin-top:6px;padding:16px 18px;border-radius:14px;background:var(--ma-tint)}
.trinico-ma-qi[data-state="fail"] .trinico-ma-fixbody{background:var(--ma-mute)}
.trinico-ma-steps{margin:0;padding-left:20px;font-size:15px;line-height:1.6}
.trinico-ma-steps li+li{margin-top:6px}
.trinico-ma-rec{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--ma-surface);border:1px solid var(--ma-border)}
.trinico-ma-rec-l{display:block;font:600 13px/1.4 Montserrat,"Open Sans",sans-serif;color:var(--ma-label)}
.trinico-ma-rec-v{display:flex;gap:12px;align-items:flex-start;margin-top:6px}
.trinico-ma-rec-v code{flex:1;min-width:0;font:13.5px/1.55 var(--ma-mono);color:var(--ma-ink);background:none;padding:0;white-space:normal;overflow-wrap:anywhere}
.trinico-ma-copy{flex:none;min-height:36px;padding:0 14px;border-radius:999px;border:2px solid var(--ma-accent);background:var(--ma-surface);color:var(--ma-accent);font:600 13px/1 Montserrat,"Open Sans",sans-serif;cursor:pointer}
.trinico-ma-copy.is-done{border-color:#ABC441;background:var(--ma-ok-bg);color:var(--ma-ok-ink)}
.trinico-ma-tech pre{margin:6px 0 0;padding:12px 14px;border-radius:12px;background:var(--ma-mute);border:1px solid var(--ma-border);font:12.5px/1.6 var(--ma-mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ma-text)}

/* DMARC ladder */
.trinico-ma-ladderbox,.trinico-ma-keys{margin-top:8px;padding-top:20px;border-top:1px solid var(--ma-border)}
.trinico-ma-keys{margin-top:20px}
.trinico-ma-h3{font-size:16px;font-weight:600}
.trinico-ma-ladder{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;position:relative}
.trinico-ma-ladder::before{content:"";position:absolute;left:16.6%;right:16.6%;top:11px;height:4px;border-radius:2px;background:var(--ma-border)}
.trinico-ma-stop{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:0 8px}
.trinico-ma-dot{position:relative;z-index:1;width:26px;height:26px;border-radius:50%;background:var(--ma-surface);border:4px solid var(--ma-border)}
.trinico-ma-stop.is-on .trinico-ma-dot{border-color:#ABC441;background:#ABC441}
.trinico-ma-stop.is-here .trinico-ma-dot{box-shadow:0 0 0 6px var(--ma-ok-bg)}
.trinico-ma-stop b{margin-top:6px;font:600 14.5px/1.3 Montserrat,"Open Sans",sans-serif;color:var(--ma-ink)}
.trinico-ma-stop code{font:12.5px/1.4 var(--ma-mono);color:var(--ma-label);background:none;padding:0}
.trinico-ma-stop-d{font-size:13px;line-height:1.45;color:var(--ma-text2);max-width:24ch}
.trinico-ma-here{margin-top:4px;padding:3px 10px;border-radius:999px;background:var(--ma-ink);color:var(--ma-surface);font:700 11.5px/1.5 Montserrat,"Open Sans",sans-serif}
.trinico-ma-note{margin:12px 0 0;font-size:14px;line-height:1.55;color:var(--ma-text2)}
.trinico-ma-keys ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.trinico-ma-keys li{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--ma-ok-bg);color:var(--ma-ok-ink);font-size:14px}
.trinico-ma-keys li svg{width:16px;height:16px}
.trinico-ma-keys li b{font:600 13.5px/1 var(--ma-mono)}

@container (max-width:600px){
  .trinico-ma{padding:20px}
  .trinico-ma-head{flex-direction:column;gap:10px}
  .trinico-ma-qi{grid-template-columns:34px minmax(0,1fr);gap:12px}
  .trinico-ma-ic{width:34px;height:34px}
  .trinico-ma-qi:not(:last-child)::before{left:16px;top:38px}
  .trinico-ma-ladder{grid-template-columns:1fr;gap:14px}
  .trinico-ma-ladder::before{left:11px;right:auto;top:13px;bottom:13px;width:4px;height:auto}
  .trinico-ma-stop{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:12px;align-items:start;text-align:left;padding:0}
  .trinico-ma-stop>*:not(.trinico-ma-dot){grid-column:2}
  .trinico-ma-dot{grid-row:1 / span 4}
  .trinico-ma-stop b{margin-top:2px}
  .trinico-ma-stop-d{max-width:none}
  .trinico-ma-here{justify-self:start}
  .trinico-ma-rec-v{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){.trinico-ma-fix>summary::before,.trinico-ma-tech>summary::before{transition:none}}