:root { --blue:#1a6af4; --blue-dark:#1553c9; --red:#e31e24; --text:#232323; --muted:#6b7280;
        --line:#e6e9ef; --bg:#f8f9fa; --radius:8px; }
* { box-sizing:border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
       color:var(--text); background:var(--bg); line-height:1.6; }
header.top { background:#fff; border-bottom:1px solid var(--line); padding:18px 32px; position:sticky; top:0; z-index:10;
             display:flex; align-items:center; gap:16px; }
header.top .brand { font-weight:800; font-size:18px; }
header.top .brand span { color:var(--blue); }
header.top nav { margin-left:auto; display:flex; gap:18px; font-size:14px; }
header.top nav a { color:var(--muted); text-decoration:none; }
header.top nav a:hover { color:var(--blue); }
.wrap { max-width:1180px; margin:0 auto; padding:32px; }
h1 { font-size:32px; margin:0 0 8px; }
h2 { font-size:22px; margin:36px 0 12px; }
.lead { font-size:17px; color:#3b4252; max-width:820px; }
.where { display:inline-block; margin:14px 0 6px; padding:8px 14px; background:#e7f0fe; color:var(--blue-dark);
         border-radius:var(--radius); font-weight:600; font-size:14px; }
.shot { margin:22px 0 10px; }
.shot img { width:100%; border:1px solid var(--line); border-radius:var(--radius); display:block; }
.shot .cap { font-size:14px; color:var(--muted); margin-top:8px; }
ol.fields { list-style:none; padding:0; margin:18px 0 0; counter-reset:none; }
ol.fields li { display:flex; gap:14px; padding:14px 0; border-bottom:1px solid var(--line); }
ol.fields li:last-child { border-bottom:none; }
.num { flex:0 0 30px; height:30px; border-radius:50%; background:var(--red); color:#fff; font-weight:700;
       display:flex; align-items:center; justify-content:center; font-size:15px; }
.fname { font-weight:700; }
.fdesc { color:#3b4252; }
.actions { background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:6px 22px; margin-top:14px; }
.actions div { padding:14px 0; border-bottom:1px solid var(--line); }
.actions div:last-child { border-bottom:none; }
.actions b { display:block; }
.note { background:#fff8e6; border-left:4px solid #f2b202; padding:14px 18px; border-radius:0 var(--radius) var(--radius) 0; margin:20px 0; }
.cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:16px; margin-top:20px; }
.card { background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:20px; text-decoration:none; color:inherit; display:block; }
.card:hover { border-color:var(--blue); box-shadow:0 4px 16px rgba(26,106,244,.12); }
.card .ic { font-size:26px; }
.card .t { font-weight:700; margin:8px 0 4px; }
.card .d { font-size:13.5px; color:var(--muted); }
footer { color:var(--muted); font-size:13px; padding:30px 32px; text-align:center; }
a.back { color:var(--blue); text-decoration:none; font-size:14px; }