:root{color-scheme:light dark;--cc-bg: #f4f7fb;--cc-surface: #ffffff;--cc-soft: #eef6f6;--cc-text: #172033;--cc-muted: #5d687b;--cc-border: #d5e2ea;--cc-primary: #0f766e;--cc-primary-strong: #115e59;--cc-on-primary: #ffffff;--cc-ok: #047857;--cc-warn: #b45309;--cc-bad: #b91c1c;--cc-info: #0369a1;--cc-mark-ok: #ecfdf5;--cc-mark-warn: #fffbeb;--cc-mark-bad: #fef2f2;--cc-mark-info: #f0f9ff;--cc-shadow: 0 12px 32px rgba(15, 60, 70, .08)}*{box-sizing:border-box}body{margin:0;background:var(--cc-bg);color:var(--cc-text);font-family:Noto Sans JP,system-ui,sans-serif;line-height:1.7}.cc-page{max-width:880px;margin:0 auto;padding:0 1rem 4rem}.cc-hero{margin:0 -1rem 1.25rem;padding:2.4rem 1.25rem 1.8rem;background:linear-gradient(135deg,#115e59,#0f766e 58%,#0e7490);color:#f8fffe}.cc-hero h1{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.25}.cc-eyebrow{margin:0 0 .4rem;font-size:.82rem;font-weight:700;letter-spacing:.08em}.cc-hero p{margin:.7rem 0 0}.cc-hero a{color:#fff}.cc-hero__note{color:#d8f5f2;font-size:.92rem}.cc-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.cc-tab,.cc-button,.cc-suggestion button,.cc-record button{font:inherit;cursor:pointer}.cc-tab{border:1px solid var(--cc-border);background:var(--cc-surface);color:var(--cc-text);border-radius:999px;padding:.4rem .9rem}.cc-tab--active{background:var(--cc-primary);border-color:var(--cc-primary);color:var(--cc-on-primary)}.cc-label{display:block;margin:.8rem 0 .35rem;font-weight:700}textarea,input{width:100%;border:1px solid var(--cc-border);background:var(--cc-surface);color:var(--cc-text);border-radius:12px;padding:.75rem .85rem;font:inherit}.cc-page textarea,.cc-page input:not([type=checkbox]){width:100%;margin:.25rem 0 .15rem;padding:.85rem 1rem;border:1px solid var(--cc-border);background:var(--cc-surface);color:var(--cc-text);border-radius:12px;font:inherit}textarea:focus,input:focus,.cc-tab:focus-visible,.cc-button:focus-visible{outline:3px solid #99f6e4;outline-offset:2px}.cc-placeholder,.cc-note,.cc-privacy,.cc-progress{color:var(--cc-muted)}.cc-privacy{margin:.4rem 0 0;padding:.75rem .9rem;border-radius:12px;background:var(--cc-soft);color:var(--cc-text);font-weight:700}.cc-results{display:grid;gap:.8rem;margin-top:.9rem}.cc-result,.cc-block,.cc-record{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:16px;box-shadow:var(--cc-shadow);padding:.95rem 1rem}.cc-result--bad{border-color:#fecaca}.cc-result--warn{border-color:#fde68a}.cc-result--ok{border-color:#a7f3d0}.cc-result--info{border-color:#bae6fd}.cc-level{margin:0 0 .4rem;font-weight:800}.cc-level--ok{color:var(--cc-ok)}.cc-level--warn{color:var(--cc-warn)}.cc-level--bad{color:var(--cc-bad)}.cc-level--info{color:var(--cc-info)}.cc-result__index{margin:0;color:var(--cc-muted);font-size:.88rem}.cc-marked{margin:.3rem 0;padding:.55rem .7rem;border-radius:10px;background:var(--cc-soft);overflow-wrap:anywhere;white-space:pre-wrap}.cc-mark{border-radius:.2em;padding:0 .12em}.cc-mark--bad{background:var(--cc-mark-bad)}.cc-mark--warn{background:var(--cc-mark-warn)}.cc-mark--info{background:var(--cc-mark-info)}.cc-result ul,.cc-checks{margin:.4rem 0 0;padding-left:1.2rem}.cc-suggestion{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.cc-suggestion code,.cc-record code,.cc-spf-record{display:block;overflow-wrap:anywhere;margin:.35rem 0}.cc-mail{display:grid;gap:.9rem;margin-top:1.2rem}.cc-block h2,.cc-block h3{margin:0 0 .4rem;font-size:1.15rem}.cc-block h2 .cc-label{margin:0;font-size:inherit}.cc-engine{margin:0;font-weight:700}.cc-checks{list-style:none;padding-left:0}.cc-checks label{display:flex;gap:.5rem;align-items:flex-start}.cc-checks input{width:auto;margin-top:.35rem}.cc-actions,.cc-domain-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}.cc-domain-row input{flex:1 1 16rem}.cc-dns-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.85rem}.cc-dns-pane{display:flex;flex-direction:column;min-width:0;padding:.85rem .9rem 1rem;border-radius:12px;background:var(--cc-soft)}.cc-dns-pane h3{margin:0;font-size:1rem}.cc-dns-pane .cc-actions{margin-top:auto;padding-top:.7rem}.cc-dns-pane .cc-result,.cc-dns-pane .cc-record{margin-top:.75rem}.cc-setup{margin-top:.95rem;padding-top:.85rem;border-top:1px solid var(--cc-border)}.cc-setup h3,.cc-setup h4{margin:.85rem 0 .3rem;font-size:1rem}.cc-setup h3{margin-top:0}.cc-setup code{display:block;overflow-wrap:anywhere;margin:.35rem 0}.cc-setup dl{margin:.45rem 0 0}.cc-setup dt{font-weight:700}.cc-setup dd{margin:0 0 .4rem}.cc-setup button{margin-top:.45rem;border:1px solid var(--cc-border);background:var(--cc-surface);color:var(--cc-text);border-radius:999px;padding:.25rem .7rem;font:inherit;cursor:pointer}.cc-dns-dkim{margin-top:.9rem;padding-top:.15rem;border-top:1px solid var(--cc-border)}@media(max-width:720px){.cc-dns-grid{grid-template-columns:1fr}}.cc-button{border:0;border-radius:999px;padding:.55rem 1rem;background:var(--cc-primary);color:var(--cc-on-primary);font-weight:700}.cc-button:disabled{opacity:.55;cursor:not-allowed}.cc-button--ghost{background:transparent;color:var(--cc-primary-strong);border:1px solid var(--cc-primary)}.cc-download,.cc-guidance article{margin-top:.7rem;padding:.75rem .85rem;border-radius:12px;background:var(--cc-soft)}.cc-guidance h3{margin:0 0 .25rem;font-size:1rem}.cc-guidance p,.cc-download p{margin:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;vertical-align:top;padding:.35rem .4rem .35rem 0}th{white-space:nowrap;width:7.5rem}.cc-chips{display:flex;flex-wrap:wrap;gap:.35rem;padding-left:0;list-style:none}.cc-chips li{border:1px solid var(--cc-border);border-radius:999px;padding:.1rem .55rem;font-family:ui-monospace,monospace;font-size:.86rem}.cc-record button,.cc-suggestion button{border:1px solid var(--cc-border);background:var(--cc-surface);color:var(--cc-text);border-radius:999px;padding:.25rem .7rem}@media(prefers-color-scheme:dark){:root{--cc-bg: #0f1724;--cc-surface: #182233;--cc-soft: #203044;--cc-text: #eef4fb;--cc-muted: #b8c4d4;--cc-border: #35455b;--cc-primary: #2dd4bf;--cc-primary-strong: #5eead4;--cc-on-primary: #042f2e;--cc-ok: #6ee7b7;--cc-warn: #fcd34d;--cc-bad: #fca5a5;--cc-info: #7dd3fc;--cc-mark-ok: rgba(16, 185, 129, .18);--cc-mark-warn: rgba(245, 158, 11, .18);--cc-mark-bad: rgba(248, 113, 113, .18);--cc-mark-info: rgba(56, 189, 248, .18);--cc-shadow: 0 12px 32px rgba(0, 0, 0, .28)}}