/* [explore3] Real Estate, Port News, Guides, Construction and Events explore hubs + sub-pages (lib/explore3.js). Staging Oct 25 2026. No scripts. */
.ex-t-re{--ex-a:#fff1c9;--ex-b:#fffbf0;--ex-c:#b45309}
.ex-t-gauge{--ex-a:#d3f4ef;--ex-b:#f3fdfb;--ex-c:#0f8a84}
.ex-t-trend{--ex-a:#ffe4cc;--ex-b:#fff9f3;--ex-c:#c2570c}
.ex-t-fact{--ex-a:#e6e1fb;--ex-b:#faf8ff;--ex-c:#5b3fc4}
.ex-t-src{--ex-a:#e3ecf3;--ex-b:#f8fbfd;--ex-c:#35506a}
.ex-t-num{--ex-a:#d6f0ff;--ex-b:#f4fbff;--ex-c:#0a6aa1}
.ex-t-zone{--ex-a:#ffe0d6;--ex-b:#fff8f5;--ex-c:#c2410c}
.ex-t-shelter{--ex-a:#dbeafe;--ex-b:#f5f9ff;--ex-c:#1d4ed8}
.ex-t-kit{--ex-a:#fdf0c4;--ex-b:#fffcf0;--ex-c:#a16207}
.ex-t-access{--ex-a:#d8efff;--ex-b:#f4faff;--ex-c:#0369a1}
.ex-t-license{--ex-a:#e3e8fb;--ex-b:#f8f9ff;--ex-c:#3730a3}
.ex-t-trash{--ex-a:#d9f5e5;--ex-b:#f5fdf9;--ex-c:#13804a}
.ex-t-move{--ex-a:#ffe9d6;--ex-b:#fffaf5;--ex-c:#c2570c}
.ex-t-g-launch{--ex-a:#ffe3d3;--ex-b:#fff8f4;--ex-c:#c2410c}
.ex-t-g-hurr{--ex-a:#dfe3fb;--ex-b:#f7f8ff;--ex-c:#3730a3}
.ex-t-g-beach{--ex-a:#d6eefa;--ex-b:#f5fbff;--ex-c:#0369a1}
.ex-t-g-move{--ex-a:#fff0d6;--ex-b:#fffbf3;--ex-c:#b45309}
/* bigger, sunnier sub-page banners */
.ex3-banner{position:relative;overflow:hidden;padding:22px 22px;min-height:96px;border:0;background:radial-gradient(circle at 92% 18%,rgba(255,255,255,.75) 0 38px,transparent 39px),radial-gradient(circle at 80% 120%,var(--ex-a,#eef5fc) 0 80px,transparent 81px),linear-gradient(120deg,var(--ex-a,#eef5fc) 0%,var(--ex-b,#fff) 70%);box-shadow:0 4px 18px rgba(11,37,64,.1)}
.ex3-banner::after{content:"";position:absolute;right:-40px;bottom:-60px;width:180px;height:180px;border-radius:50%;background:var(--ex-c,#0b2540);opacity:.08}
.ex3-banner .ex-b-ic{font-size:3rem;background:#fff;border-radius:18px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(11,37,64,.12)}
.ex3-banner h1{color:var(--ex-c,#0b2540)}
.ex3-banner .meta{font-weight:700;color:#3d5266}
.ex3-h{scroll-margin-top:12px}
/* sibling pager chips */
.hx-page .jump.ex3-sibs{gap:8px;margin:0 0 14px}
.ex3-sibs a.ex3-on{background:#0b2540;color:#fff;border-color:#0b2540}
.ex3-back{margin:14px 0 0}
.ex3-back a{font-weight:700}
/* real estate + port sub-pages keep their own card styles */
.ex3-re .re-card:first-of-type{margin-top:0}
.ex3-port .ps-watch:first-child{margin-top:0}
/* project type drawers (construction) */
.ex3-grp{margin:0 0 10px;border:1px solid #e3e9ee;border-radius:12px;background:#fff;box-shadow:0 1px 6px rgba(11,37,64,.05);scroll-margin-top:12px}
.ex3-grp>summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:48px;padding:8px 14px;font-size:1.02rem}
.ex3-grp>summary::-webkit-details-marker{display:none}
.ex3-grp>summary::after{content:"\25BE";margin-left:auto;font-size:1rem;color:#5a6f84;transition:transform .15s}
.ex3-grp[open]>summary::after{transform:rotate(180deg)}
.ex3-gi{font-size:1.35rem}
.ex3-gtap{font-size:.75rem;font-weight:700;color:#5a6f84}
.ex3-grp[open] .ex3-gtap{display:none}
.ex3-grp .ex-mini{margin:0 10px 12px;box-shadow:none}
/* checklist step tiles (moving guide) */
.ex3-steps{list-style:none;padding:0;counter-reset:none}
.ex3-steps>li{display:flex;margin:0}
.ex3-steps>li>.ex-tile{flex:1}
.ex3-step-big{border-width:2px;border-color:var(--ex-c,#0b2540)}
/* month calendar rows (events) */
.ex3-cals{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}
.ex3-cal{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border:1px solid #e3e9ee;border-radius:12px;background:#fff;box-shadow:0 1px 6px rgba(11,37,64,.05)}
.ex3-d{flex:0 0 52px;display:flex;flex-direction:column;align-items:center;border-radius:10px;overflow:hidden;border:1px solid #f1c7d9;background:#fff}
.ex3-d b{display:block;width:100%;text-align:center;background:#be185d;color:#fff;font-size:.7rem;letter-spacing:.06em;padding:2px 0}
.ex3-d i{font-style:normal;font-weight:800;font-size:1.35rem;line-height:1.5;color:#0b2540}
.ex3-cb{flex:1;min-width:0}
.ex3-cb a{font-weight:800;color:var(--ink);text-decoration:none;line-height:1.25}
.ex3-cb a:hover{text-decoration:underline}
.ex3-cb .meta{margin:2px 0 0;font-size:.82rem}
.ex3-ce{font-size:1.4rem}
.ex3-pn{display:flex;justify-content:space-between;gap:10px;margin:14px 0}
.ex3-pn a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;background:#fde0ef;color:#9d174d;font-weight:800;text-decoration:none}
@media (max-width:640px){
  .ex3-banner{padding:16px 14px;min-height:0}
  .ex3-banner .ex-b-ic{font-size:2.2rem;width:52px;height:52px;border-radius:14px}
  .ex3-cals{grid-template-columns:1fr}
  .ex3-grp .ex-mini{margin:0 6px 10px;padding:2px 10px}
}