/* Odd Job Software: one readable column, dark tape-yellow header band, plain document sections */
:root{
  --bg:#f3f4f5; --surface:#ffffff; --ink:#1a1e23; --muted:#57616b; --line:#d5dade;
  --band:#1a1e23; --band-ink:#f3f4f5; --tape:#f2b705; --tape-ink:#1a1e23; --link:#2f5f9e;
  --display:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  --body:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){ :root{
  --bg:#15181b; --surface:#1e2226; --ink:#e8ebee; --muted:#9aa4ae; --line:#343a41;
  --band:#0e1013; --band-ink:#e8ebee; --link:#8fb4ea; color-scheme:dark }}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}
a{color:var(--link)}
a:focus-visible,button:focus-visible{outline:2px solid var(--tape);outline-offset:2px}
.band{background:var(--band);color:var(--band-ink);padding:40px 16px 32px}
.band-inner,.main{max-width:720px;margin:0 auto}
.mark{display:inline-block;background:var(--tape);color:var(--tape-ink);font-family:var(--display);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;padding:3px 9px 1px;border-radius:2px;text-decoration:none}
h1{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,7vw,3.2rem);line-height:1;margin:14px 0 10px;text-transform:uppercase;letter-spacing:.01em;text-wrap:balance}
.band p{margin:0;opacity:.85;max-width:60ch}
nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font-weight:600}
nav a{color:var(--tape);text-decoration:none}
nav a:hover{text-decoration:underline}
.main{padding:32px 16px 56px;display:flex;flex-direction:column;gap:40px}
section{display:flex;flex-direction:column;gap:14px;scroll-margin-top:16px}
h2{font-family:var(--display);font-weight:700;font-size:1.7rem;text-transform:uppercase;letter-spacing:.03em;margin:0;line-height:1.1}
h3{font-size:1.05rem;font-weight:600;margin:0}
p{margin:0;max-width:65ch}
.card{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:18px;display:flex;flex-direction:column;gap:10px}
.app{display:flex;gap:16px;align-items:flex-start}
.app img{width:64px;height:64px;border-radius:14px;flex:none}
.app div{display:flex;flex-direction:column;gap:6px;min-width:0}
.links{display:flex;flex-wrap:wrap;gap:6px 16px;font-weight:600}
.email-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.email{font-weight:600;font-size:1.1rem;user-select:all;word-break:break-all}
button{font:inherit;font-weight:600;font-size:.9rem;border:1px solid var(--line);background:transparent;color:var(--ink);padding:6px 12px;border-radius:4px;cursor:pointer}
.faq{display:flex;flex-direction:column;gap:18px}
.faq div{display:flex;flex-direction:column;gap:4px;padding-top:16px;border-top:1px solid var(--line)}
.meta{color:var(--muted);font-size:.9rem}
footer{color:var(--muted);font-size:.85rem;border-top:1px solid var(--line);padding-top:16px;display:flex;flex-wrap:wrap;gap:6px 16px}
footer a{color:var(--muted)}