:root{--pink:#D60270;--purple:#9B4F96;--blue:#0038A8;--bg:#faf7fb}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:#222}
.flag{display:flex;height:8px}.flag i:nth-child(1){flex:2;background:var(--pink)}.flag i:nth-child(2){flex:1;background:var(--purple)}.flag i:nth-child(3){flex:2;background:var(--blue)}
.bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;box-shadow:0 1px 4px #0001}
.brand{font-size:1.3em;text-decoration:none;color:var(--purple);font-weight:600}.brand b{color:var(--pink)}
nav a{margin:0 8px;color:var(--blue);text-decoration:none;font-weight:500}nav a.on{color:var(--pink);border-bottom:2px solid var(--pink)}
main{max-width:1000px;margin:auto;padding:16px}h1{color:var(--purple);font-size:1.5em}
.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0001;margin-bottom:14px}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}label{display:block;margin:6px 0;font-weight:500}
input,select,textarea{padding:8px;border:1px solid #ccc;border-radius:8px;font:inherit;width:100%}.row input{width:auto;flex:1}
.row label{display:flex;gap:6px;align-items:center}.row label input,.row label select{width:auto}
button{background:linear-gradient(90deg,var(--pink),var(--purple));color:#fff;border:0;border-radius:8px;padding:9px 16px;font-weight:600;cursor:pointer}button.alt{background:var(--blue)}button.ghost{background:#eee;color:#333}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{padding:5px 11px;border-radius:20px;border:1px solid var(--purple);cursor:pointer;font-size:.9em;user-select:none}.chip.on{background:var(--purple);color:#fff}
.act{border-left:6px solid var(--purple)}.act h3{margin:0 0 4px}.meta{color:#555;font-size:.92em}.tag{display:inline-block;background:#f1e6f3;color:var(--purple);border-radius:6px;padding:2px 8px;font-size:.8em;margin-right:4px}
.sample{background:#fff3cd;color:#7a5b00}.full{color:var(--pink);font-weight:600}
#mapbox{height:520px;border-radius:12px}#pickmap{height:260px;border-radius:8px;margin:6px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.grid .card{margin:0;border-top:5px solid var(--blue)}
.msg{margin-top:8px;color:var(--pink)}footer{text-align:center;padding:24px;color:#555}footer a{color:var(--pink)}
main>section{display:none}main>section.show{display:block}
@media(max-width:600px){nav{width:100%;margin-top:6px}nav a{margin:0 6px 0 0}#mapbox{height:400px}}
#cats{display:flex;flex-wrap:wrap;gap:6px}.grp summary{list-style:none;cursor:pointer}.grp[open]{flex-basis:100%}.grp .chips{margin:6px 0 8px 14px}.gchip{font-weight:600;border-color:var(--blue)}.gchip.on{background:var(--blue);color:#fff}.gchip.part{background:#dfe6f7}
.rbadge{display:inline-block;color:#fff;border-radius:6px;padding:2px 8px;font-size:.8em;font-weight:600;text-decoration:none;margin-right:4px}.rchip{border-color:var(--rc)}.rchip.on{background:var(--rc);color:#fff}#v-ratings .card p{margin:0;line-height:1.5}

/* ---- Bi flag theme ---- */
.flag{height:10px}
.bar{background:linear-gradient(90deg,#D60270 0 40%,#9B4F96 40% 60%,#0038A8 60% 100%);color:#fff;box-shadow:0 2px 8px #0003}
.bar .brand,.bar .brand b,nav a,#who,#who a{color:#fff}
.brand b{text-decoration:underline;text-decoration-color:#fff8}
nav a{padding:4px 8px;border-radius:6px}nav a.on{background:#9B4F96;color:#fff;border:0;box-shadow:inset 0 0 0 2px #fff}
nav a:hover{background:#ffffff26}
a{color:#0038A8}h1{color:#9B4F96}
button{background:#D60270}button:hover{background:#b0025c}button.alt{background:#0038A8}button.ghost{background:#fff;color:#0038A8;box-shadow:inset 0 0 0 2px #0038A8}
:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #9B4F96;outline-offset:2px}
.chip{border-color:#9B4F96;color:#4a2547;background:#fff}.chip.on{background:#9B4F96;color:#fff}
.gchip{border-color:#0038A8;color:#0038A8}.gchip.on{background:#9B4F96;border-color:#9B4F96;color:#fff}.gchip.part{background:#efe3ee}
.rchip{color:#333}.rchip.on{background:var(--rc);border-color:var(--rc);color:#fff}
.act{border-left:6px solid #9B4F96}.tag{background:#f3e8f2;color:#6d2f69}.grid .card{border-top:5px solid #0038A8}
footer{padding:0;background:#fff;margin-top:20px}footer .fin{padding:20px}footer a{color:#D60270;font-weight:600}
nav a{white-space:nowrap}@media(max-width:600px){.bar{background:linear-gradient(135deg,#D60270,#9B4F96 55%,#0038A8)}}
@media(max-width:600px){nav{display:flex;flex-wrap:wrap;gap:4px 2px}nav a{padding:3px 6px;font-size:.95em}#who{flex-basis:100%;font-size:.9em}}
h2.sec{color:#D60270;border-bottom:3px solid #9B4F96;padding-bottom:4px;margin-top:28px}h3.sub{color:#0038A8;margin:18px 0 8px}#natorgs .grid .card{border-top-color:#D60270}
.hero{background:linear-gradient(90deg,#D60270 0 40%,#9B4F96 40% 60%,#0038A8 60% 100%);color:#fff;border-radius:12px;padding:18px 20px;margin:12px 0}.hero h1{color:#fff;margin:0 0 6px}.hero p{margin:0;line-height:1.5}
.crisis{border:3px solid #D60270;background:#fff0f6;border-radius:12px;padding:14px 18px;margin-bottom:16px}.crisis h2{color:#D60270;margin:0 0 8px}.crisis li{margin:6px 0;line-height:1.45}.crisis a{color:#0038A8;font-weight:600}
.rsec h2{color:#9B4F96;margin-top:0;border-bottom:3px solid;border-image:linear-gradient(90deg,#D60270 40%,#9B4F96 40% 60%,#0038A8 60%) 1;padding-bottom:4px}.rlist{padding-left:18px}.rlist li{margin:7px 0;line-height:1.45}
.act h3 a,.act h1{color:inherit;text-decoration:none}.act h3 a:hover{color:#D60270;text-decoration:underline}.flinks{margin-bottom:8px}.flinks a{color:#0038A8;font-weight:500}.pastnote{border-left:6px solid #D60270}a.btn{display:inline-block;background:#D60270;color:#fff;padding:9px 16px;border-radius:8px;text-decoration:none;font-weight:600}main.ssr{max-width:1000px;margin:auto;padding:16px}