:root { --ink:#173a31; --forest:#2d6b4d; --matcha:#a7cf70; --cream:#fbf1ce; --paper:#fff9e8; --coral:#f07d58; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--cream); font-family:"Courier New",monospace; }
a { color:inherit; } .topbar { min-height:73px; padding:12px clamp(16px,5vw,76px); display:flex; align-items:center; justify-content:space-between; gap:18px; background:var(--paper); border-bottom:4px solid var(--ink); box-shadow:0 4px 0 #e1c875; }.brand { display:inline-flex; align-items:center; gap:9px; color:var(--ink); text-decoration:none; font-size:clamp(15px,2vw,22px); font-weight:900; letter-spacing:-1.5px; }.brand em { color:var(--forest); font-style:normal; }.mark { position:relative; z-index:0; display:inline-block; width:30px; height:25px; }.mark::before { content:""; position:absolute; z-index:1; left:2px; top:3px; width:20px; height:16px; background:linear-gradient(to bottom,#e6f49a 0 27%,#a7cf70 27% 48%,var(--paper) 48%); border:3px solid var(--ink); clip-path:polygon(0 0,100% 0,84% 100%,16% 100%); box-shadow:3px 3px 0 var(--ink); }.mark::after { content:""; position:absolute; z-index:0; right:0; top:8px; width:9px; height:9px; border:3px solid var(--ink); border-left:0; background:#e6f49a; }.back { color:var(--forest); font-size:11px; font-weight:900; text-underline-offset:3px; }
.hero { padding:58px clamp(16px,10vw,180px) 44px; border-bottom:4px solid var(--ink); background-color:var(--paper); background-image:linear-gradient(#e8d982 1px,transparent 1px),linear-gradient(90deg,#e8d982 1px,transparent 1px); background-size:13px 13px; }.eyebrow { margin:0 0 12px; color:#527b50; font-size:10px; font-weight:900; letter-spacing:1.2px; }.hero h1 { max-width:760px; margin:0; font-size:clamp(40px,6vw,72px); line-height:.95; letter-spacing:-5px; text-shadow:3px 3px 0 var(--matcha); }.hero p:not(.eyebrow) { max-width:640px; margin:18px 0 0; color:#49634d; font-size:13px; line-height:1.6; font-weight:700; }
.content { max-width:860px; margin:0 auto; padding:44px clamp(16px,5vw,44px) 76px; }.content section { margin-top:22px; padding:22px; border:3px solid var(--ink); background:var(--paper); box-shadow:5px 5px 0 #98a66e; }.content h2 { margin:0 0 12px; font-size:18px; letter-spacing:-1.4px; }.content p,.content li { color:#405f49; font-size:12px; line-height:1.65; font-weight:700; }.content p { margin:0; }.content p+p { margin-top:12px; }.content ul { margin:12px 0 0; padding-left:20px; }.content li+li { margin-top:7px; }.notice { border-color:var(--coral)!important; background:#fff0d6!important; box-shadow:5px 5px 0 var(--coral)!important; }.notice h2 { color:#a74231; }
footer { padding:29px clamp(16px,5vw,76px); display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; background:var(--paper); color:#557153; font-size:10px; font-weight:700; }.footer-links { display:flex; flex-wrap:wrap; gap:12px; }.footer-links a { color:var(--forest); font-weight:900; text-underline-offset:3px; }
.report-form { display:grid; gap:16px; }.report-form label { display:grid; gap:7px; color:var(--forest); font-size:10px; font-weight:900; letter-spacing:.5px; }.report-form input,.report-form textarea { width:100%; padding:11px; border:2px solid var(--ink); background:#f1f3db; color:var(--ink); font:700 12px "Courier New",monospace; }.report-form textarea { min-height:140px; resize:vertical; }.report-button { justify-self:start; padding:11px 13px; border:3px solid var(--ink); box-shadow:4px 4px 0 var(--ink); background:var(--ink); color:#e6f49a; font:900 11px "Courier New",monospace; }
@media(max-width:550px) { .topbar { min-height:66px; }.hero h1 { letter-spacing:-3px; }.content section { padding:18px; } }