.area-hub{display:grid;gap:24px;max-width:1240px;margin:0 auto}.area-hub-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px;border:1px solid var(--border-soft);border-radius:20px;background:linear-gradient(125deg,var(--surface-raised),var(--surface-subtle));box-shadow:0 8px 26px rgba(11,26,42,.035)}.area-hub-header h1{font-size:clamp(25px,3vw,36px);line-height:1.15;margin:6px 0 12px;letter-spacing:-.025em}.area-hub-header p:not(.eyebrow),.area-hub-intro{color:var(--slate-600);font-size:14px;line-height:1.65;margin:0;max-width:68ch}.area-context-note{font-size:11px;line-height:1.5;background:var(--surface-subtle);padding:7px 11px;border:1px solid var(--border-soft);border-radius:999px;white-space:nowrap}.area-workflow-heading{display:flex;align-items:center;gap:12px;margin:0 0 12px}.area-workflow-heading h2{font-size:16px;letter-spacing:-.01em;margin:0}.area-workflow-heading>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--slate-600);border:1px solid var(--border-soft);padding:3px 7px;border-radius:7px}.area-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.area-tool-card{display:flex;flex-direction:column;gap:10px;padding:18px 20px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface-raised);color:inherit;text-decoration:none;min-height:144px;transition:border-color .15s,box-shadow .15s}.area-tool-card:hover{border-color:var(--blue-500);box-shadow:0 4px 18px rgba(27,87,133,.08)}.area-tool-card:focus-visible{outline:3px solid var(--blue-500);outline-offset:3px}.area-tool-card strong{font-size:14px;line-height:1.5;display:flex;justify-content:space-between;gap:12px}.area-tool-card strong>span{color:var(--slate-500)}.area-tool-card p{font-size:12px;line-height:1.6;color:var(--slate-600);margin:0;flex:1}.area-card-action{font-size:11px;font-weight:600;color:var(--blue-500)}.area-boundary-note{font-size:12px;line-height:1.7;color:var(--slate-600);padding:14px 18px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface-subtle)}.area-empty{padding:24px;border:1px solid var(--border-soft);border-radius:16px}.compact-area-navigation .workspace-nav-section{margin-block:10px 20px}.compact-area-navigation .workspace-utility-links{padding-top:10px;border-top:1px solid var(--border-soft)}.compact-area-navigation .workspace-destination{min-height:41px}.compact-area-navigation .workspace-destination>span{line-height:1.4}.page-orientation .workspace-breadcrumb{flex-wrap:wrap}.area-setup-links{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1050px){.area-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.area-hub{gap:20px}.area-hub-header{padding:20px;flex-direction:column;gap:12px}.area-setup-links,.area-tool-grid{grid-template-columns:1fr}.area-tool-card{min-height:0;padding:16px}.area-context-note{white-space:normal}.compact-area-navigation .workspace-destination{min-height:44px}}.shell-notification-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:6px 10px;border:1px solid var(--border-soft);border-radius:11px;color:inherit;font-size:11px;text-decoration:none;background:var(--surface-raised)}.shell-notification-shortcut:focus-visible{outline:3px solid var(--blue-500);outline-offset:2px}@media(max-width:600px){.shell-notification-shortcut{min-height:44px}.shell-notification-shortcut>span{display:none}}