/*
File: style.css
Version: v0.3.0
Date: 2026-07-08
Project: Know Us
Author: OpenAI + Martin Rowe
Purpose: Basic site styling.
*/
body{margin:0;font-family:Arial,sans-serif;background:#f4f4f4;color:#111}
header{background:#111;color:#ff8c00;padding:16px;text-align:center}
.brand{font-size:28px;font-weight:bold;margin-bottom:10px}
nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
nav a{background:#222;color:#ff8c00;padding:8px 10px;border-radius:6px;text-decoration:none}
main{max-width:760px;margin:20px auto;background:#fff;padding:18px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.10)}
input,select,button{width:100%;box-sizing:border-box;padding:12px;font-size:16px;margin:8px 0 14px}
.button,button{display:block;text-align:center;background:#111;color:#ff8c00;padding:12px;border-radius:8px;text-decoration:none;font-weight:bold;border:0;cursor:pointer}
.secondary{background:#eee;color:#111}
.danger-button{background:#8b0000;color:#fff}
.notice{border-left:5px solid #ff8c00;background:#fff8ef;padding:12px;margin:12px 0;border-radius:8px}
.error{border-left:5px solid #8b0000;background:#ffecec;padding:12px;margin:12px 0;border-radius:8px}
.card{border:1px solid #ddd;background:#fafafa;padding:12px;margin:12px 0;border-radius:10px}
.small{font-size:13px;color:#555}