/* Extra styles for /website-gap-report only. Loaded after style.css. External file because the site CSP is style-src 'self' (no inline styles). */
.field select{width:100%;font:inherit;font-size:1rem;color:var(--on-dark);background:var(--night);border:1px solid #4C6E61;border-radius:0;padding:13px 14px;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--volt) 50%),linear-gradient(135deg,var(--volt) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.field select:focus{border-color:var(--volt)}
.field input[type=url]{width:100%;font:inherit;font-size:1rem;color:var(--on-dark);background:var(--night);border:1px solid #4C6E61;border-radius:0;padding:13px 14px}
.field input[type=url]:focus{border-color:var(--volt)}
.field input[type=url]::placeholder{color:#8EA699}
.consent{display:flex;gap:12px;align-items:flex-start;margin:0 0 20px;font-size:.93rem;color:var(--on-dark)}
.consent input{width:18px;height:18px;margin-top:3px;accent-color:var(--volt);flex:none}
.consent label{font-weight:500}
.gr-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0;border-top:1.5px solid var(--ink);border-left:1.5px solid var(--ink);margin:0;padding:0;list-style:none;counter-reset:gr}
.gr-checks li{border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);padding:22px 22px 20px;background:var(--paper)}
.gr-checks .ck-n{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.08em;color:var(--green);display:block;margin-bottom:8px}
.gr-checks h3{font-size:1.15rem;margin:0 0 .4em}
.gr-checks p{margin:0;color:var(--muted);font-size:.96rem}
.gr-get{columns:2 320px;column-gap:40px;padding-left:1.2em}
.gr-get li{margin:.4em 0;break-inside:avoid}
.gr-get li::marker{color:var(--green)}