.eyebrow-pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--accent-primary-a);color:var(--accent-primary);font-size:var(--fs-xxs);font-weight:var(--fw-semi);letter-spacing:.15em;text-transform:uppercase}.tool-page{padding-block:var(--sp-12) var(--sp-16)}.tool-header{text-align:center;max-width:680px;margin:0 auto var(--sp-12);display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.tool-header h1{font-family:var(--font-display);font-size:var(--fs-3xl);line-height:var(--lh-3xl);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);color:var(--fg-primary);margin:0}.tool-header .lede{font-size:var(--fs-lg);line-height:var(--lh-lg);color:var(--fg-muted);margin:0}.dmarc-generator{max-width:1080px;margin:0 auto}.dg-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--sp-8);align-items:start}.dg-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--r-card);padding:var(--sp-6);margin-bottom:var(--sp-4)}.dg-section-title{font-family:var(--font-display);font-size:var(--fs-lg);line-height:var(--lh-lg);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);color:var(--fg-primary);margin:0}.dg-section-sub{display:block;margin-top:var(--sp-1);font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:var(--fw-regular);color:var(--fg-muted)}details.dg-advanced>summary{list-style:none;cursor:pointer;display:block;padding-right:var(--sp-8);position:relative;user-select:none}details.dg-advanced>summary::-webkit-details-marker{display:none}details.dg-advanced>summary:after{content:"";position:absolute;right:var(--sp-1);top:7px;width:9px;height:9px;border-right:2px solid var(--fg-muted);border-bottom:2px solid var(--fg-muted);transform:rotate(45deg);transition:transform .15s var(--ease-out)}details.dg-advanced[open]>summary:after{transform:rotate(-135deg);top:11px}details.dg-advanced[open]>summary{margin-bottom:var(--sp-5);padding-bottom:var(--sp-4);border-bottom:1px solid var(--card-border)}.dg-section-body{display:flex;flex-direction:column;gap:var(--sp-5)}.dg-field{display:flex;flex-direction:column;gap:var(--sp-2)}.dg-section>.dg-field+.dg-field{margin-top:var(--sp-5)}.dg-label{font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:var(--fw-semi);color:var(--fg-primary);display:inline-flex;align-items:center;gap:var(--sp-2)}.dg-tag{font-family:var(--font-mono);font-size:var(--fs-xxs);line-height:1;font-weight:var(--fw-regular);color:var(--fg-muted);background:var(--page-bg);border:1px solid var(--card-border);padding:2px 6px;border-radius:var(--r-xs)}.dg-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}@media(max-width:560px){.dg-row{grid-template-columns:1fr}}.dg-field input[type=text],.dg-field input[type=email],.dg-field input[type=number]{width:100%;padding:10px 14px;background:var(--page-bg);border:1px solid var(--card-border);border-radius:var(--r-sm);color:var(--fg-body);font-family:var(--font-ui);font-size:var(--fs-base);line-height:var(--lh-base);transition:border-color .12s var(--ease-out),box-shadow .12s}.dg-field input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-a)}.dg-field input::placeholder{color:var(--fg-subtle)}.dg-hint{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--fg-muted)}.dg-hint code{font-family:var(--font-mono);font-size:var(--fs-xxs);background:var(--page-bg);padding:1px 5px;border-radius:var(--r-xs);color:var(--fg-primary)}.dg-error{display:none;font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--accent-secondary)}.email-list{display:flex;flex-direction:column;gap:var(--sp-2)}.email-list:empty{display:none}.email-row{display:flex;gap:var(--sp-2);align-items:center}.email-row input{flex:1;min-width:0}.email-remove{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--card-border);background:var(--page-bg);color:var(--fg-muted);border-radius:var(--r-sm);font-size:var(--fs-lg);line-height:1;cursor:pointer;transition:background .12s var(--ease-out),color .12s,border-color .12s;flex-shrink:0}.email-remove:hover{background:var(--card-bg-raised);color:var(--fg-primary);border-color:var(--card-border-strong)}.email-row:only-child .email-remove{display:none}.dg-add-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0;font-family:var(--font-ui);font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:var(--fw-semi);background:transparent;border:none;color:var(--accent-primary);cursor:pointer;margin-top:var(--sp-1);transition:color .12s var(--ease-out)}.dg-add-btn:hover{color:var(--accent-primary);text-decoration:underline;text-underline-offset:3px}.dg-add-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-primary-a);border-radius:var(--r-xs)}.dg-add-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--accent-primary-a);font-size:14px;font-weight:var(--fw-semi);line-height:1}.dg-info-wrap{position:relative;display:inline-flex;align-items:center}.dg-info-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;color:var(--fg-subtle);cursor:help;border-radius:50%;transition:color .12s var(--ease-out),background .12s}.dg-info-btn:hover,.dg-info-btn:focus{color:var(--accent-primary);background:var(--accent-primary-a);outline:none}.dg-info-btn svg{width:14px;height:14px}.dg-tooltip{position:absolute;bottom:calc(100% + var(--sp-2));left:50%;transform:translate(-50%) translateY(2px);width:max-content;max-width:min(280px,calc(100vw - var(--sp-6)));padding:var(--sp-3) var(--sp-4);background:var(--card-bg-raised);border:1px solid var(--card-border-strong);border-radius:var(--r-sm);font-size:var(--fs-xs);line-height:var(--lh-sm);font-weight:var(--fw-regular);color:var(--fg-body);box-shadow:0 12px 28px #00000052,0 4px 8px #0000002e;pointer-events:none;opacity:0;transition:opacity .15s var(--ease-out),transform .15s var(--ease-out);z-index:100;text-transform:none;letter-spacing:0}.dg-info-btn:hover+.dg-tooltip,.dg-info-btn:focus+.dg-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.dg-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:8px;height:8px;background:var(--card-bg-raised);border-right:1px solid var(--card-border-strong);border-bottom:1px solid var(--card-border-strong);transform:translate(-50%) rotate(45deg);margin-top:-4px}@media(prefers-reduced-motion:reduce){.dg-tooltip{transition:opacity .12s}}.dg-checks,.dg-radios{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5)}.dg-checks label,.dg-radios label{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:var(--fw-regular);color:var(--fg-body);cursor:pointer}.dg-checks label b{font-family:var(--font-mono);font-weight:var(--fw-semi);color:var(--fg-primary)}.dg-actions{display:flex;gap:var(--sp-3);align-items:stretch;margin-top:var(--sp-2)}.dg-actions .dg-generate{flex:1;justify-content:center}.dg-output{position:sticky;top:96px}.dg-output-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--r-card);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.dg-output-header{display:flex;flex-direction:column;gap:var(--sp-2)}.dg-output-eyebrow{font-size:var(--fs-xxs);line-height:var(--lh-xxs);font-weight:var(--fw-semi);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--fg-subtle)}.dg-output-empty-msg{font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--fg-muted)}.dg-output-card[data-state=filled] .dg-output-empty-msg{display:none}.dg-output-meta{display:flex;flex-direction:column;gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--card-border)}.dg-output-row{display:grid;grid-template-columns:84px 1fr;gap:var(--sp-3);align-items:baseline}.dg-output-label{font-size:var(--fs-xxs);line-height:var(--lh-xxs);font-weight:var(--fw-semi);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--fg-subtle)}.dg-output-value{font-family:var(--font-mono);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--fg-primary);word-break:break-all}.dg-output-record-wrap{display:flex;flex-direction:column;gap:var(--sp-2)}.dg-output-record{font-family:var(--font-mono);font-size:var(--fs-sm);line-height:var(--lh-md);color:var(--fg-primary);background:var(--page-bg);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);border:1px solid var(--card-border);white-space:pre-wrap;word-break:break-all;margin:0;min-height:56px}.dg-output-card[data-state=empty] .dg-output-value,.dg-output-card[data-state=empty] .dg-output-record{color:var(--fg-subtle)}.dg-copy-btn{width:100%;padding:11px 18px;font-family:var(--font-ui);font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:var(--fw-semi);background:var(--card-bg-raised);color:var(--fg-primary);border:1px solid var(--card-border);border-radius:var(--r-pill);cursor:pointer;transition:background .12s var(--ease-out),border-color .12s,color .12s}.dg-output-card[data-state=empty] .dg-copy-btn{opacity:.45;pointer-events:none}.dg-copy-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.dg-copy-btn.copied{background:var(--accent-success);color:var(--page-bg);border-color:var(--accent-success)}.dg-output-hint{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--fg-muted);margin:0}@media(max-width:880px){.dg-grid{grid-template-columns:1fr;gap:var(--sp-6)}.dg-output{position:static}.tool-header h1{font-size:var(--fs-2xl);line-height:var(--lh-2xl)}.tool-header .lede{font-size:var(--fs-md);line-height:var(--lh-md)}}.dmarc-info-section{padding-block:var(--sp-12)}.dmarc-info-section--alt{background:var(--page-bg-alt)}.dmarc-info-section .section-head,main>section.faq .section-head,.dmarc-prose,.dmarc-table-wrap,main>section.faq .faq-grid{max-width:1080px;margin-left:auto;margin-right:auto}.dmarc-info-section .section-head,main>section.faq .section-head{text-align:left;margin-bottom:var(--sp-8);display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3)}.dmarc-info-section .section-head h2,main>section.faq .section-head h2{font-family:var(--font-display);font-size:var(--fs-2xl);line-height:var(--lh-2xl);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);color:var(--fg-primary);margin:0}.dmarc-prose{color:var(--fg-body);font-size:var(--fs-md);line-height:var(--lh-lg)}.dmarc-prose>*{max-width:760px}.dmarc-prose p{margin:0 0 var(--sp-4)}.dmarc-prose p:last-child{margin-bottom:0}.dmarc-prose ul,.dmarc-prose ol{margin:0 0 var(--sp-5);padding-left:var(--sp-5)}.dmarc-prose li{margin-bottom:var(--sp-2)}.dmarc-prose code{font-family:var(--font-mono);font-size:.92em;padding:1px 6px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--r-xs);color:var(--fg-primary)}.dmarc-prose-code{display:block;font-family:var(--font-mono);font-size:var(--fs-sm);line-height:var(--lh-md);color:var(--fg-primary);background:var(--card-bg);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-sm);border:1px solid var(--card-border);margin:0 0 var(--sp-5);overflow-x:auto;white-space:pre-wrap;word-break:break-all}.dmarc-steps{list-style:none;padding:0;margin:0 0 var(--sp-5);counter-reset:dmarc-step;display:flex;flex-direction:column;gap:var(--sp-5)}.dmarc-steps>li{counter-increment:dmarc-step;position:relative;padding-left:52px;min-height:36px;margin:0}.dmarc-steps>li:before{content:counter(dmarc-step);position:absolute;left:0;top:0;width:36px;height:36px;display:grid;place-items:center;background:var(--accent-primary-a);color:var(--accent-primary);border-radius:50%;font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:1}.dmarc-steps h3{font-family:var(--font-display);font-size:var(--fs-md);line-height:var(--lh-md);font-weight:var(--fw-semi);color:var(--fg-primary);margin:0 0 var(--sp-2);letter-spacing:var(--ls-tight)}.dmarc-steps p{margin:0;color:var(--fg-body)}.dmarc-steps--compact>li{min-height:auto;padding-top:6px}.dmarc-steps--compact>li:before{width:28px;height:28px;font-size:var(--fs-xs)}.dmarc-steps--compact>li{padding-left:44px}.dmarc-table-wrap{overflow-x:auto;border:1px solid var(--card-border);border-radius:var(--r-card);background:var(--card-bg)}.dmarc-tag-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);line-height:var(--lh-sm)}.dmarc-tag-table th,.dmarc-tag-table td{padding:var(--sp-3) var(--sp-4);text-align:left;vertical-align:top;border-bottom:1px solid var(--card-border)}.dmarc-tag-table thead th{font-size:var(--fs-xxs);font-weight:var(--fw-semi);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--fg-subtle);background:var(--page-bg);border-bottom:1px solid var(--card-border-strong)}.dmarc-tag-table tbody tr:last-child td{border-bottom:none}.dmarc-tag-table tbody tr:hover td{background:var(--card-bg-raised)}.dmarc-tag-table td:first-child{width:80px;white-space:nowrap}.dmarc-tag-table td:nth-child(2){width:200px}.dmarc-tag-table td:nth-child(3){width:90px;color:var(--fg-muted)}.dmarc-tag-table td code{font-family:var(--font-mono);font-size:.95em;padding:1px 6px;background:var(--page-bg);border:1px solid var(--card-border);border-radius:var(--r-xs);color:var(--fg-primary);white-space:nowrap}.dmarc-tag-table td:first-child code{font-weight:var(--fw-semi)}main>section.faq{padding-block:var(--sp-12)}.faq-item summary .faq-q{flex:1 1 auto;min-width:0;color:var(--fg-primary);font-weight:var(--fw-semi);font-size:var(--fs-md);line-height:var(--lh-md)}.faq-item summary code,.faq-item p code{font-family:var(--font-mono);font-size:.92em;padding:1px 6px;background:var(--page-bg);border:1px solid var(--card-border);border-radius:var(--r-xs);color:var(--fg-primary);white-space:nowrap}@media(max-width:760px){.dmarc-info-section,main>section.faq{padding-block:var(--sp-10)}.dmarc-prose{font-size:var(--fs-base);line-height:var(--lh-lg)}.dmarc-tag-table{font-size:var(--fs-xs)}.dmarc-tag-table th,.dmarc-tag-table td{padding:var(--sp-2) var(--sp-3)}.dmarc-tag-table td:first-child,.dmarc-tag-table td:nth-child(2),.dmarc-tag-table td:nth-child(3){width:auto}}