:root {
  --navy-950: #081923;
  --navy-900: #0d2538;
  --navy-800: #14354c;
  --navy-700: #24516a;
  --ink: #182832;
  --muted: #6b7c84;
  --muted-2: #8b9aa0;
  --line: #dfe7e9;
  --line-strong: #cbd8dc;
  --bg: #f4f6f7;
  --surface: #ffffff;
  --surface-soft: #f8faf9;
  --teal: #15a58f;
  --teal-dark: #087b6c;
  --green: #27784d;
  --green-soft: #e5f3ea;
  --gold: #c98d22;
  --gold-soft: #fff5dc;
  --blue: #4375a8;
  --blue-soft: #eaf1f8;
  --red: #b95052;
  --red-soft: #fbeaea;
  --shadow-sm: 0 3px 12px rgba(13, 37, 56, 0.05);
  --shadow-md: 0 14px 40px rgba(13, 37, 56, 0.09);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: "Aptos", "Noto Sans Bengali", "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

body.modal-open { overflow: hidden; }

button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(21, 165, 143, 0.35); outline-offset: 2px; }

button:disabled { cursor: not-allowed; opacity: 0.6; }

.app-shell { display: flex; min-height: 100vh; }

.side-rail {
  width: 244px;
  flex: 0 0 244px;
  background: var(--navy-900);
  color: #e7f0f2;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding: 26px 16px 18px;
  position: sticky;
  top: 0;
  height: 100vh;
  z-index: 30;
}

.brand-lockup { display: flex; align-items: center; gap: 11px; padding: 3px 10px 26px; }
.brand-mark { width: 32px; height: 32px; border: 1px solid rgba(216, 244, 239, 0.25); border-radius: 9px; display: flex; align-items: flex-end; justify-content: center; gap: 3px; padding: 7px; background: rgba(21, 165, 143, 0.18); }
.brand-mark span { display: block; width: 4px; background: #72dcc9; border-radius: 2px 2px 1px 1px; transform: skew(-15deg); }
.brand-mark span:nth-child(1) { height: 10px; opacity: 0.74; }
.brand-mark span:nth-child(2) { height: 16px; }
.brand-mark span:nth-child(3) { height: 13px; opacity: 0.86; }
.brand-name { color: #fff; font-size: 17px; font-weight: 750; letter-spacing: -0.02em; line-height: 1; }
.brand-bn { color: #8eabb4; font-size: 10px; margin-top: 5px; letter-spacing: 0.03em; }
.rail-caption { color: #6b8a96; font-size: 9px; font-weight: 750; letter-spacing: 0.17em; padding: 0 12px 10px; }
.nav-list { display: grid; gap: 4px; }
.nav-item { border: 0; background: transparent; color: #a9bec5; display: flex; align-items: center; gap: 12px; width: 100%; padding: 11px 12px; border-radius: 10px; text-align: left; font-weight: 560; transition: background 160ms ease, color 160ms ease, transform 160ms ease; }
.nav-item:hover { color: #f2fbfb; background: rgba(255, 255, 255, 0.07); transform: translateX(1px); }
.nav-item.active { background: #18415a; color: #fff; box-shadow: inset 3px 0 0 var(--teal); }
.nav-item .icon { opacity: 0.85; }
.nav-item.active .icon { color: #77dccd; opacity: 1; }
.nav-count { margin-left: auto; min-width: 21px; height: 21px; padding: 0 6px; border-radius: 99px; display: grid; place-items: center; background: rgba(21, 165, 143, 0.2); color: #86e6d6; font-size: 11px; font-weight: 750; }
.rail-bottom { margin-top: auto; display: grid; gap: 13px; }
.rail-note { display: flex; gap: 9px; padding: 11px 10px; border: 1px solid rgba(141, 196, 202, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.035); }
.rail-note-icon { color: #8de0d1; width: 18px; height: 18px; border: 1px solid rgba(141, 224, 209, 0.65); border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 11px; flex: 0 0 auto; }
.rail-note strong, .rail-note span { display: block; }
.rail-note strong { color: #d8f1ed; font-size: 11px; }
.rail-note span { color: #86a1a8; font-size: 10px; line-height: 1.45; margin-top: 3px; }
.user-chip { width: 100%; display: flex; align-items: center; gap: 9px; padding: 9px 8px; border: 0; background: transparent; border-radius: 10px; color: #dbe8ea; text-align: left; }
.user-chip:hover { background: rgba(255, 255, 255, 0.06); }
.avatar, .top-avatar { width: 31px; height: 31px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto; background: #c8a865; color: #23313a; font-size: 10px; font-weight: 800; letter-spacing: 0.03em; }
.user-chip-copy { min-width: 0; flex: 1; }
.user-chip-copy strong, .user-chip-copy span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.user-chip-copy strong { font-size: 11px; }
.user-chip-copy span { font-size: 10px; color: #849ea7; margin-top: 2px; }
.chevron { color: #77949c; font-size: 20px; line-height: 1; }

.main-column { min-width: 0; flex: 1; }
.demo-bar { min-height: 31px; padding: 7px 38px; display: flex; align-items: center; gap: 8px; background: #fff4d8; border-bottom: 1px solid #f1deb2; color: #765316; font-size: 10px; letter-spacing: 0.01em; }
.demo-bar strong { font-size: 9px; letter-spacing: 0.12em; white-space: nowrap; }
.demo-dot { width: 6px; height: 6px; border-radius: 50%; display: inline-block; flex: 0 0 auto; background: #d79829; }
.demo-link { margin-left: auto; border: 0; background: transparent; color: #825a11; font-size: 10px; text-decoration: underline; padding: 0; white-space: nowrap; }
.topbar { height: 71px; padding: 0 38px; display: flex; align-items: center; justify-content: space-between; background: rgba(244, 246, 247, 0.93); border-bottom: 1px solid rgba(211, 222, 225, 0.8); position: sticky; top: 0; z-index: 20; backdrop-filter: blur(14px); }
.topbar-right { display: flex; align-items: center; gap: 15px; }
.mobile-brand, .mobile-menu { display: none; }
.icon-button, .top-avatar, .language-toggle { border: 0; background: transparent; color: var(--muted); }
.icon-button { position: relative; width: 31px; height: 31px; display: grid; place-items: center; font-size: 25px; line-height: 1; }
.icon-button:hover { color: var(--navy-900); }
.notification-dot { position: absolute; top: 4px; right: 4px; width: 6px; height: 6px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 0 3px var(--bg); }
.language-toggle { display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; padding: 7px 8px; border: 1px solid transparent; border-radius: 8px; }
.language-toggle:hover { border-color: var(--line-strong); background: #fff; }
.language-active { color: var(--navy-900); }
.top-avatar { width: 34px; height: 34px; background: var(--navy-900); color: #fff; font-size: 10px; }
.app-content { max-width: 1500px; margin: 0 auto; padding: 38px 38px 62px; }

.eyebrow { color: var(--teal-dark); font-size: 10px; font-weight: 800; letter-spacing: 0.15em; line-height: 1.3; }
.eyebrow-line { width: 28px; height: 1px; background: currentColor; display: inline-block; vertical-align: middle; margin-right: 8px; opacity: 0.8; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 13px; color: var(--navy-900); font-size: clamp(31px, 3.8vw, 54px); letter-spacing: -0.05em; line-height: 1.05; }
h2 { margin-bottom: 0; color: var(--navy-900); font-size: 25px; letter-spacing: -0.04em; line-height: 1.15; }
h3 { margin-bottom: 8px; color: var(--navy-900); font-size: 16px; letter-spacing: -0.02em; line-height: 1.3; }
p { color: var(--muted); }
.text-button, .card-link, .dark-link, .back-link { border: 0; background: transparent; color: var(--teal-dark); padding: 0; display: inline-flex; align-items: center; gap: 6px; font-weight: 750; font-size: 12px; }
.text-button:hover, .card-link:hover, .dark-link:hover, .back-link:hover { color: var(--navy-900); text-decoration: underline; }
.btn { border: 0; min-height: 38px; padding: 0 16px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; font-weight: 750; font-size: 12px; transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease; white-space: nowrap; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { background: var(--navy-900); color: #fff; box-shadow: 0 5px 13px rgba(13, 37, 56, 0.14); }
.btn-primary:hover { background: var(--navy-800); box-shadow: 0 8px 18px rgba(13, 37, 56, 0.18); }
.btn-secondary { background: #fff; border: 1px solid var(--line-strong); color: var(--navy-900); }
.btn-secondary:hover { border-color: var(--teal); background: #f8fcfb; }
.btn-light { background: #e9f6f3; color: var(--teal-dark); }
.full-width { width: 100%; }
.soft-pill, .mini-demo, .safe-pill, .warning-pill { border-radius: 99px; padding: 4px 8px; font-size: 10px; font-weight: 700; display: inline-flex; align-items: center; gap: 5px; line-height: 1.2; }
.soft-pill { color: var(--navy-700); background: #edf2f3; }
.mini-demo { color: #7a5512; background: #fff3d2; font-size: 9px; letter-spacing: 0.05em; text-transform: uppercase; }
.mini-demo .demo-dot { width: 5px; height: 5px; }
.safe-pill { color: var(--green); background: var(--green-soft); }
.warning-pill { color: var(--red); background: var(--red-soft); }
.status-badge { display: inline-flex; align-items: center; gap: 6px; width: fit-content; padding: 5px 8px; border-radius: 99px; font-size: 10px; font-weight: 780; white-space: nowrap; line-height: 1.1; }
.status-symbol { width: 6px; height: 6px; border-radius: 50%; background: currentColor; display: inline-block; }
.status-current { color: #16704f; background: var(--green-soft); }
.status-expiring { color: #8b6011; background: var(--gold-soft); }
.status-self { color: #336690; background: var(--blue-soft); }
.status-disputed { color: #a44348; background: var(--red-soft); }
.status-unknown, .status-review { color: #68777d; background: #eef1f2; }
.status-partner { color: #685399; background: #f0ecfb; }
.status-demo { color: #7a5512; background: #fff3d2; }
.status-accepted { color: #16704f; background: var(--green-soft); }
.status-clarification { color: #8b6011; background: var(--gold-soft); }
.status-draft { color: #63777f; background: #edf1f3; }
.status-small { font-size: 9px; padding: 4px 6px; }

.home-hero { background: var(--surface); border: 1px solid var(--line); border-radius: 24px; min-height: 440px; display: grid; grid-template-columns: 1.06fr 0.94fr; overflow: hidden; box-shadow: var(--shadow-sm); }
.hero-copy { padding: 68px 34px 58px 54px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.hero-copy .eyebrow { margin-bottom: 19px; }
.hero-copy h1 { max-width: 650px; }
.hero-copy p { max-width: 548px; font-size: 15px; line-height: 1.7; margin-bottom: 28px; }
.hero-search { width: min(100%, 620px); min-height: 55px; border: 1px solid var(--line-strong); background: #fbfdfd; border-radius: 12px; display: flex; align-items: center; padding: 6px 7px 6px 16px; gap: 10px; box-shadow: 0 4px 16px rgba(13, 37, 56, 0.04); }
.hero-search > .icon { color: var(--teal-dark); flex: 0 0 auto; }
.hero-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: var(--ink); }
.hero-search input::placeholder { color: #9aa8ac; }
.hero-search .btn { min-height: 42px; }
.hero-shortcuts { display: flex; align-items: center; gap: 20px; margin-top: 18px; flex-wrap: wrap; }
.hero-shortcuts button { border: 0; padding: 0; background: transparent; display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 11px; font-weight: 700; }
.hero-shortcuts button:hover { color: var(--teal-dark); }
.hero-visual { min-height: 440px; position: relative; overflow: hidden; background: radial-gradient(circle at 51% 48%, rgba(34, 91, 104, 0.38) 0 2%, transparent 31%), linear-gradient(140deg, #12344a, #09212e 68%, #0b2d3a); }
.hero-visual::before { content: ""; position: absolute; inset: 0; opacity: 0.38; background-image: linear-gradient(rgba(118, 197, 188, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(118, 197, 188, 0.12) 1px, transparent 1px); background-size: 27px 27px; mask-image: linear-gradient(to bottom, transparent 3%, #000 25%, #000 75%, transparent 97%); }
.hero-visual::after { content: ""; position: absolute; width: 280px; height: 280px; border-radius: 50%; border: 1px solid rgba(122, 221, 204, 0.16); left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 40px rgba(91, 192, 177, 0.035), 0 0 0 80px rgba(91, 192, 177, 0.025); }
.orbit { position: absolute; left: 50%; top: 50%; border: 1px dashed rgba(126, 217, 201, 0.24); border-radius: 50%; transform: translate(-50%, -50%) rotate(22deg); }
.orbit-one { width: 410px; height: 174px; }
.orbit-two { width: 275px; height: 345px; transform: translate(-50%, -50%) rotate(-28deg); }
.orbit-three { width: 480px; height: 340px; transform: translate(-50%, -50%) rotate(65deg); opacity: 0.55; }
.hero-node { position: absolute; display: flex; align-items: center; gap: 7px; color: #c5e3e0; font-size: 11px; font-weight: 700; letter-spacing: 0.03em; z-index: 2; }
.node-top { top: 14%; left: 47%; }
.node-left { top: 52%; left: 13%; }
.node-right { top: 61%; right: 11%; }
.node-icon { width: 31px; height: 31px; border-radius: 10px; display: grid; place-items: center; color: #8fe2d2; background: rgba(81, 206, 187, 0.11); border: 1px solid rgba(143, 226, 210, 0.26); }
.node-icon.green { color: #a7dfaf; background: rgba(84, 175, 102, 0.13); border-color: rgba(167, 223, 175, 0.28); }
.node-icon.gold { color: #f4cc7d; background: rgba(229, 172, 74, 0.13); border-color: rgba(244, 204, 125, 0.25); }
.hero-core { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 122px; height: 122px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #174158; border: 1px solid rgba(148, 231, 216, 0.38); box-shadow: 0 0 0 10px rgba(36, 108, 118, 0.12), 0 18px 36px rgba(0, 0, 0, 0.25); z-index: 3; }
.core-mark { display: flex; align-items: flex-end; gap: 3px; height: 19px; margin-bottom: 5px; }
.core-mark span { width: 5px; border-radius: 4px 4px 1px 1px; background: #83ddd0; transform: skew(-17deg); }
.core-mark span:nth-child(1) { height: 12px; opacity: 0.75; }.core-mark span:nth-child(2) { height: 19px; }.core-mark span:nth-child(3) { height: 15px; opacity: 0.85; }
.hero-core strong { color: #fff; font-size: 19px; letter-spacing: 0.08em; line-height: 1; }.hero-core small { color: #86c6c1; font-size: 8px; letter-spacing: 0.15em; margin-top: 5px; }
.hero-coordinate { position: absolute; right: 23px; bottom: 23px; color: #5f949b; text-align: right; font-size: 9px; letter-spacing: 0.14em; line-height: 1.8; z-index: 2; }

.demo-strip { display: flex; align-items: center; gap: 12px; padding: 15px 18px; background: #fdf9ed; border: 1px solid #eee2c1; border-radius: 14px; margin: 20px 0 40px; }
.demo-strip-icon { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; color: var(--gold); background: var(--gold-soft); flex: 0 0 auto; }.demo-strip strong { display: block; color: #6c501d; font-size: 11px; }.demo-strip p { margin: 2px 0 0; font-size: 11px; color: #8a7855; }.demo-strip .text-button { margin-left: auto; color: #795715; white-space: nowrap; }
.section-block { margin-bottom: 42px; }.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 18px; margin-bottom: 18px; }.section-heading.compact { align-items: center; margin-bottom: 16px; }.section-heading .eyebrow { margin-bottom: 7px; }.section-heading h2 { margin: 0; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }.feature-card { min-height: 235px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); padding: 21px 22px 19px; display: flex; flex-direction: column; box-shadow: var(--shadow-sm); }.feature-card:hover { border-color: #b8d7d5; box-shadow: var(--shadow-md); transform: translateY(-2px); transition: 180ms ease; }.feature-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }.feature-icon { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; }.feature-directory .feature-icon { color: var(--teal-dark); background: #e4f5f0; }.feature-jobs .feature-icon { color: #4e6e9e; background: #eaf0fa; }.feature-library .feature-icon { color: var(--gold); background: var(--gold-soft); }.feature-card h3 { font-size: 18px; margin-bottom: 7px; }.feature-card p { font-size: 12px; line-height: 1.6; margin-bottom: 17px; }.feature-card .card-link { margin-top: auto; }
.split-section { display: grid; grid-template-columns: 1.22fr 0.78fr; gap: 16px; }.panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); }.updates-panel, .workspace-preview { padding: 23px; }.panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; margin-bottom: 19px; }.panel-heading h2 { font-size: 20px; }.update-list { display: grid; gap: 1px; }.update-row { width: 100%; text-align: left; border: 0; border-top: 1px solid #eef2f3; padding: 14px 0; background: transparent; display: grid; grid-template-columns: 34px 1fr auto 15px; gap: 11px; align-items: center; color: var(--ink); }.update-row:hover .update-body strong { color: var(--teal-dark); }.update-kind { width: 32px; height: 32px; border-radius: 10px; color: var(--teal-dark); background: #eaf6f3; display: grid; place-items: center; }.update-body { min-width: 0; }.update-meta, .update-body small { display: block; color: var(--muted-2); font-size: 10px; }.update-body strong { display: block; font-size: 12px; margin: 3px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.update-body small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.update-row > .icon { color: var(--muted-2); }.workspace-preview-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.metric-card { min-width: 0; padding: 14px 12px; background: #f8faf9; border: 1px solid #e8eeed; border-radius: 12px; }.metric-label { color: var(--muted-2); font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: 0.07em; }.metric-value { font-size: 21px; font-weight: 780; letter-spacing: -0.04em; margin: 5px 0 1px; }.metric-detail { color: var(--muted); font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.tone-teal { color: var(--teal-dark); }.tone-gold { color: var(--gold); }.tone-navy { color: var(--navy-900); }.tone-green { color: var(--green); }.mini-privacy { border-top: 1px solid var(--line); margin-top: 18px; padding-top: 16px; display: flex; gap: 9px; align-items: center; }.privacy-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: var(--teal-dark); background: #e9f7f3; flex: 0 0 auto; }.mini-privacy strong, .mini-privacy small { display: block; }.mini-privacy strong { font-size: 11px; color: var(--navy-900); }.mini-privacy small { color: var(--muted); font-size: 10px; margin-top: 2px; }

.page-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 26px; margin: 5px 0 28px; }.page-header h1 { font-size: clamp(30px, 3vw, 44px); margin: 8px 0 9px; }.page-header p { max-width: 650px; font-size: 14px; margin: 0; line-height: 1.65; }.page-header-actions { display: flex; gap: 8px; align-items: center; }
.directory-toolbar, .jobs-toolbar { padding: 14px; background: #fff; border: 1px solid var(--line); border-radius: 13px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }.search-field { display: flex; align-items: center; gap: 10px; min-width: 0; max-width: 600px; flex: 1; padding: 0 0 0 5px; }.search-field > .icon { color: var(--teal-dark); flex: 0 0 auto; }.search-field input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: var(--ink); }.search-field input::placeholder { color: var(--muted-2); }.search-submit { border: 0; background: var(--navy-900); color: #fff; border-radius: 7px; padding: 8px 12px; font-size: 11px; font-weight: 750; }.toolbar-meta { display: flex; align-items: center; gap: 11px; color: var(--muted); font-size: 10px; white-space: nowrap; }.toolbar-divider { width: 1px; height: 14px; background: var(--line-strong); }.filter-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 13px 0 25px; }.filter-chip { display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--line); color: var(--muted); background: #fff; border-radius: 99px; padding: 7px 11px; font-size: 10px; font-weight: 720; }.filter-chip:hover { border-color: var(--teal); color: var(--teal-dark); }.filter-chip.active { border-color: var(--navy-900); background: var(--navy-900); color: #fff; }.directory-layout, .jobs-layout, .inquiry-layout { display: grid; grid-template-columns: minmax(0, 1fr) 302px; gap: 18px; align-items: start; }.section-heading .result-sort, .result-sort { color: var(--muted-2); font-size: 10px; }.directory-results, .job-list, .inquiry-list { min-width: 0; }.directory-card { background: #fff; border: 1px solid var(--line); border-radius: 15px; padding: 18px; margin-bottom: 11px; cursor: pointer; box-shadow: var(--shadow-sm); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; }.directory-card:hover { border-color: #b8d7d5; box-shadow: var(--shadow-md); transform: translateY(-1px); transition: 160ms ease; }.directory-card-main { display: flex; gap: 12px; min-width: 0; }.org-avatar, .company-mini-mark { width: 41px; height: 41px; flex: 0 0 auto; border-radius: 12px; display: grid; place-items: center; background: #e9f5f2; color: var(--teal-dark); font-size: 12px; font-weight: 800; letter-spacing: 0.04em; }.directory-card-copy { min-width: 0; }.card-eyebrow { color: var(--muted-2); text-transform: uppercase; font-size: 9px; font-weight: 750; letter-spacing: 0.08em; line-height: 1.4; }.card-eyebrow span { color: #c1cdd0; margin: 0 3px; }.directory-card h3 { margin: 3px 0 3px; font-size: 17px; }.directory-org { color: var(--navy-700); font-size: 11px; }.verified-inline { color: var(--green); font-size: 9px; margin-left: 7px; white-space: nowrap; }.directory-location { display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: 11px; margin-top: 9px; }.directory-location span { color: var(--line-strong); }.directory-card-side { display: flex; align-items: flex-end; flex-direction: column; gap: 13px; }.claim-count { color: var(--teal-dark); font-size: 10px; font-weight: 750; display: inline-flex; align-items: center; gap: 5px; }.directory-card-bottom { grid-column: 1 / -1; border-top: 1px solid #eef2f3; padding-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }.tag-row { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }.card-bottom-note { display: flex; align-items: center; gap: 12px; color: var(--muted-2); font-size: 9px; white-space: nowrap; }.card-bottom-note span:first-child { color: var(--navy-700); font-weight: 700; }.supporting-statuses { grid-column: 1 / -1; display: flex; gap: 5px; flex-wrap: wrap; margin-top: -3px; }.directory-aside, .jobs-aside, .inquiry-aside, .profile-aside, .self-check-aside, .dashboard-aside { display: grid; gap: 14px; }.aside-card, .safety-card, .trust-snapshot { background: #fff; border: 1px solid var(--line); border-radius: 15px; padding: 20px; box-shadow: var(--shadow-sm); }.dark-card { background: var(--navy-900); border-color: var(--navy-900); color: #fff; }.dark-card h3 { color: #fff; }.dark-card p { color: #a9c2c8; }.dark-card .aside-kicker { color: #91e3d3; }.dark-link { color: #91e3d3; }.aside-kicker { display: flex; gap: 7px; align-items: center; color: var(--muted-2); font-size: 9px; font-weight: 800; letter-spacing: 0.11em; margin-bottom: 14px; }.aside-card h3, .safety-card h3 { font-size: 18px; margin-bottom: 9px; }.aside-card p, .safety-card p { font-size: 11px; line-height: 1.65; margin-bottom: 15px; }.teal-text { color: var(--teal-dark); }.gold-text { color: var(--gold); }.method-row { border-top: 1px solid var(--line); padding: 9px 0 0; margin-top: 9px; display: flex; justify-content: space-between; color: var(--muted); font-size: 10px; }.method-row span:last-child { color: var(--teal-dark); font-weight: 800; }

.profile-back { display: flex; align-items: center; gap: 9px; color: var(--muted-2); font-size: 11px; margin: 5px 0 18px; }.back-link { color: var(--navy-700); }.breadcrumb-dot { color: var(--line-strong); }.profile-heading { display: flex; align-items: center; gap: 18px; margin-bottom: 25px; }.profile-org-mark { width: 67px; height: 67px; border-radius: 19px; display: grid; place-items: center; background: var(--navy-900); color: #fff; font-weight: 800; font-size: 19px; letter-spacing: 0.04em; flex: 0 0 auto; box-shadow: 0 7px 17px rgba(13, 37, 56, 0.16); }.profile-heading-copy { min-width: 0; flex: 1; }.profile-heading-copy h1 { font-size: clamp(29px, 3vw, 42px); margin: 6px 0 7px; }.profile-heading-copy p { font-size: 12px; margin-bottom: 11px; }.profile-meta-row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; color: var(--muted); font-size: 10px; }.profile-meta-row span { display: inline-flex; align-items: center; gap: 5px; }.profile-heading-actions { display: flex; align-items: center; gap: 8px; }.icon-action { display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 0 11px; color: var(--navy-700); background: #fff; border: 1px solid var(--line-strong); border-radius: 9px; font-size: 11px; font-weight: 750; }.icon-action:hover, .icon-action.selected { color: var(--teal-dark); border-color: var(--teal); background: #f5fcfa; }.passport-banner { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 18px; background: #e9f6f3; border: 1px solid #cce9e3; border-radius: 14px; margin-bottom: 17px; }.passport-banner-main { display: flex; align-items: center; gap: 12px; }.passport-icon { width: 39px; height: 39px; border-radius: 11px; display: grid; place-items: center; color: var(--teal-dark); background: #d3efe8; flex: 0 0 auto; }.passport-banner strong { display: block; color: var(--navy-900); font-size: 12px; }.passport-banner p { font-size: 10px; margin: 3px 0 0; }.passport-banner-rule { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 11px; color: var(--teal-dark); font-size: 10px; font-weight: 700; }.passport-banner-rule span { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }.facility-switcher { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 15px; margin-bottom: 18px; display: flex; align-items: center; gap: 22px; }.switcher-label { min-width: 160px; padding-left: 4px; }.switcher-label .eyebrow { margin-bottom: 5px; }.switcher-label strong { font-size: 11px; color: var(--navy-700); }.facility-tabs { display: flex; gap: 8px; min-width: 0; flex: 1; }.facility-tab { flex: 1; min-width: 0; display: flex; align-items: center; gap: 9px; padding: 9px 11px; background: #f8faf9; border: 1px solid transparent; border-radius: 10px; text-align: left; color: var(--muted); }.facility-tab:hover { border-color: var(--line-strong); }.facility-tab.active { color: var(--navy-900); background: #ecf7f4; border-color: #bfe4dc; }.facility-tab-icon { width: 29px; height: 29px; border-radius: 8px; display: grid; place-items: center; background: #fff; color: var(--teal-dark); flex: 0 0 auto; }.facility-tab strong, .facility-tab small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.facility-tab strong { font-size: 11px; }.facility-tab small { font-size: 9px; color: var(--muted); margin-top: 2px; }.facility-tab > .icon { margin-left: auto; color: var(--teal-dark); flex: 0 0 auto; }.profile-layout { display: grid; grid-template-columns: minmax(0, 1fr) 292px; gap: 18px; align-items: start; }.profile-main { min-width: 0; }.profile-tabs { display: flex; align-items: center; border-bottom: 1px solid var(--line-strong); gap: 23px; margin-bottom: 21px; }.profile-tab { min-height: 40px; display: inline-flex; align-items: center; gap: 6px; background: transparent; border: 0; border-bottom: 2px solid transparent; color: var(--muted); padding: 0 2px; font-size: 11px; font-weight: 750; }.profile-tab:hover { color: var(--teal-dark); }.profile-tab.active { color: var(--navy-900); border-color: var(--teal); }.overview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 29px; }.info-card { padding: 18px; border: 1px solid var(--line); background: #fff; border-radius: 13px; }.info-card-kicker { display: flex; align-items: center; gap: 6px; color: var(--teal-dark); font-size: 9px; font-weight: 800; letter-spacing: 0.09em; margin-bottom: 13px; }.info-card h3 { font-size: 17px; }.info-card p { font-size: 11px; line-height: 1.6; }.relation-note { display: flex; align-items: center; gap: 6px; color: var(--green); font-size: 10px; font-weight: 700; margin-top: 16px; }.status-symbol-fill { background: var(--green); }.claim-section { margin-bottom: 29px; }.claim-section-note { font-size: 10px; color: var(--muted-2); }.claim-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.claim-card { min-width: 0; border: 1px solid var(--line); background: #fff; border-radius: 13px; padding: 15px; text-align: left; color: var(--ink); box-shadow: var(--shadow-sm); }.claim-card:hover { border-color: #acd8d1; box-shadow: var(--shadow-md); transform: translateY(-1px); transition: 160ms ease; }.claim-card-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; }.claim-type { display: flex; align-items: center; gap: 6px; color: var(--navy-900); font-size: 11px; font-weight: 800; }.claim-scope { color: var(--muted); font-size: 10px; line-height: 1.5; margin: 11px 0; min-height: 30px; }.claim-card-meta { border-top: 1px solid #eef2f3; border-bottom: 1px solid #eef2f3; padding: 9px 0; display: flex; justify-content: space-between; gap: 6px; flex-wrap: wrap; color: var(--muted-2); font-size: 9px; }.claim-card-meta span { display: inline-flex; align-items: center; gap: 4px; }.claim-card-footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; margin-top: 10px; }.claim-card-footer span { color: var(--muted); font-size: 9px; line-height: 1.45; }.claim-card-footer > .icon { color: var(--teal-dark); flex: 0 0 auto; }.boundary-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.boundary-box { display: flex; gap: 9px; padding: 15px; border-radius: 12px; border: 1px solid; }.boundary-why { background: #f0f9f5; border-color: #cde8db; }.boundary-not { background: #fff9ea; border-color: #f0dfb3; }.boundary-icon { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 8px; flex: 0 0 auto; }.boundary-why .boundary-icon { color: var(--green); background: #d9f0e2; }.boundary-not .boundary-icon { color: var(--gold); background: #ffedc1; }.boundary-box strong { color: var(--navy-900); font-size: 11px; }.boundary-box p { font-size: 10px; line-height: 1.55; margin: 4px 0 0; }.trust-snapshot { padding: 18px; }.snapshot-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }.snapshot-heading .eyebrow { margin-bottom: 7px; }.snapshot-heading h3 { font-size: 15px; margin: 0; }.snapshot-lock { width: 30px; height: 30px; color: var(--teal-dark); background: #e4f5f0; border-radius: 9px; display: grid; place-items: center; }.snapshot-intro { font-size: 10px; line-height: 1.55; margin: 10px 0 14px; }.trust-rows { display: grid; gap: 9px; }.trust-row { display: grid; grid-template-columns: 27px 1fr auto; gap: 7px; align-items: center; }.trust-row-icon { width: 27px; height: 27px; border-radius: 8px; display: grid; place-items: center; }.trust-row-icon.blue { color: var(--blue); background: var(--blue-soft); }.trust-row-icon.teal { color: var(--teal-dark); background: #e4f5f0; }.trust-row-icon.gold { color: var(--gold); background: var(--gold-soft); }.trust-row-icon.red { color: var(--red); background: var(--red-soft); }.trust-row strong, .trust-row small { display: block; }.trust-row strong { font-size: 10px; color: var(--navy-900); }.trust-row small { color: var(--muted-2); font-size: 9px; margin-top: 1px; }.trust-row b { font-size: 9px; color: var(--navy-700); }.snapshot-foot { margin: 15px -18px -18px; padding: 10px 15px; border-top: 1px solid var(--line); color: var(--muted-2); font-size: 9px; display: flex; gap: 5px; align-items: center; }.timeline-panel, .contact-panel { background: #fff; border: 1px solid var(--line); border-radius: 15px; padding: 22px; }.panel-lede { font-size: 11px; line-height: 1.6; margin-bottom: 24px; }.timeline-list { display: grid; gap: 0; }.timeline-item { display: grid; grid-template-columns: 30px 1fr; gap: 13px; position: relative; padding-bottom: 22px; }.timeline-item:not(:last-child)::before { content: ""; position: absolute; top: 27px; left: 14px; width: 1px; height: calc(100% - 18px); background: var(--line-strong); }.timeline-marker { width: 29px; height: 29px; border-radius: 50%; display: grid; place-items: center; z-index: 1; border: 4px solid #fff; }.timeline-marker.status-current { color: var(--green); background: var(--green-soft); }.timeline-marker.status-expiring { color: var(--gold); background: var(--gold-soft); }.timeline-marker.status-disputed { color: var(--red); background: var(--red-soft); }.timeline-marker.status-self { color: var(--blue); background: var(--blue-soft); }.timeline-content { padding: 2px 0 0; }.timeline-meta { display: flex; gap: 12px; color: var(--muted-2); font-size: 9px; }.timeline-content h3 { font-size: 14px; margin: 5px 0 3px; }.timeline-content p { font-size: 10px; margin: 0 0 7px; }.contact-steps { display: grid; gap: 14px; margin: 14px 0 21px; }.contact-step { display: flex; gap: 12px; align-items: flex-start; }.contact-step > span { width: 27px; height: 27px; border-radius: 8px; display: grid; place-items: center; color: var(--teal-dark); background: #e4f5f0; font-size: 9px; font-weight: 800; flex: 0 0 auto; }.contact-step strong { font-size: 12px; }.contact-step p { font-size: 10px; line-height: 1.55; margin: 3px 0 0; }.contact-callout { border: 1px solid #cce9e3; background: #eefaf7; border-radius: 12px; padding: 13px; display: flex; gap: 9px; margin-bottom: 18px; }.contact-callout strong { font-size: 11px; }.contact-callout p { font-size: 10px; line-height: 1.55; margin: 3px 0 0; }.contact-panel > .btn { margin-top: 3px; }.contact-facility { border-top: 1px solid var(--line); margin-top: 18px; padding-top: 14px; color: var(--muted); font-size: 10px; }.contact-facility strong { color: var(--navy-700); }

.jobs-toolbar { align-items: center; }.compact-filters { margin: 0; justify-content: flex-end; }.jobs-layout { margin-top: 18px; }.list-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--muted-2); font-size: 10px; margin-bottom: 11px; }.list-heading span:first-child { color: var(--navy-700); font-weight: 750; }.job-card { padding: 18px; background: #fff; border: 1px solid var(--line); border-radius: 15px; margin-bottom: 11px; cursor: pointer; box-shadow: var(--shadow-sm); }.job-card:hover { border-color: #b8d7d5; box-shadow: var(--shadow-md); transform: translateY(-1px); transition: 160ms ease; }.job-card-top { display: flex; gap: 12px; align-items: flex-start; }.company-mini-mark { background: #edf1fa; color: #506b9d; }.job-card-copy { min-width: 0; flex: 1; }.job-card h3 { font-size: 17px; margin: 3px 0 5px; }.job-meta-row { display: flex; gap: 14px; flex-wrap: wrap; color: var(--muted); font-size: 10px; }.job-meta-row span { display: inline-flex; align-items: center; gap: 5px; }.job-status-wrap { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }.job-card-bottom { border-top: 1px solid #eef2f3; margin-top: 15px; padding-top: 12px; display: flex; justify-content: space-between; align-items: center; gap: 13px; }.job-deadline { display: flex; align-items: center; gap: 6px; color: var(--muted-2); font-size: 9px; white-space: nowrap; }.job-deadline strong { color: var(--gold); font-size: 10px; }.job-card-footer { margin-top: 12px; display: flex; justify-content: space-between; gap: 15px; color: var(--muted-2); font-size: 9px; }.job-card-footer .card-link { font-size: 10px; white-space: nowrap; }.safety-card { background: var(--navy-900); color: #fff; border-color: var(--navy-900); }.safety-card-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: #8de0d1; background: rgba(21, 165, 143, 0.15); margin-bottom: 17px; }.safety-card .eyebrow { color: #80d4c6; }.safety-card h3 { color: #fff; font-size: 20px; }.safety-card ul { padding-left: 17px; margin: 17px 0 20px; color: #b0c8cd; font-size: 11px; line-height: 2; }.safety-card .text-button { color: #8de0d1; }

.library-feature { display: grid; grid-template-columns: 1.08fr 0.92fr; min-height: 304px; background: var(--navy-900); color: #fff; border-radius: 19px; overflow: hidden; margin-bottom: 35px; }.library-feature-copy { padding: 32px 38px; }.library-feature-copy .eyebrow { color: #8fe2d2; }.library-feature-copy h2 { color: #fff; font-size: 29px; max-width: 490px; margin: 14px 0 11px; }.library-feature-copy p { color: #b7cdd0; max-width: 520px; font-size: 12px; line-height: 1.65; }.feature-stat-row { display: flex; gap: 27px; margin: 23px 0; }.feature-stat-row span { display: block; }.feature-stat-row strong { color: #fff; display: block; font-size: 20px; }.feature-stat-row small { color: #7fa7ac; display: block; font-size: 9px; margin-top: 2px; }.library-feature-visual { position: relative; display: grid; place-items: center; background: radial-gradient(circle at 45% 52%, rgba(82, 180, 166, 0.18), transparent 43%), #102f43; }.library-feature-visual::after { content: ""; position: absolute; width: 285px; height: 285px; border: 1px solid rgba(129, 222, 208, 0.18); border-radius: 50%; box-shadow: 0 0 0 32px rgba(129, 222, 208, 0.035); }.passport-sheet { width: 220px; padding: 18px 16px 14px; background: #fafbf7; color: var(--navy-900); border-radius: 7px; box-shadow: 0 19px 35px rgba(0, 0, 0, 0.28); transform: rotate(5deg); z-index: 1; }.sheet-top { display: flex; justify-content: space-between; color: var(--teal-dark); font-size: 7px; font-weight: 850; letter-spacing: 0.11em; margin-bottom: 15px; }.sheet-line { height: 5px; width: 69%; border-radius: 3px; background: #e2e8e4; margin: 8px 0; }.sheet-line.wide { width: 86%; background: #c5d9d3; }.sheet-check { display: grid; grid-template-columns: 18px 1fr auto; align-items: center; gap: 5px; padding: 9px 0; border-top: 1px solid #ecf0ec; font-size: 8px; }.sheet-checkmark { width: 15px; height: 15px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--teal); }.sheet-checkmark.pending { background: #f0c96e; color: #6e5115; font-size: 11px; font-weight: 800; }.sheet-checkmark.partial { background: #b9cce4; color: #3d618b; font-size: 11px; font-weight: 800; }.sheet-check em { color: var(--muted); font-size: 7px; font-style: normal; }.sheet-footer { border-top: 1px solid #dbe5e0; padding-top: 10px; color: #8d9c96; font-size: 6px; letter-spacing: 0.1em; text-align: center; }.library-section { margin-bottom: 29px; }.resource-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.resource-card { background: #fff; border: 1px solid var(--line); border-radius: 15px; padding: 18px; cursor: pointer; box-shadow: var(--shadow-sm); display: flex; flex-direction: column; min-height: 262px; }.resource-card:hover { border-color: #b8d7d5; box-shadow: var(--shadow-md); transform: translateY(-1px); transition: 160ms ease; }.resource-card-top { display: flex; align-items: center; gap: 8px; }.resource-icon { width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; color: var(--teal-dark); background: #e7f5f1; flex: 0 0 auto; }.resource-topic { color: var(--muted-2); font-size: 9px; font-weight: 750; flex: 1; }.resource-card .mini-demo { margin-left: auto; }.resource-card h3 { font-size: 16px; margin: 16px 0 7px; }.resource-card p { font-size: 11px; line-height: 1.6; }.resource-meta { display: grid; gap: 4px; color: var(--muted-2); font-size: 9px; margin-top: auto; padding-top: 13px; }.resource-meta span { display: flex; align-items: center; gap: 5px; }.resource-card-footer { border-top: 1px solid #eef2f3; padding-top: 12px; margin-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--muted-2); font-size: 9px; }.resource-card-footer .card-link { font-size: 10px; white-space: nowrap; }.library-boundary { display: flex; gap: 12px; padding: 16px 18px; border: 1px solid #eedfb7; background: #fff9e9; border-radius: 13px; }.library-boundary-icon { width: 31px; height: 31px; border-radius: 9px; display: grid; place-items: center; color: var(--gold); background: #ffedc1; flex: 0 0 auto; }.library-boundary strong { color: #70531b; font-size: 11px; }.library-boundary p { color: #8a7855; font-size: 10px; margin: 4px 0 0; line-height: 1.55; }

.self-check-heading { display: flex; justify-content: space-between; gap: 25px; align-items: flex-end; margin-bottom: 25px; }.self-check-heading h1 { font-size: clamp(28px, 3vw, 42px); margin: 8px 0 9px; }.self-check-heading p { font-size: 13px; margin: 0; max-width: 640px; line-height: 1.6; }.self-check-status { display: flex; align-items: center; gap: 9px; color: var(--navy-700); font-size: 10px; white-space: nowrap; }.self-check-status > span:last-child, .self-check-status small { display: block; }.self-check-status small { color: var(--muted-2); margin-top: 3px; }.status-ring { width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center; border: 5px solid #dbefe9; color: var(--teal-dark); font-size: 13px; font-weight: 800; }.self-check-layout { display: grid; grid-template-columns: minmax(0, 1fr) 302px; gap: 18px; align-items: start; }.self-check-main { min-width: 0; }.check-context { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 17px; border: 1px solid #cce9e3; background: #eefaf7; border-radius: 13px; margin-bottom: 13px; }.check-context strong, .check-context p { display: block; }.check-context strong { font-size: 11px; color: var(--navy-900); margin: 5px 0 2px; }.check-context p { font-size: 10px; margin: 0; }.question-list { display: grid; gap: 11px; }.check-question { display: grid; grid-template-columns: 44px 1fr; gap: 14px; background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 17px; box-shadow: var(--shadow-sm); }.question-number { width: 33px; height: 33px; border-radius: 10px; display: grid; place-items: center; background: var(--navy-900); color: #fff; font-size: 10px; font-weight: 800; }.question-source { display: flex; align-items: center; gap: 5px; color: var(--muted-2); font-size: 9px; }.question-body h3 { font-size: 15px; margin: 8px 0 14px; max-width: 660px; }.answer-options { display: flex; gap: 7px; flex-wrap: wrap; }.answer-option { display: inline-flex; align-items: center; gap: 4px; border: 1px solid var(--line); border-radius: 8px; padding: 7px 9px; background: #fff; color: var(--muted); font-size: 10px; font-weight: 750; }.answer-option:hover { border-color: var(--teal); color: var(--teal-dark); }.answer-option.selected { color: var(--navy-900); border-color: var(--teal); background: #eaf8f4; box-shadow: inset 0 0 0 1px var(--teal); }.answer-no.selected { color: #9d454b; background: var(--red-soft); border-color: #e7a5a9; box-shadow: inset 0 0 0 1px #d77279; }.answer-partial.selected { color: #8b6011; background: var(--gold-soft); border-color: #edcf88; box-shadow: inset 0 0 0 1px #dda93f; }.answer-unknown.selected { color: #5b6b74; background: #eef1f2; border-color: #b5c1c6; box-shadow: inset 0 0 0 1px #9aa9af; }.notes-card { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 18px; margin-top: 13px; }.notes-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }.notes-card-heading h3 { font-size: 15px; margin: 5px 0 0; }.notes-card-heading > .icon { color: var(--teal-dark); }.notes-card textarea { display: block; width: 100%; min-height: 90px; resize: vertical; border: 1px solid var(--line-strong); border-radius: 9px; padding: 10px; margin: 14px 0 10px; color: var(--ink); }.notes-card textarea::placeholder { color: var(--muted-2); }.action-plan-card { background: #fff; border: 1px solid var(--line); border-radius: 15px; padding: 20px; box-shadow: var(--shadow-sm); }.action-plan-card h3 { font-size: 18px; }.action-plan-card > p { font-size: 10px; line-height: 1.55; }.action-items { display: grid; gap: 8px; margin: 16px 0; }.action-item { display: grid; grid-template-columns: 56px 1fr; gap: 7px; padding: 9px; border-radius: 9px; background: #fff9e9; border: 1px solid #f1e0b8; color: var(--navy-700); font-size: 10px; line-height: 1.4; }.action-item-state { color: var(--gold); font-size: 9px; font-weight: 800; text-transform: uppercase; }.empty-action { display: flex; gap: 8px; padding: 11px; background: #f0f9f5; border: 1px solid #cfe9db; border-radius: 9px; margin: 15px 0; }.empty-action > span { color: var(--green); font-weight: 800; }.empty-action p { margin: 0; font-size: 10px; line-height: 1.5; }.action-plan-meta { border-top: 1px solid var(--line); padding: 11px 0; display: grid; gap: 6px; color: var(--muted-2); font-size: 9px; }.action-plan-meta span { display: flex; align-items: center; gap: 5px; }.answer-legend { display: flex; gap: 9px; flex-wrap: wrap; margin-bottom: 12px; color: var(--muted); font-size: 9px; }.answer-legend span { display: inline-flex; align-items: center; gap: 4px; }.legend-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; }.yes-dot { background: var(--teal); }.partial-dot { background: var(--gold); }.unknown-dot { background: #9aa9af; }.no-dot { background: var(--red); }

.inquiry-banner { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border: 1px solid #cce9e3; background: #eefaf7; border-radius: 14px; margin-bottom: 18px; }.inquiry-banner-icon { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: #d6f0e9; color: var(--teal-dark); flex: 0 0 auto; }.inquiry-banner strong { display: block; font-size: 12px; color: var(--navy-900); }.inquiry-banner p { margin: 3px 0 0; font-size: 10px; line-height: 1.5; }.inquiry-banner > .soft-pill { margin-left: auto; }.inquiry-card { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 17px; margin-bottom: 11px; cursor: pointer; box-shadow: var(--shadow-sm); }.inquiry-card:hover { border-color: #b8d7d5; box-shadow: var(--shadow-md); transform: translateY(-1px); transition: 160ms ease; }.inquiry-card-main { display: flex; align-items: flex-start; gap: 11px; }.inquiry-icon { width: 37px; height: 37px; border-radius: 11px; display: grid; place-items: center; flex: 0 0 auto; }.inquiry-icon.status-accepted { color: var(--green); background: var(--green-soft); }.inquiry-icon.status-clarification { color: var(--gold); background: var(--gold-soft); }.inquiry-icon.status-draft { color: var(--blue); background: var(--blue-soft); }.inquiry-card-main > div:last-child { min-width: 0; flex: 1; }.inquiry-card h3 { font-size: 16px; margin: 3px 0 4px; }.inquiry-card p { font-size: 10px; margin: 0; }.inquiry-card-status { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: -29px; }.inquiry-card-status > .icon { color: var(--muted-2); }.inquiry-card-footer { border-top: 1px solid #eef2f3; margin-top: 16px; padding-top: 12px; display: flex; gap: 15px; flex-wrap: wrap; color: var(--muted-2); font-size: 9px; }.inquiry-card-footer span { display: inline-flex; align-items: center; gap: 5px; }.workflow-state-list { display: grid; gap: 10px; color: var(--muted); font-size: 10px; }.workflow-state-list span { display: flex; align-items: center; gap: 7px; }.workflow-dot { width: 7px; height: 7px; border-radius: 50%; }.dot-draft { background: #9aa9af; }.dot-sent { background: var(--blue); }.dot-accepted { background: var(--green); }.dot-issue { background: var(--gold); }

.workspace-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; margin-bottom: 18px; }.workspace-metrics .metric-card { background: #fff; padding: 17px; }.workspace-metrics .metric-value { font-size: 27px; }.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1fr) 0.85fr 282px; gap: 13px; align-items: start; }.dashboard-main { grid-column: 1 / 3; display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.dashboard-card { padding: 19px; min-width: 0; }.dashboard-card .panel-heading h2 { font-size: 18px; }.activity-list { display: grid; }.activity-row { display: flex; align-items: center; gap: 9px; padding: 12px 0; border-top: 1px solid #eef2f3; }.activity-icon { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; color: var(--teal-dark); background: #e8f6f2; flex: 0 0 auto; }.activity-row strong, .activity-row small { display: block; }.activity-row strong { color: var(--navy-900); font-size: 11px; }.activity-row small { color: var(--muted-2); font-size: 9px; margin-top: 2px; }.activity-row > span:nth-child(2) { min-width: 0; flex: 1; }.activity-arrow { color: var(--muted-2); }.expiry-row { display: grid; grid-template-columns: 29px 1fr auto; align-items: center; gap: 8px; padding: 11px 0; border-top: 1px solid #eef2f3; }.expiry-icon { width: 28px; height: 28px; display: grid; place-items: center; color: var(--gold); background: var(--gold-soft); border-radius: 8px; }.expiry-row strong, .expiry-row small { display: block; }.expiry-row strong { color: var(--navy-900); font-size: 10px; }.expiry-row small { color: var(--muted-2); font-size: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.expiry-date { color: var(--gold); font-size: 10px; font-weight: 800; white-space: nowrap; }.empty-expiry { border-top: 1px solid var(--line); margin-top: 7px; padding-top: 12px; color: var(--muted-2); font-size: 9px; display: flex; align-items: center; gap: 5px; }.empty-expiry .icon { color: var(--green); }.dashboard-aside { grid-column: 3; }.data-boundary-card, .source-health-card { padding: 18px; }.data-boundary-card h3 { font-size: 17px; }.data-class-list { display: grid; gap: 9px; margin: 17px 0; color: var(--muted); font-size: 10px; }.data-class-list span { display: flex; align-items: center; gap: 8px; }.class-dot { width: 8px; height: 8px; border-radius: 3px; }.class-dot.public { background: var(--teal); }.class-dot.registered { background: var(--blue); }.class-dot.restricted { background: var(--gold); }.class-dot.confidential { background: var(--red); }.source-health-card .panel-heading { margin-bottom: 10px; }.health-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 0 4px #e0f4f0; margin: 7px 4px 0 0; }.source-health-row { display: grid; grid-template-columns: 29px 1fr auto; gap: 8px; align-items: center; padding: 11px 0; border-top: 1px solid #eef2f3; }.source-logo { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; background: #e6f5f1; color: var(--teal-dark); font-weight: 800; font-size: 11px; }.source-logo.muted { color: #73848a; background: #eef1f2; }.source-health-row strong, .source-health-row small { display: block; }.source-health-row strong { color: var(--navy-900); font-size: 10px; }.source-health-row small { color: var(--muted-2); font-size: 8px; margin-top: 2px; }.health-label { color: var(--green); font-size: 9px; font-weight: 800; }.health-label.muted { color: var(--muted-2); }.source-health-note { padding-top: 11px; border-top: 1px solid var(--line); color: var(--muted-2); font-size: 9px; line-height: 1.5; }.workspace-footer-callout { display: flex; align-items: center; gap: 12px; padding: 16px 18px; background: #fff; border: 1px solid var(--line); border-radius: 13px; margin-top: 14px; }.workspace-footer-callout > .icon, .workspace-footer-callout > div:first-child { color: var(--teal-dark); }.workspace-footer-callout strong { font-size: 11px; }.workspace-footer-callout p { margin: 3px 0 0; font-size: 10px; }.workspace-footer-callout .text-button { margin-left: auto; white-space: nowrap; }

.empty-state { background: #fff; border: 1px dashed var(--line-strong); border-radius: 15px; text-align: center; padding: 48px 22px; }.empty-state-icon { width: 45px; height: 45px; display: grid; place-items: center; margin: 0 auto 13px; border-radius: 13px; color: var(--teal-dark); background: #e7f5f1; }.empty-state h3 { margin-bottom: 5px; }.empty-state p { font-size: 11px; margin-bottom: 15px; }

.modal-overlay { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 22px; background: rgba(5, 20, 29, 0.63); backdrop-filter: blur(5px); overflow: auto; }.modal-frame, .drawer-frame { width: min(100%, 590px); max-height: calc(100vh - 44px); overflow: auto; padding: 22px; background: #fff; border-radius: 19px; box-shadow: 0 26px 90px rgba(0, 0, 0, 0.28); animation: modal-in 180ms ease; }.modal-wide { width: min(100%, 760px); }.drawer-frame { width: min(100%, 650px); margin-left: auto; margin-right: 0; min-height: calc(100vh - 44px); border-radius: 19px 0 0 19px; }.modal-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 20px; }.modal-top h2 { font-size: 23px; margin-top: 6px; }.modal-close { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--line); background: #fff; border-radius: 9px; color: var(--muted); flex: 0 0 auto; }.modal-close:hover { color: var(--red); border-color: #e1b6b8; }.modal-actions { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; border-top: 1px solid var(--line); margin-top: 23px; padding-top: 16px; }.drawer-status-row, .detail-status-line { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 19px; }.detail-status-line > span:last-child { color: var(--muted-2); font-size: 10px; }.evidence-drawer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; padding: 16px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.drawer-label { display: block; color: var(--muted-2); font-size: 9px; font-weight: 800; letter-spacing: 0.12em; margin-bottom: 5px; }.evidence-drawer-grid h3 { font-size: 18px; margin: 0; }.evidence-drawer-grid strong { font-size: 11px; color: var(--navy-900); }.evidence-drawer-grid p { font-size: 10px; margin: 3px 0 0; line-height: 1.45; }.drawer-scope { font-size: 11px !important; margin-top: 6px !important; }.drawer-callout, .preview-warning, .privacy-note, .resource-content-note { display: flex; align-items: flex-start; gap: 9px; padding: 13px; border-radius: 10px; background: #fff9e9; border: 1px solid #f0dfb3; margin-top: 17px; }.drawer-callout > span, .preview-warning > span, .privacy-note > span, .resource-content-note > span { color: var(--gold); flex: 0 0 auto; }.drawer-callout strong, .preview-warning strong { color: #70531b; font-size: 10px; }.drawer-callout p, .preview-warning p, .privacy-note p, .resource-content-note p { color: #8a7855; font-size: 10px; line-height: 1.55; margin: 3px 0 0; }.drawer-source { border-top: 1px solid var(--line); margin-top: 18px; padding-top: 15px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }.drawer-source strong { display: block; color: var(--navy-900); font-size: 11px; }.drawer-source p { color: var(--muted); font-size: 10px; line-height: 1.55; margin: 4px 0 0; max-width: 400px; }.form-intro, .guide-lede, .privacy-summary, .commercial-lede { display: flex; align-items: flex-start; gap: 10px; padding: 13px; border-radius: 11px; background: #eefaf7; border: 1px solid #cce9e3; margin-bottom: 17px; }.form-intro-icon, .guide-lede > span, .commercial-lede > span { width: 32px; height: 32px; display: grid; place-items: center; color: var(--teal-dark); background: #d6f0e9; border-radius: 9px; flex: 0 0 auto; }.form-intro p, .guide-lede p, .privacy-summary p, .commercial-lede p { font-size: 10px; line-height: 1.55; margin: 0; }.form-grid, .apply-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.form-grid label, .apply-form-grid label, .modal-frame > form > label { display: grid; gap: 6px; }.form-grid label > span, .apply-form-grid label > span, .modal-frame > form > label > span, .attachment-field > span { color: var(--navy-700); font-size: 10px; font-weight: 750; }.form-grid input, .form-grid select, .apply-form-grid input, .apply-form-grid select, .apply-form-grid textarea, .modal-frame > form > label textarea, .modal-frame > form > label select { width: 100%; border: 1px solid var(--line-strong); border-radius: 8px; background: #fff; color: var(--ink); padding: 9px 10px; min-height: 38px; outline: 0; }.form-grid input:focus, .form-grid select:focus, .apply-form-grid input:focus, .apply-form-grid select:focus, .apply-form-grid textarea:focus, .modal-frame > form > label textarea:focus, .modal-frame > form > label select:focus { border-color: var(--teal); }.apply-form-grid textarea, .modal-frame > form > label textarea { min-height: 85px; resize: vertical; }.full-span { grid-column: 1 / -1; }.disclosure-controls { margin-top: 19px; border-top: 1px solid var(--line); padding-top: 18px; }.disclosure-controls-heading { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 11px; }.disclosure-controls-heading h3 { font-size: 15px; margin: 4px 0 0; }.disclosure-controls-heading > .icon { color: var(--teal-dark); }.toggle-row { display: flex !important; grid-template-columns: none !important; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid #eef2f3; cursor: pointer; }.toggle-row input { position: absolute; opacity: 0; pointer-events: none; }.toggle-switch { width: 31px; height: 18px; background: #d4dfe1; border-radius: 99px; position: relative; flex: 0 0 auto; transition: background 160ms ease; }.toggle-switch::after { content: ""; width: 13px; height: 13px; position: absolute; left: 3px; top: 2.5px; background: #fff; border-radius: 50%; transition: transform 160ms ease; box-shadow: 0 1px 3px rgba(13, 37, 56, 0.18); }.toggle-row input:checked + .toggle-switch { background: var(--teal); }.toggle-row input:checked + .toggle-switch::after { transform: translateX(12px); }.toggle-row > span:last-child { min-width: 0; }.toggle-row strong, .toggle-row small { display: block; }.toggle-row strong { color: var(--navy-900); font-size: 10px; }.toggle-row small { color: var(--muted); font-size: 9px; margin-top: 2px; }.attachment-field { display: grid; gap: 6px; margin-top: 15px; }.attachment-field input { width: 100%; border: 1px dashed var(--line-strong); border-radius: 8px; padding: 8px; background: #f9fbfb; font-size: 10px; }.attachment-field small { color: var(--muted-2); font-size: 9px; }.acknowledgement { margin-top: 12px; border-bottom: 0; }.preview-intro { display: flex; gap: 10px; padding: 14px; background: #eefaf7; border: 1px solid #cce9e3; border-radius: 11px; }.preview-lock { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; color: var(--teal-dark); background: #d6f0e9; flex: 0 0 auto; }.preview-intro strong { font-size: 11px; }.preview-intro p { font-size: 10px; line-height: 1.55; margin: 3px 0 0; }.preview-recipient { padding: 15px 0; border-bottom: 1px solid var(--line); }.preview-recipient strong, .preview-recipient small { display: block; }.preview-recipient strong { color: var(--navy-900); font-size: 15px; }.preview-recipient small { color: var(--muted-2); font-size: 9px; margin-top: 3px; }.disclosure-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; margin-top: 15px; }.disclosure-box { padding: 15px; border-radius: 11px; border: 1px solid; min-height: 155px; }.visible-box { background: #f0f9f5; border-color: #cfe9db; }.hidden-box { background: #f8fafb; border-color: var(--line); }.disclosure-box-heading { display: flex; align-items: center; gap: 6px; font-size: 11px; margin-bottom: 12px; }.visible-box .disclosure-box-heading { color: var(--green); }.hidden-box .disclosure-box-heading { color: var(--navy-700); }.disclosure-box dl { margin: 0; display: grid; gap: 8px; }.disclosure-box dl > div { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; border-top: 1px solid rgba(39, 120, 77, 0.12); padding-top: 7px; }.disclosure-box dt { color: var(--muted-2); font-size: 9px; }.disclosure-box dd { color: var(--navy-700); font-size: 9px; font-weight: 700; margin: 0; text-align: right; }.disclosure-box ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 9px; }.disclosure-box li { display: flex; align-items: center; gap: 5px; color: var(--navy-700); font-size: 10px; }.disclosure-box li .icon { color: var(--teal-dark); }.disclosure-box > small { display: block; color: var(--muted-2); font-size: 9px; line-height: 1.45; margin-top: 17px; }.preview-warning { background: #fff9e9; }.inquiry-detail-recipient { display: flex; align-items: center; gap: 10px; padding: 14px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.inquiry-detail-recipient strong, .inquiry-detail-recipient p { display: block; }.inquiry-detail-recipient strong { color: var(--navy-900); font-size: 14px; }.inquiry-detail-recipient p { font-size: 10px; margin: 3px 0 0; }.response-timeline { display: grid; gap: 0; margin: 17px 0 4px 7px; }.response-line { display: flex; align-items: center; gap: 10px; position: relative; padding: 8px 0 16px 17px; border-left: 1px solid var(--line-strong); }.response-line:last-child { border-left-color: transparent; }.response-dot { position: absolute; left: -5px; width: 9px; height: 9px; border-radius: 50%; background: var(--green); border: 2px solid #fff; box-shadow: 0 0 0 1px var(--green); }.response-dot.pending { background: var(--gold); box-shadow: 0 0 0 1px var(--gold); }.response-line strong, .response-line small { display: block; }.response-line strong { color: var(--navy-900); font-size: 10px; }.response-line small { color: var(--muted-2); font-size: 9px; margin-top: 2px; }.job-detail-header { display: flex; align-items: center; gap: 10px; padding: 13px; border: 1px solid var(--line); background: #f9fbfb; border-radius: 11px; }.company-mini-mark.large { width: 43px; height: 43px; }.job-detail-header > div:nth-child(2) { flex: 1; min-width: 0; }.job-detail-header strong { color: var(--navy-900); font-size: 12px; }.job-detail-header p { font-size: 10px; margin: 3px 0 0; }.job-detail-grid, .resource-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; padding: 17px 0; border-bottom: 1px solid var(--line); }.job-detail-grid strong, .resource-detail-grid strong { display: block; color: var(--navy-900); font-size: 11px; }.job-detail-grid p, .resource-detail-grid p { font-size: 9px; line-height: 1.45; margin: 3px 0 0; }.job-skills-detail { padding: 16px 0 1px; }.job-skills-detail > p { font-size: 10px; margin: 10px 0 0; }.job-safety-callout, .apply-safety-banner { display: flex; align-items: flex-start; gap: 9px; padding: 13px; border-radius: 10px; background: #eefaf7; border: 1px solid #cce9e3; margin-top: 17px; }.job-safety-callout > span, .apply-safety-banner > span { color: var(--teal-dark); }.job-safety-callout strong, .apply-safety-banner strong { color: var(--navy-900); font-size: 10px; }.job-safety-callout p, .apply-safety-banner p { font-size: 10px; line-height: 1.55; margin: 3px 0 0; }.job-detail-source { display: flex; gap: 16px; flex-wrap: wrap; color: var(--muted-2); font-size: 9px; margin-top: 14px; }.job-detail-source span { display: inline-flex; align-items: center; gap: 5px; }.apply-form-grid { margin-top: 18px; }.resource-detail-banner { display: flex; align-items: center; gap: 10px; padding: 14px; background: #eefaf7; border: 1px solid #cce9e3; border-radius: 11px; }.resource-detail-banner > div { flex: 1; min-width: 0; }.resource-detail-banner strong, .resource-detail-banner p { display: block; }.resource-detail-banner strong { font-size: 11px; }.resource-detail-banner p { font-size: 9px; margin: 3px 0 0; }.resource-detail-copy > p { font-size: 12px; line-height: 1.65; margin: 17px 0 0; }.resource-detail-grid { border-top: 1px solid var(--line); margin-top: 17px; }.resource-content-note { margin-top: 15px; background: #f8fafb; border-color: var(--line); }.resource-content-note > span { color: var(--teal-dark); }.resource-content-note p { color: var(--muted); }.guide-lede { background: #eefaf7; }.safety-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }.safety-guide-item { padding: 14px; border: 1px solid var(--line); border-radius: 11px; }.safety-guide-item > span { color: var(--teal-dark); font-size: 10px; font-weight: 800; }.safety-guide-item h3 { font-size: 14px; margin: 8px 0 5px; }.safety-guide-item p { font-size: 10px; line-height: 1.55; margin: 0; }.privacy-summary { background: #eefaf7; }.privacy-summary-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; color: var(--teal-dark); background: #d6f0e9; flex: 0 0 auto; }.privacy-summary strong { font-size: 11px; }.privacy-control-list { display: grid; gap: 0; }.privacy-control-list .toggle-row { cursor: default; }.privacy-control-list .toggle-row input:checked + .toggle-switch { background: var(--teal); }.privacy-note { background: #fff9e9; }.profile-settings-head { display: flex; align-items: center; gap: 10px; padding: 14px; background: #f8fafb; border: 1px solid var(--line); border-radius: 11px; }.large-avatar { width: 42px; height: 42px; }.profile-settings-head > div { flex: 1; }.profile-settings-head strong, .profile-settings-head p { display: block; }.profile-settings-head strong { font-size: 12px; }.profile-settings-head p { font-size: 10px; margin: 2px 0 0; }.settings-list { margin-top: 16px; }.settings-row { display: grid; grid-template-columns: 29px 1fr auto; align-items: center; gap: 9px; padding: 12px 0; border-top: 1px solid var(--line); }.settings-row-icon { width: 28px; height: 28px; display: grid; place-items: center; color: var(--teal-dark); background: #e8f6f2; border-radius: 8px; }.settings-row strong, .settings-row small { display: block; }.settings-row strong { color: var(--navy-900); font-size: 10px; }.settings-row small { color: var(--muted-2); font-size: 9px; margin-top: 2px; }.settings-state, .settings-action { color: var(--muted); font-size: 9px; font-weight: 800; }.settings-action { border: 1px solid var(--line-strong); border-radius: 7px; background: #fff; padding: 6px 8px; }.settings-footer, .notification-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid var(--line); margin-top: 15px; padding-top: 15px; }.notification-list { display: grid; gap: 0; }.notification-row { display: grid; grid-template-columns: 31px 1fr auto; gap: 9px; align-items: center; padding: 12px 0; border-top: 1px solid var(--line); }.notification-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; }.notification-icon.status-current { color: var(--teal-dark); background: #e7f5f1; }.notification-icon.status-expiring { color: var(--gold); background: var(--gold-soft); }.notification-icon.status-disputed { color: var(--red); background: var(--red-soft); }.notification-row strong, .notification-row small { display: block; }.notification-row strong { color: var(--navy-900); font-size: 10px; }.notification-row small { color: var(--muted-2); font-size: 9px; margin-top: 2px; }.notification-footer p { font-size: 9px; line-height: 1.5; margin: 0; max-width: 480px; }.commercial-lede { background: #eefaf7; }.commercial-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }.commercial-grid > div { padding: 15px; border: 1px solid var(--line); border-radius: 11px; }.commercial-grid p { font-size: 10px; line-height: 1.6; margin: 6px 0 0; }.commercial-quote { border-left: 3px solid var(--gold); padding: 10px 13px; background: #fff9e9; color: #76571d; font-size: 11px; line-height: 1.6; margin-top: 15px; }.boundary-modal-lede { display: flex; gap: 11px; padding: 15px; background: var(--navy-900); border-radius: 12px; color: #fff; }.boundary-modal-lede > span { color: #8fe2d2; flex: 0 0 auto; }.boundary-modal-lede strong { font-size: 12px; }.boundary-modal-lede p { color: #b8cfd2; font-size: 10px; line-height: 1.55; margin: 4px 0 0; }.boundary-modal-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; padding: 21px 0 15px; }.check-list, .x-list { list-style: none; padding: 0; margin: 8px 0 0; display: grid; gap: 9px; }.check-list li, .x-list li { display: flex; gap: 6px; color: var(--muted); font-size: 10px; line-height: 1.45; }.check-list .icon { color: var(--green); flex: 0 0 auto; }.x-list .icon { color: var(--red); flex: 0 0 auto; }.boundary-modal-footer { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; padding: 11px 0 0; border-top: 1px solid var(--line); color: var(--muted-2); font-size: 9px; }.boundary-modal-footer span { display: inline-flex; align-items: center; gap: 5px; }.audit-table-wrap { overflow-x: auto; }.audit-table { width: 100%; border-collapse: collapse; font-size: 10px; }.audit-table caption { text-align: left; color: var(--muted); font-size: 10px; margin-bottom: 10px; }.audit-table th, .audit-table td { text-align: left; border-top: 1px solid var(--line); padding: 10px 7px; white-space: nowrap; }.audit-table th { color: var(--muted-2); font-size: 9px; letter-spacing: 0.06em; text-transform: uppercase; }.audit-table td { color: var(--navy-700); }

.app-footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 18px 38px 24px; border-top: 1px solid var(--line); color: var(--muted-2); font-size: 9px; }.footer-links { display: flex; gap: 13px; }.footer-links button { border: 0; background: transparent; padding: 0; color: var(--muted); font-size: 9px; }.footer-links button:hover { color: var(--teal-dark); text-decoration: underline; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
#toastRoot { position: fixed; right: 22px; bottom: 22px; z-index: 200; }.toast { display: flex; align-items: center; gap: 8px; max-width: 350px; padding: 11px 13px; color: #fff; background: var(--navy-900); border-radius: 10px; box-shadow: 0 12px 30px rgba(13, 37, 56, 0.22); font-size: 11px; animation: toast-in 180ms ease; }.toast-icon { width: 20px; height: 20px; display: grid; place-items: center; color: #8fe2d2; border-radius: 50%; background: rgba(21, 165, 143, 0.18); }
@keyframes modal-in { from { opacity: 0; transform: translateY(8px) scale(0.99); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes toast-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 1180px) {
  .dashboard-grid { grid-template-columns: minmax(0, 1fr) 282px; }.dashboard-main { grid-column: 1 / -1; }.dashboard-aside { grid-column: 2; grid-row: 1; }.home-hero { grid-template-columns: 1fr 0.82fr; }.hero-copy { padding-left: 37px; }.directory-layout, .jobs-layout, .inquiry-layout, .profile-layout, .self-check-layout { grid-template-columns: minmax(0, 1fr) 265px; }
}

@media (max-width: 930px) {
  .side-rail { width: 218px; flex-basis: 218px; }.app-content { padding: 31px 25px 48px; }.topbar { padding: 0 25px; }.demo-bar { padding: 7px 25px; }.app-footer { padding-left: 25px; padding-right: 25px; }.hero-copy { padding: 45px 25px; }.hero-visual { min-height: 390px; }.home-hero { min-height: 390px; }.feature-grid, .resource-grid { grid-template-columns: 1fr 1fr; }.feature-card:last-child, .resource-card:last-child { grid-column: 1 / -1; }.split-section { grid-template-columns: 1fr; }.directory-layout, .jobs-layout, .inquiry-layout, .profile-layout, .self-check-layout { grid-template-columns: 1fr; }.directory-aside, .jobs-aside, .inquiry-aside, .profile-aside, .self-check-aside { grid-template-columns: 1fr 1fr; align-items: start; }.trust-snapshot { grid-column: span 1; }.workspace-metrics { grid-template-columns: repeat(2, 1fr); }.dashboard-grid { grid-template-columns: 1fr; }.dashboard-main { grid-template-columns: 1fr 1fr; }.dashboard-aside { grid-column: 1; grid-row: auto; grid-template-columns: 1fr 1fr; }.library-feature { grid-template-columns: 1fr 0.8fr; }.passport-banner { align-items: flex-start; flex-direction: column; }.passport-banner-rule { justify-content: flex-start; }.facility-switcher { align-items: flex-start; flex-direction: column; gap: 13px; }.facility-tabs { width: 100%; }.profile-heading { align-items: flex-start; flex-wrap: wrap; }.profile-heading-actions { margin-left: 85px; margin-top: -5px; }
}

@media (max-width: 700px) {
  body { font-size: 13px; }.side-rail { position: fixed; transform: translateX(-100%); transition: transform 180ms ease; box-shadow: 14px 0 35px rgba(0, 0, 0, 0.17); }.side-rail.is-open { transform: translateX(0); }.main-column { width: 100%; }.demo-bar { min-height: 38px; padding: 7px 16px; align-items: flex-start; flex-wrap: wrap; gap: 5px 7px; }.demo-bar > span:nth-of-type(2) { flex-basis: 100%; padding-left: 13px; }.demo-link { margin-left: 13px; }.topbar { height: 61px; padding: 0 16px; }.mobile-menu { border: 0; background: transparent; color: var(--navy-900); width: 30px; height: 30px; display: grid; place-items: center; font-size: 20px; }.mobile-brand { display: block; color: var(--navy-900); font-weight: 800; font-size: 14px; margin-right: auto; margin-left: 7px; }.topbar-right { gap: 7px; }.topbar-right .icon-button { font-size: 23px; }.language-toggle { font-size: 10px; }.top-avatar { width: 31px; height: 31px; }.app-content { padding: 24px 16px 38px; }.app-footer { padding: 16px; align-items: flex-start; flex-direction: column; gap: 8px; }.home-hero { display: block; border-radius: 18px; }.hero-copy { padding: 36px 22px 31px; }.hero-copy h1 { font-size: 36px; }.hero-copy p { font-size: 13px; line-height: 1.6; }.hero-search { min-height: 48px; padding-left: 12px; }.hero-search .btn { min-height: 36px; padding: 0 10px; font-size: 10px; }.hero-search .btn .icon { display: none; }.hero-shortcuts { gap: 12px; }.hero-visual { min-height: 310px; }.hero-node { font-size: 9px; }.node-top { top: 13%; }.node-left { left: 9%; }.node-right { right: 6%; }.hero-core { width: 100px; height: 100px; }.orbit-one { width: 310px; }.orbit-two { height: 275px; }.orbit-three { width: 350px; height: 270px; }.hero-coordinate { right: 13px; bottom: 13px; font-size: 7px; }.demo-strip { align-items: flex-start; flex-wrap: wrap; margin-bottom: 30px; padding: 13px; }.demo-strip .text-button { margin-left: 44px; }.section-heading { align-items: flex-start; flex-direction: column; gap: 9px; }.feature-grid, .resource-grid, .overview-grid, .claim-grid, .boundary-grid, .directory-aside, .jobs-aside, .inquiry-aside, .profile-aside, .self-check-aside, .dashboard-aside, .safety-grid, .commercial-grid { grid-template-columns: 1fr; }.feature-card:last-child, .resource-card:last-child { grid-column: auto; }.feature-card { min-height: auto; }.split-section { gap: 12px; }.workspace-preview-grid { grid-template-columns: repeat(3, 1fr); }.update-row { grid-template-columns: 30px 1fr 15px; }.update-row .status-badge { display: none; }.page-header { align-items: flex-start; flex-direction: column; margin-bottom: 21px; gap: 15px; }.page-header h1 { font-size: 34px; }.page-header p { font-size: 12px; }.page-header-actions { width: 100%; }.page-header-actions .btn { width: 100%; }.directory-toolbar, .jobs-toolbar { align-items: stretch; flex-direction: column; padding: 12px; gap: 10px; }.search-field { width: 100%; max-width: none; min-height: 36px; }.toolbar-meta { justify-content: space-between; width: 100%; }.filter-row { margin-bottom: 18px; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 2px; }.filter-chip { white-space: nowrap; }.directory-card { display: block; padding: 14px; }.directory-card-side { align-items: flex-start; flex-direction: row; justify-content: space-between; margin: 13px 0 0 53px; }.directory-card-bottom { align-items: flex-start; flex-direction: column; gap: 8px; }.card-bottom-note { flex-wrap: wrap; }.profile-heading { gap: 11px; }.profile-org-mark { width: 53px; height: 53px; border-radius: 15px; font-size: 15px; }.profile-heading-copy { width: calc(100% - 64px); }.profile-heading-copy h1 { font-size: 29px; }.profile-heading-copy p { font-size: 11px; }.profile-meta-row { gap: 8px; }.profile-heading-actions { width: 100%; margin: 5px 0 0; }.profile-heading-actions .icon-action { flex: 1; justify-content: center; }.profile-heading-actions .btn { flex: 2; }.passport-banner { padding: 14px; }.passport-banner-main { align-items: flex-start; }.passport-banner-rule { gap: 8px; flex-direction: column; }.facility-tabs { overflow-x: auto; padding-bottom: 2px; }.facility-tab { min-width: 220px; }.profile-tabs { gap: 14px; overflow-x: auto; }.profile-tab { white-space: nowrap; }.claim-card { padding: 13px; }.claim-card-top { flex-direction: column; gap: 7px; }.claim-scope { min-height: auto; }.location-label { font-size: 10px; }.self-check-heading { align-items: flex-start; flex-direction: column; gap: 15px; }.self-check-heading h1 { font-size: 29px; }.check-context { align-items: flex-start; flex-direction: column; }.check-question { grid-template-columns: 34px 1fr; gap: 9px; padding: 13px; }.question-body h3 { font-size: 13px; }.answer-option { flex: 1 1 auto; justify-content: center; }.inquiry-banner { align-items: flex-start; flex-wrap: wrap; }.inquiry-banner > .soft-pill { margin-left: 50px; }.inquiry-card-status { justify-content: flex-start; margin: 13px 0 0 48px; }.workspace-metrics { gap: 8px; }.workspace-metrics .metric-card { padding: 13px; }.workspace-metrics .metric-value { font-size: 23px; }.dashboard-main { grid-template-columns: 1fr; }.workspace-footer-callout { align-items: flex-start; flex-wrap: wrap; }.workspace-footer-callout .text-button { margin-left: 34px; }.modal-overlay { padding: 9px; place-items: end center; }.modal-frame, .drawer-frame { width: 100%; max-height: calc(100vh - 18px); min-height: 0; border-radius: 17px; padding: 17px; }.drawer-frame { min-height: calc(100vh - 18px); }.modal-top h2 { font-size: 20px; }.evidence-drawer-grid, .disclosure-columns, .job-detail-grid, .resource-detail-grid, .form-grid, .apply-form-grid, .boundary-modal-grid { grid-template-columns: 1fr; }.drawer-source { align-items: flex-start; flex-direction: column; }.modal-actions { flex-direction: column-reverse; }.modal-actions .btn { width: 100%; }.settings-footer { flex-direction: column; }.settings-footer .btn { width: 100%; }.notification-footer { align-items: flex-start; flex-direction: column; }.notification-footer .btn { width: 100%; }.toast { max-width: calc(100vw - 32px); }.feature-stat-row { gap: 18px; }.library-feature { display: block; }.library-feature-copy { padding: 28px 23px; }.library-feature-copy h2 { font-size: 25px; }.library-feature-visual { min-height: 245px; }.passport-sheet { transform: rotate(4deg) scale(0.9); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}

@media (max-width: 700px) {
  .hero-search .btn { width: 39px; padding: 0; font-size: 0; }
  .hero-search .btn .icon { display: block; }
}

/* Release hardening: keyboard-visible states for custom interactive surfaces. */
.directory-card[role="button"]:focus-visible,
.job-card[role="button"]:focus-visible,
.resource-card[role="button"]:focus-visible,
.inquiry-card[role="button"]:focus-visible {
  outline: 3px solid rgba(21, 165, 143, 0.35);
  outline-offset: 3px;
}

.toggle-row input:focus + .toggle-switch {
  outline: 3px solid rgba(21, 165, 143, 0.35);
  outline-offset: 3px;
}