/* Senior-friendly website scanner page (/senior-check/). The page practices what
   it checks: 18px text, high contrast, and 44px tap targets. */
body { font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 18px; line-height: 1.55; color: #1a1a1a; }
.sc-logo { height: 48px; width: auto; display: block; }
.sc { max-width: 44rem; margin: 0 auto; }
h2 { font-size: 1.25rem; font-weight: 600; }

.card { border: 1px solid rgba(0,0,0,.15); border-radius: 8px; background: #fff; margin: 0 0 1rem; padding: 1.25rem; }
label { display: block; font-weight: 600; margin-top: .75rem; }
#url {
    display: block; width: 100%; box-sizing: border-box; margin-top: .35rem; min-height: 48px;
    font: inherit; padding: .5rem .75rem; border: 2px solid #555; border-radius: 6px; background: #fff; color: #1a1a1a;
}
.btn { font: inherit; font-weight: 600; min-height: 48px; margin-top: 1rem; padding: .5rem 1.25rem; border-radius: 6px;
       border: 2px solid #203864; background: #203864; color: #fff; cursor: pointer; }
.btn:disabled { opacity: .7; cursor: wait; }
.btn:focus-visible, #url:focus-visible, a:focus-visible { outline: 3px solid #f2a900; outline-offset: 2px; }
a { color: #203864; }
.status { margin: .75rem 0 0; }
.status:empty { display: none; }

.checks { list-style: none; padding: 0; margin: 0; }
.check { padding: 1rem 0; border-top: 1px solid #ddd; }
.check h3 { font-size: 1.1rem; font-weight: 600; margin: 0 0 .35rem; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.check p { margin: .35rem 0; }
.check .examples { margin: .35rem 0; padding-left: 1.25rem; font-size: 1rem; color: #333; }
.tag { display: inline-block; font-size: .9rem; font-weight: 600; padding: .1rem .6rem; border-radius: 999px; white-space: nowrap; }
.tag-pass { background: #e3f4e8; color: #0f5a25; }
.tag-warn { background: #fff4d6; color: #6b4600; }
.tag-fail { background: #fde8e6; color: #9b1c12; }
.tag-unknown { background: #eceff3; color: #333; }

.cta { border: 2px solid #203864; }
.cta a { display: inline-block; padding: .4rem 0; }
.notes li { margin: .5rem 0; }