*{box-sizing:border-box}
body{margin:0;background:#f8fafc;color:#0f172a;font:16px/1.5 -apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#0b1220;color:#f8fafc;font-weight:700}
.bar .brand{display:flex;align-items:center;gap:8px}
.bar a{color:#93c5fd;text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}
.wrap{max-width:560px;margin:0 auto;padding:18px 16px 40px}
h1{font-size:26px;line-height:1.2;margin:6px 0 4px}
.lead{margin:0 0 16px;color:#475569}
.tiles{display:grid;gap:10px}
.tile{position:relative;display:block;text-decoration:none;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px 40px 14px 14px;box-shadow:0 6px 18px rgba(15,23,42,.06)}
.tile b{display:block;font-size:17px;margin:2px 0 4px}
.tile span{color:#475569;font-size:14px}
.tile .tag{display:inline-block;background:#dcfce7;color:#166534;border-radius:999px;font-size:11px;font-weight:700;padding:2px 9px}
.tile i{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;font-size:26px;color:#1d4ed8}
.tile:active{background:#eff6ff}
.opening{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:12px 14px;margin-bottom:12px}
.opening a{color:#1d4ed8;font-weight:700}
.hide{display:none}
.fine{font-size:14px;color:#475569;margin-top:18px}
.fine a{color:#1d4ed8}