/* contractcheating.com — minimal accessible styles, UK English */
:root{
  --bg: #f8fafc;           /* paper */
  --text: #0f172a;         /* ink */
  --muted: #475569;
  --accent: #1e40af;       /* deep blue */
  --tint: #eef2ff;
  --card: #ffffff;
  --border: #e2e8f0;
  --focus: #1e40af;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}

.container{max-width:960px;margin:0 auto;padding:1.25rem}
.header{display:flex;justify-content:space-between;align-items:center;padding:0.25rem 0}
.brand{font-weight:700;letter-spacing:0.2px}
.brand a{color:var(--text);text-decoration:none}
.nav a{margin-left:1rem}

.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{position:fixed;left:1rem;top:1rem;width:auto;height:auto;background:var(--tint);padding:0.5rem 0.75rem;border-radius:0.5rem;outline:2px solid var(--focus)}

.hero{background:var(--card);border:1px solid var(--border);padding:2rem;border-radius:1rem;margin-top:1rem;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.hero h1{margin-top:0;font-size:clamp(1.8rem, 3.2vw, 2.6rem);line-height:1.2}
.hero p.lead{color:var(--muted);font-size:1.1rem;margin-top:0.5rem}

.grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.25rem}
@media (min-width: 800px){
  .grid{grid-template-columns:1.1fr 0.9fr}
}

.card{background:var(--card);border:1px solid var(--border);border-radius:0.875rem;padding:1rem}
.card h3{margin-top:0}
.tldr{border-left:4px solid var(--accent);background:var(--tint)}

.section{margin-top:1.5rem}
.section h2{font-size:1.4rem;margin:0 0 0.5rem}

.kicker{font-size:0.9rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em}

.btn{display:inline-block;background:var(--accent);color:#fff;padding:0.75rem 1rem;border-radius:0.66rem;border:1px solid var(--accent);font-weight:600;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.btn:hover{text-decoration:none;filter:brightness(1.05)}

.cta{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1rem}
.cta p{margin:0;color:var(--muted)}
.cta .btn{margin-left:auto}

details{background:var(--card);border:1px solid var(--border);border-radius:0.75rem;padding:0.75rem}
details+details{margin-top:0.5rem}
summary{cursor:pointer;font-weight:600}
summary:focus{outline:2px solid var(--focus);outline-offset:4px}

footer{margin:3rem 0 1rem;color:var(--muted);font-size:0.925rem}

code.inline{background:var(--tint);padding:0.1rem 0.3rem;border-radius:0.3rem;border:1px solid var(--border)}

@media print{
  .cta .btn{display:none}
  a[href^="http"]::after{content:" (" attr(href) ")"; font-size:0.85em}
}
