:root{color-scheme:light;--ink:#122b44;--muted:#647486;--line:#dce4e9;--paper:#f3f6f7;--orange:#ed713b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}header{height:66px;background:#10263f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2))}.brand{font-weight:800;color:#fff;text-decoration:none}.brand span{font-weight:500;color:#d6e2e9}button{border:0;border-radius:4px;background:var(--orange);color:white;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer}.quiet{background:transparent;color:#fff;border:1px solid #8295a6}.editor{max-width:1160px;margin:48px auto;padding:0 24px}.eyebrow{font-size:12px;letter-spacing:.13em;color:var(--orange);font-weight:800}.editor h1{font-size:clamp(32px,5vw,48px);line-height:1.1;margin:8px 0 14px}.editor>p:not(.eyebrow){color:var(--muted);max-width:780px}.panel,.login{background:#fff;border:1px solid var(--line);padding:28px;margin:24px 0}.panel h2{margin:0 0 12px;font-size:22px}details{margin:16px 0;color:var(--muted)}summary{cursor:pointer;color:var(--ink);font-weight:700}textarea{width:100%;min-height:580px;resize:vertical;border:1px solid #becbd4;border-radius:4px;padding:16px;background:#fbfcfc;color:#183148;font:13px/1.55 ui-monospace,SFMono-Regular,monospace}label{display:grid;gap:8px;margin:16px 0;font-weight:700}input[type=file]{font:inherit}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.secondary{background:#dce8ef;color:var(--ink)}.publish{background:#10263f}.notice{padding:14px 18px;background:#e7f3f7;border-left:4px solid #347b95}.login{max-width:460px;margin:10vh auto;padding:34px}.login h1{margin:0}.login form{margin-top:28px}.login input:not([type=file]){width:100%;padding:12px;border:1px solid var(--line);font:inherit}.login button{width:100%;margin-top:8px}a{color:#12627d}code{background:#eef2f4;padding:2px 5px}@media(max-width:700px){header{padding:0 18px}.editor{margin:26px auto;padding:0 14px}.panel{padding:18px 14px}textarea{min-height:440px;font-size:12px}.actions button{flex:1 1 100%}}

.editor-toolbar{padding:14px 18px;background:#f3f6f7;border-left:3px solid var(--orange);margin:16px 0}.editor-toolbar p{margin:4px 0}.editor-root{display:grid;gap:12px}.editor-group{border:1px solid var(--line);background:#fff;padding:0 14px}.editor-group>summary{padding:14px 2px;font-size:16px}.editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px 0 16px}.editor-array-rows{display:grid;gap:10px;padding:8px 0}.editor-row{min-width:0;border:1px solid var(--line);background:#fafcfd;padding:12px}.editor-row legend{padding:0 6px;font-size:14px;font-weight:700}.editor-field{display:grid;gap:6px;margin:6px 0 0;font-size:13px;font-weight:700}.editor-field input,.editor-field textarea,.editor-field select{width:100%;min-width:0;border:1px solid #becbd4;border-radius:3px;padding:10px;background:#fff;color:var(--ink);font:14px/1.45 system-ui,sans-serif}.editor-field textarea{resize:vertical}.field-hint{display:block;color:var(--muted);font-size:12px;font-weight:400}.add-row,.remove-row{padding:5px 9px;font-size:12px}.add-row{margin:6px 0 12px;background:#dce8ef;color:var(--ink)}.remove-row{background:#eef0f2;color:#34495d}.confirm-publish{display:flex;align-items:center;gap:8px;font-weight:600}.confirm-publish input{width:18px;height:18px}.editor-root>details{margin:0}@media(max-width:700px){.editor-fields{grid-template-columns:1fr}.editor-row{padding:10px 8px}.editor-toolbar{padding:12px}}

.mail-panel{border-top:3px solid var(--orange)}.mail-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.mail-panel-heading h2{margin-bottom:4px}.mail-panel-heading p:not(.eyebrow){margin:4px 0;color:var(--muted);max-width:700px}.mail-status{flex:none;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700}.mail-status.is-ready{background:#e6f3ec;color:#245a40}.mail-status.is-pending{background:#fff2e8;color:#8e461f}.mail-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.mail-actions a{text-decoration:none}.mail-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:46px}.mail-manage{background:#10263f}.mail-disabled{background:#dce4e9;color:#536579;cursor:not-allowed;display:inline-flex;align-items:center;min-height:46px}.mail-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.mail-help-grid article{min-width:0;border:1px solid var(--line);background:#fafcfd;padding:18px}.mail-help-grid h3{margin:0 0 8px;color:var(--ink)}.mail-help-grid p{margin:8px 0;color:var(--muted)}.mail-link{display:inline-flex;min-height:44px;align-items:center;font-weight:700}.mail-settings{display:grid;gap:10px;margin:14px 0}.mail-settings>div{min-width:0;border-top:1px solid var(--line);padding-top:9px}.mail-settings dt{font-weight:700}.mail-settings dd{margin:4px 0;overflow-wrap:anywhere}.copy-value{display:inline-block;margin:6px 4px 0 0;padding:8px 10px;background:#dce8ef;color:var(--ink);font-size:13px}.mail-footnote{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.mail-panel .notice{margin:14px 0}@media(max-width:700px){.mail-panel-heading{display:block}.mail-status{display:inline-flex;margin-top:8px}.mail-actions{display:grid;grid-template-columns:1fr}.mail-actions .button{width:100%;text-align:center}.mail-help-grid{grid-template-columns:1fr}.mail-help-grid article{padding:15px 12px}.mail-settings dd{line-height:1.8}}

.mail-actions a.button{border-radius:4px;background:var(--orange);color:#fff;padding:12px 18px;font-weight:700}.mail-actions a.button.secondary{background:#dce8ef;color:var(--ink)}.mail-actions a.mail-manage{background:#10263f;color:#fff}.mail-actions .mail-disabled{border-radius:4px;padding:12px 18px;font-weight:700}
.panel input[type=file]{display:block;width:100%;max-width:100%;min-width:0;overflow:hidden}
.panel input[type=file]::file-selector-button{max-width:100%;margin-right:10px}
.undelivered-message{white-space:pre-wrap;overflow-wrap:anywhere;max-height:24rem;overflow:auto;padding:1rem;background:#f3f6f8;color:#17283b;border:1px solid #d7e0e6;border-radius:.5rem;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}
