/* These styles apply only to the two port-market pages. */
.port-page .article-hero { padding-bottom:32px; }
.port-page .article-meta { font-size:.875rem; }
.port-page .port-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:26px 0; }
.port-options article { border-top:2px solid var(--forest); padding-top:16px; }
.port-options p,.port-steps li { color:#425b55; line-height:1.8; }
.port-options a { display:inline-flex; align-items:center; min-height:44px; }
.port-page .article-section > h3 { margin-top:28px; }
.port-action,.port-live button { display:inline-flex; justify-content:center; align-items:center; min-height:48px; padding:10px 20px; margin-top:20px; border:0; border-radius:8px; background:var(--forest); color:white; font:inherit; font-weight:600; text-decoration:none; cursor:pointer; }
.port-action:hover,.port-live button:hover { background:#09483d; color:white; }
.port-live button:disabled { cursor:wait; opacity:.6; }
.port-action:focus-visible,.port-live button:focus-visible { outline:3px solid #d08231; outline-offset:4px; }
.port-live [hidden] { display:none; }
.port-page caption { text-align:left; padding:12px 0; font-weight:600; }
.port-page .table-wrap { margin:22px 0; }
.port-page .table-wrap table { min-width:0; table-layout:fixed; }
.port-page .table-wrap th,.port-page .table-wrap td { padding:14px 12px; overflow-wrap:break-word; }
.port-page .table-wrap td { font-variant-numeric:tabular-nums; }
.port-steps { padding-left:24px; }
.port-steps li { padding:6px 0; }
.port-readings { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:22px; }
.port-reading { border:1px solid var(--line); border-radius:10px; padding:18px; }
.port-reading h3 { font-size:1rem; margin:0; }
.port-reading strong { display:block; font-size:2.5rem; font-variant-numeric:tabular-nums; margin:8px 0; line-height:1.15; }
.port-reading p { margin:5px 0; font-size:.875rem; }
.port-reading time { font-variant-numeric:tabular-nums; font-size:.875rem; }
.port-reading[data-stale="true"] strong { color:#68736e; }
.port-live[data-port-live="west-kowloon"] .port-readings { grid-template-columns:1fr; max-width:480px; }
@media(max-width:650px) {
  .port-page .port-options,.port-readings { grid-template-columns:1fr; }
  .port-page .article-hero h1 { font-size:clamp(2rem,8vw,3rem); }
  .port-page .table-wrap th,.port-page .table-wrap td { padding:12px 8px; font-size:.875rem; }
  .port-page .site-header-inner { flex-wrap:wrap; }
  .port-page .site-header nav { display:flex; flex-wrap:wrap; gap:4px 16px; }
}