/* Scoped home/help additions. Existing operational screens remain unchanged. */
.hub-space { color:#17324b; font-family:Arial,sans-serif; line-height:1.55; }
.hub-space * { box-sizing:border-box; }
.hub-space button { min-height:44px; cursor:pointer; white-space:normal; text-align:left; }
.hub-space button:focus-visible,.hub-help-button:focus-visible { outline:3px solid #156eb2; outline-offset:3px; }
.hub-space h2 { margin:0 0 12px; font-size:26px; }
.hub-space h3 { margin:0 0 10px; font-size:20px; }
.hub-space p { margin:8px 0 16px; }
.hub-eyebrow { font-size:12px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:#48647c; }
.hub-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:22px 0; }
.hub-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hub-card { border:1px solid #d8e2ed; border-radius:16px; background:#fff; padding:24px; min-width:0; overflow-wrap:anywhere; }
.hub-card.hero { background:#134d65; color:white; border-color:#134d65; }
.hub-card.hero .hub-eyebrow { color:#d7e8f0; }
.hub-card.hero button { background:#fff; color:#17324b; }
.hub-card.notice { border-top:4px solid #bb4357; }
.hub-card.tasks { border-top:4px solid #bf6b29; }
.hub-card.learn { border-top:4px solid #398063; }
.hub-note { padding:14px 18px; background:#edf3f7; border-radius:9px; color:#40576e; }
.hub-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.hub-meta { color:#526a80; font-size:14px; }
.hub-steps { display:flex; gap:8px; flex-wrap:wrap; margin:16px 0; }
.hub-steps button[aria-current="step"] { background:#134d65; color:white; }
.hub-photo { display:block; width:100%; padding:0; overflow:hidden; border:1px solid #ccd7e3; background:#f1f5f9; border-radius:10px; }
.hub-photo img { display:block; width:100%; height:auto; }
.hub-shot-caption { font-size:14px; margin:10px 0; color:#526a80; }
.hub-help-button { margin:0 0 18px; min-height:44px; }
.hub-image-dialog { width:95vw; max-width:none; max-height:94vh; border:1px solid #8c9aac; border-radius:12px; padding:16px; }
.hub-image-dialog::backdrop { background:#0b2035bb; }
.hub-image-toolbar { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-bottom:12px; }
.hub-image-scroll { max-height:75vh; overflow:auto; }
.hub-image-scroll img { display:block; width:100%; height:auto; }
.hub-image-scroll.original img { width:auto; max-width:none; }
.hub-space details { margin:12px 0; padding:16px; border:1px solid #d8e2ed; border-radius:10px; background:white; }
.hub-space summary { cursor:pointer; font-weight:700; }
@media(max-width:850px) { .hub-grid,.hub-grid.two { grid-template-columns:1fr; } .hub-card { padding:20px; } .hub-space h2 { font-size:23px; } }