/* MarketAIgents Free Site Check: light theme only, the site's colours, system fonts (no outside requests) */
:root { --navy:#0B1A3C; --blue:#0B62D6; --orange:#FF8A2B; --ink:#2E3A52; --soft:#55607A; --line:#D8DEEA; --bg:#F5F7FB; --card:#FFFFFF; --bad:#B42318; --good:#0A7A3A; }
* { box-sizing:border-box; }
html { background:var(--bg); }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.55 -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.top { background:#fff; border-bottom:1px solid var(--line); padding:12px 16px; }
.top img { display:block; height:auto; max-width:190px; }
main { max-width:680px; margin:0 auto; padding:24px 16px 40px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:24px 20px; box-shadow:0 2px 10px rgba(11,26,60,.05); }
.card.wide { max-width:none; }
main:has(.card.wide) { max-width:1000px; }
h1 { color:var(--navy); font-size:1.6rem; line-height:1.25; margin:0 0 10px; }
h2 { color:var(--navy); font-size:1.15rem; margin:22px 0 8px; }
.eyebrow { display:inline-block; background:#E7F0FD; color:var(--blue); font-weight:700; font-size:.85rem; padding:3px 10px; border-radius:999px; margin:0 0 10px; }
a { color:var(--blue); }
label { display:block; font-weight:600; color:var(--navy); margin:16px 0 6px; }
label small, legend small { font-weight:400; color:var(--soft); }
input, select, textarea { width:100%; font:inherit; color:var(--ink); background:#fff; border:2px solid var(--line); border-radius:8px; padding:10px 12px; min-height:48px; }
textarea { min-height:auto; resize:vertical; }
input:focus, select:focus, textarea:focus { outline:3px solid #FFC58F; border-color:var(--orange); }
fieldset { border:1px solid var(--line); border-radius:10px; padding:4px 14px 14px; margin:18px 0 0; }
legend { font-weight:700; color:var(--navy); padding:0 6px; }
.pair { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
.tick { display:flex; gap:10px; align-items:flex-start; font-weight:400; color:var(--ink); }
.tick input { width:22px; min-height:22px; height:22px; margin-top:2px; flex:none; accent-color:var(--blue); }
button { display:inline-block; margin-top:20px; background:var(--orange); color:var(--navy); font:inherit; font-weight:700; border:0; border-radius:10px; padding:12px 22px; min-height:48px; cursor:pointer; }
button:hover, button:focus-visible { background:#FF9D4D; box-shadow:0 4px 12px rgba(255,138,43,.35); outline:3px solid var(--navy); outline-offset:2px; }
.note { color:var(--soft); font-size:.92rem; }
.errors { background:#FDECEA; border:1px solid #F3B4AE; color:var(--bad); border-radius:10px; padding:10px 14px; margin:14px 0; }
.errors p { margin:0 0 4px; font-weight:700; } .errors ul { margin:0; padding-left:20px; }
.ok { background:#E6F4EC; border:1px solid #A9D8BC; color:var(--good); border-radius:10px; padding:10px 14px; margin:14px 0; font-weight:600; }
.hp { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
footer { text-align:center; color:var(--soft); font-size:.9rem; padding:0 16px 30px; }
table { width:100%; border-collapse:collapse; margin:12px 0; }
th, td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); vertical-align:top; overflow-wrap:anywhere; }
thead th { background:#EEF2F8; color:var(--navy); }
.kv th { width:34%; color:var(--navy); }
tr.new td { background:#FFF4EA; }
.warn { color:var(--bad); font-weight:700; font-size:.85rem; }
.acts { display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end; }
form.inline { display:flex; flex-wrap:wrap; gap:8px; align-items:flex-end; }
form.inline label { margin:0 0 4px; width:100%; }
form.inline input { width:auto; flex:1 1 260px; }
.hist { color:var(--soft); font-size:.92rem; }
details { margin-top:22px; } summary { cursor:pointer; font-weight:700; color:var(--navy); }
@media (max-width:520px) { .pair { grid-template-columns:1fr; } .list th:nth-child(3), .list td:nth-child(3) { display:none; } h1 { font-size:1.35rem; } }
/* inside the Free Site Check page (index.php?embed=1): the page gives the heading; the form sits on it plainly */
body.embed, html:has(body.embed) { background:transparent; }
body.embed main { max-width:none; padding:2px 2px 8px; }
body.embed .card { box-shadow:none; }