body:has(main.portal){height:auto;overflow:auto;background:var(--paper);color:var(--ink)}main.portal{max-width:1160px;margin:0 auto;padding:36px 28px 56px}.portal-hero{display:grid;gap:10px;max-width:760px;margin:0 0 30px}.portal-hero .eyebrow{margin:0;color:var(--muted);font-size:13px;font-weight:550;letter-spacing:.01em}.portal-hero h1{margin:0;font-size:clamp(2rem,3.4vw,2.75rem);line-height:1.1;font-weight:650;letter-spacing:-.02em;color:var(--ink)}.portal-lede{margin:2px 0 6px;max-width:62ch;font-size:17px;line-height:1.6;color:var(--muted)}.portal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.portal-search{display:flex;align-items:center;gap:10px;flex:1 1 360px;max-width:520px;min-height:52px;padding:0 10px 0 16px;border:1.5px solid var(--line);border-radius:12px;background:var(--white);color:var(--muted);font-size:16px;text-decoration:none!important;box-shadow:0 1px 2px #1428220d;transition:border-color .12s var(--ease),box-shadow .12s var(--ease),background-color .12s var(--ease)}.portal-search .icon{width:20px;height:20px;flex:none;color:var(--green)}.portal-search span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-search kbd{padding:2px 7px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--muted);font:500 12px/1.4 var(--font-ui),sans-serif}.portal-map{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:10px;color:var(--green);font-size:15px;font-weight:600;text-decoration:none!important;transition:background-color .12s var(--ease)}.portal-map .icon{width:19px;height:19px}.portal-group{margin:0 0 30px}.portal-group>h2{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:1.25rem;font-weight:650;line-height:1.3;color:var(--ink)}.portal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.portal-card{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:start;min-height:112px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);text-decoration:none!important;transition:border-color .16s var(--ease),background-color .16s var(--ease)}.portal-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:color-mix(in srgb,var(--green) 9%,var(--white));color:var(--green)}.portal-symbol svg{width:38px;height:38px}.portal-symbol .icon{width:26px;height:26px}.portal-card-body{display:contents}.portal-card h3{grid-column:2;grid-row:1;align-self:center;min-width:0;margin:0;font-size:1.0625rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere;transition:color .12s var(--ease)}.portal-card-desc{grid-column:1/-1;grid-row:2;min-width:0;padding-inline-end:24px;font-size:14px;line-height:1.5;color:var(--muted)}.portal-card-meta{display:contents}.portal-card-meta strong{grid-column:3;grid-row:1;justify-self:end;align-self:start;padding:2px 9px;border-radius:999px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.portal-card-arrow{grid-column:3;grid-row:2;justify-self:end;align-self:end;color:var(--muted);opacity:.75;font-size:16px;line-height:1;transition:transform .16s var(--ease),color .12s var(--ease),opacity .12s}[dir=rtl] .portal-card-arrow,[dir=rtl] .portal-map [aria-hidden]{display:inline-block;transform:scaleX(-1)}@media(hover:hover)and (pointer:fine){.portal-card:hover{border-color:var(--card-hover-edge);background:var(--card-hover-bg)}.portal-card:hover .portal-card-arrow{color:var(--green);opacity:1;transform:translate(2px)}[dir=rtl] .portal-card:hover .portal-card-arrow{transform:scaleX(-1) translate(2px)}.portal-search:hover{border-color:var(--card-hover-edge);background:var(--card-hover-bg)}.portal-map:hover{background:var(--card-hover-bg)}}@media(hover:none){.portal-card:active{background:var(--card-active-bg)}}:is(.portal-card,.portal-search,.portal-map):focus-visible{outline:2px solid var(--interaction-ring);outline-offset:2px}:root[data-theme=dark] .portal-symbol{background:color-mix(in srgb,var(--green) 16%,var(--white))}:root[data-theme=dark] .portal-search kbd{background:var(--white)}@media(max-width:740px){main.portal{padding:22px 16px 40px}.portal-hero{margin-bottom:22px}.portal-lede{font-size:16px}.portal-search{flex-basis:100%;min-height:48px}.portal-search kbd{display:none}.portal-grid{grid-template-columns:1fr;gap:12px}.portal-card{grid-template-columns:44px minmax(0,1fr) auto;min-height:0;padding:14px;gap:12px}.portal-symbol{width:44px;height:44px;border-radius:10px}.portal-symbol svg{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){.portal-card,.portal-card-arrow{transition:none}}.portal-card{--card-accent:var(--green)}.portal-card[data-card=directory]{--card-accent:#1f5f4c}.portal-card[data-card=districts]{--card-accent:#7a5740}.portal-card[data-card=islands]{--card-accent:#2b7480}.portal-card[data-card=hiking]{--card-accent:#4a7536}.portal-card[data-card=mountains]{--card-accent:#6a5f4e}.portal-card[data-card=nature]{--card-accent:#357a50}.portal-card[data-card=marine]{--card-accent:#2a5b78}.portal-card[data-card=ferries]{--card-accent:#2e6b86}.portal-card[data-card=transport]{--card-accent:#9a523a}.portal-card[data-card=crossBorder]{--card-accent:#94661f}.portal-card[data-card=roads]{--card-accent:#55606b}.portal-card[data-card=sources]{--card-accent:#655a85}.portal-card[data-card=public-facilities]{--card-accent:#2d7f8f}.portal-card[data-card=guide-severe-weather-holidays]{--card-accent:#4d6280}.portal-card[data-card=guide-health-access-fees]{--card-accent:#a1473f}.portal-card[data-card=guide-help-in-your-language]{--card-accent:#7a5a86}.portal-card[data-card=guide-domestic-helpers]{--card-accent:#a4693a}.portal-card[data-card=guide-customs-restricted-items]{--card-accent:#7d6428}.portal-card[data-card=guide-visiting-and-staying]{--card-accent:#5a6b9a}.portal-card[data-card=guide-arrival-airport-sim-paying]{--card-accent:#327a7a}.portal-card[data-card=guide-outdoor-rules]{--card-accent:#5c7a2f}.portal-card[data-card=guide-rainy-day]{--card-accent:#3f7488}.portal-card[data-card=guide-studying-in-hong-kong]{--card-accent:#6a5a9a}.portal-card[data-card=guide-working-in-hong-kong]{--card-accent:#8a6a3a}.portal-card .portal-symbol{background:var(--surface);color:var(--card-accent)}:root[data-theme=dark] .portal-card .portal-symbol{background:var(--surface);color:color-mix(in srgb,var(--card-accent) 42%,var(--ink))}.portal-card{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto 1fr;column-gap:16px;padding:18px}.portal-card .portal-symbol{width:68px;height:68px;border-radius:16px}.portal-symbol .explore-icon{width:60px;height:60px}@media(max-width:740px){.portal-card{column-gap:14px;padding:14px}.portal-card .portal-symbol{width:60px;height:60px;border-radius:14px}.portal-symbol .explore-icon{width:54px;height:54px}}@media(min-width:760px){.portal-group[aria-labelledby=portal-moving] .portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}