/* HongkongPools Living 2026: visual layer; original tables/data preserved */
:root{color-scheme:light;--ink:#17283c;--muted:#596a7a;--brand:#b91c1c;--line:#e3e9ef;--paper:#fff;--bg:#f5f7fb}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg)!important;color:var(--ink)!important;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;line-height:1.6!important;margin:0}img,video,iframe{max-width:100%;height:auto}a{overflow-wrap:anywhere}a:focus-visible,button:focus-visible{outline:3px solid #2563eb;outline-offset:3px}h1,h2,h3{font-family:inherit!important;line-height:1.25!important;letter-spacing:-.025em}h1{font-size:clamp(1.65rem,3vw,2.6rem)!important}h2{font-size:clamp(1.3rem,2.3vw,1.9rem)!important}.container,.container-sm,.container-fluid{max-width:1160px!important;margin-inline:auto!important;padding-inline:clamp(12px,2.4vw,28px)!important;background:transparent!important;box-shadow:none!important}.hp-header{background:linear-gradient(120deg,#17283c,#284965);color:#fff;padding:28px clamp(16px,4vw,42px);margin:0 auto 22px;max-width:1160px;border-radius:0 0 22px 22px;box-shadow:0 12px 32px #17283c1c}.hp-header h1{color:#fff!important;margin:0 0 8px}.hp-header p{color:#e0e9f3!important;max-width:75ch;margin:0!important;text-align:left!important}.hp-header .hp-eyebrow{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#ffcbcb!important}.hp-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.hp-nav a{display:inline-block;padding:7px 12px;border-radius:999px;background:#ffffff19;border:1px solid #ffffff44;color:#fff!important;text-decoration:none;font-weight:650;font-size:.88rem}.hp-nav a:hover{background:#fff;color:#17283c!important}.menu_nav,.navbar{border-radius:12px;overflow:hidden}.nav-link{font-size:clamp(13px,1.3vw,17px)!important;border:0!important;padding:10px!important}table{width:100%;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 8px 28px #17283c0c}table th,table td{padding:clamp(6px,1.1vw,12px)!important;vertical-align:middle!important;overflow-wrap:anywhere}table th{background:#203a56!important;color:#fff!important;font-weight:700}table tr:nth-child(even) td{background:#f5f8fc}table tr:hover td{background:#edf5ff}button,.btn,input[type=submit]{border-radius:9px!important;transition:background .15s ease,transform .15s ease}button:hover,.btn:hover{transform:translateY(-1px)}.hp-note{max-width:1160px;margin:24px auto;padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--ink)}.hp-note p{text-align:left!important;margin:8px 0!important}.hp-note a{color:#9f1717}.hp-note h2{margin:0 0 10px}.hp-note details{border-top:1px solid var(--line);padding:10px 0}.hp-note summary{cursor:pointer;font-weight:700}.hp-footer{max-width:1160px;margin:35px auto 0;padding:20px 24px;color:var(--muted);border-top:1px solid var(--line);font-size:.9rem}body :where(.table-responsive){overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}body :where(.table-responsive) table{min-width:520px}body :where(.pagination){display:flex;flex-wrap:wrap;gap:6px}body :where(.pagination) a{padding:7px 10px;border-radius:8px} @media(max-width:650px){.hp-header{border-radius:0 0 15px 15px;padding:22px 14px}.hp-nav{gap:6px}.hp-nav a{font-size:12px;padding:7px 9px}table{font-size:12px!important}table td,table th{padding:6px!important}.hp-note{margin:18px 10px;padding:16px}.container-sm{padding-inline:10px!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}