:root{--navy:#102a43;--blue:#1769aa;--teal:#18a6a6;--ink:#1d2d3e;--muted:#65778b;--line:#e1e8ef;--bg:#f4f7fb;--white:#fff;--shadow:0 12px 36px rgba(20,48,78,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.topbar{min-height:78px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px max(22px,calc((100% - 1160px)/2));gap:20px}.brand{display:flex;gap:12px;align-items:center;color:var(--navy)}.brand:hover{text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#1769aa,#18a6a6);display:grid;place-items:center;color:white;font-size:22px;font-weight:800;box-shadow:0 7px 16px #1769aa35}.brand-mark span{color:#a7fff2}.brand strong{display:block;font-size:19px;letter-spacing:-.5px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.4px}.nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:650}.nav a{color:#40556b}.nav .nav-pill{border:1px solid #d6e4ef;padding:9px 14px;border-radius:10px}.site-main{max-width:1160px;min-height:62vh;margin:0 auto;padding:30px 22px 70px}.hero{border-radius:24px;padding:42px clamp(22px,5vw,58px);color:white;background:radial-gradient(circle at 88% 10%,#2cb8b2 0,transparent 30%),linear-gradient(125deg,#102a43,#14588a 72%,#167c92);position:relative;overflow:hidden;box-shadow:var(--shadow)}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:800;color:#9af1e8}.hero h1{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-1.5px;max-width:720px;margin:12px 0}.hero p{max-width:620px;color:#d5e7f3;margin:0 0 24px}.search-panel{background:#fff;padding:14px;border-radius:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:820px;box-shadow:0 10px 30px #081f3630}.field{width:100%;border:1px solid #d9e2ec;background:#fff;border-radius:10px;padding:12px 13px;font:inherit;color:var(--ink);outline:none}.field:focus{border-color:#4c9cce;box-shadow:0 0 0 3px #1769aa18}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:12px 17px;background:var(--blue);color:#fff;font:inherit;font-weight:750;cursor:pointer}.btn:hover{background:#0e568f;text-decoration:none}.btn-light{background:#edf5fb;color:#155e92}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}.filters .field{max-width:220px;background:#ffffffee}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:30px 0 16px}.section-head h2{margin:0;font-size:23px;letter-spacing:-.5px}.muted{color:var(--muted);font-size:14px}.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 3px 14px #102a4305;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.card h3{margin:10px 0 8px;font-size:19px;line-height:1.35;letter-spacing:-.25px}.card p{margin:0 0 14px;color:#586b7d;font-size:14px}.tag{display:inline-flex;background:#e9f7f5;color:#087e79;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.meta{font-size:12px;color:#728297;display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.card-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f5;padding-top:13px;font-size:13px;font-weight:700}.empty,.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:28px}.detail{max-width:850px;margin:0 auto;background:white;border:1px solid var(--line);border-radius:20px;padding:clamp(22px,5vw,48px)}.detail h1{font-size:clamp(27px,4vw,40px);line-height:1.2;letter-spacing:-1px}.detail-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.source-box{background:#f4f8fb;border:1px solid var(--line);padding:16px;border-radius:12px;margin:20px 0}.footer{border-top:1px solid var(--line);background:#fff}.footer-inner{max-width:1160px;margin:auto;padding:25px 22px;display:flex;justify-content:space-between;gap:25px}.footer-inner p{margin:5px 0;color:var(--muted);font-size:12px}.footer-note{max-width:550px}.alert{padding:12px 15px;border-radius:10px;margin-bottom:16px;background:#e7f7ed;color:#17683b}.alert.error{background:#fff0ef;color:#a12d27}.form-wrap{max-width:520px;margin:30px auto}.form-wrap h1{letter-spacing:-.8px}.form-grid{display:grid;gap:14px}.form-grid label{display:grid;gap:6px;font-size:13px;font-weight:750}.form-grid textarea{min-height:130px;resize:vertical}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid #edf1f5;font-size:13px;vertical-align:top}th{background:#f7fafc;color:#53677a;font-size:11px;text-transform:uppercase;letter-spacing:.6px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form{display:inline}.btn-small{padding:7px 10px;font-size:12px}.danger{background:#b93838}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.stat{background:white;border:1px solid var(--line);padding:20px;border-radius:14px}.stat strong{display:block;font-size:28px;color:var(--navy)}.stat span{font-size:12px;color:var(--muted)}.checkline{display:flex!important;align-items:center;gap:9px}.checkline input{width:auto}@media(max-width:700px){.topbar{padding:12px 16px;align-items:flex-start}.nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.brand small{display:none}.site-main{padding:20px 14px 45px}.hero{padding:30px 18px;border-radius:18px}.search-panel{grid-template-columns:1fr}.filters .field{max-width:none;flex:1 1 140px}.results{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.footer-inner{flex-direction:column}.stats{grid-template-columns:1fr}.admin-head{align-items:flex-start;flex-direction:column}}

/* Guideline image gallery */
.guideline-gallery{margin:28px 0}
.guideline-gallery h2{margin-bottom:8px}
.guideline-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.guideline-image-card{margin:0;min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(16,42,67,.06)}
.guideline-image-card a{display:block;background:#f4f7fb}
.guideline-image-card img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}
.guideline-image-card figcaption{padding:12px 14px;font-size:13px;font-weight:700;color:var(--navy);overflow-wrap:anywhere}
@media(max-width:700px){.guideline-gallery-grid{grid-template-columns:1fr}.guideline-image-card img{max-height:none}}