/* Mobile-only layer, loaded after existing page styles. Desktop geometry is unchanged. */
.pf-mobile-tabs, .pf-mobile-form-heading { display: none; }
.pf-mobile-more:not([open]) { display: none; }
.pf-mobile-eyebrow, .pf-mobile-intro, .pf-mobile-match { display: none; }
.pf-personal-icon, .pf-personal-link, .pf-personal-label { display: none; }
.company-filter-summary, .company-filter-tools, .company-filter-label { display: none; }
@media (max-width: 1024px) {
  body.notice-page.pf-mobile-page.app-refresh .company-recommendation-head-right { min-width: 0; max-width: 100%; flex-wrap: wrap !important; white-space: normal; }
  body.notice-page.pf-mobile-page.app-refresh #companyRecommendationMeta { white-space: normal; overflow-wrap: anywhere; max-width: 100%; }
}
@media (max-width: 760px) {
  /* Authentication uses the same origin and responsive controls, without a distracting tab bar. */
  body.notice-page.app-refresh.pf-mobile-auth main :is(input,select,textarea):not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=submit]),
  body.notice-page.pf-mobile-page .auth-modal .auth-form input:not([type=checkbox]) { font-size: 16px !important; min-height: 46px; max-width: 100%; box-sizing: border-box; }
  body.notice-page.app-refresh.pf-mobile-auth :is(.register-panel,.verification-card) { padding: 24px 16px !important; min-width: 0; overflow-wrap: anywhere; }
  body.notice-page.app-refresh.pf-mobile-auth .auth-form > button { min-height: 48px; }
  body.notice-page.app-refresh.pf-mobile-auth .auth-check { min-height: 44px; align-items: flex-start; }
  body.notice-page.pf-mobile-page .auth-modal { max-height: calc(100dvh - 32px); overflow-y: auto; overscroll-behavior: contain; }
  body.notice-page.pf-mobile-page { --pf-tabs-height: 68px; padding-bottom: calc(var(--pf-tabs-height) + env(safe-area-inset-bottom, 0px)) !important; }
  html:has(body.pf-mobile-page) { scroll-padding-top: 80px; scroll-padding-bottom: 160px; }
  body.notice-page.pf-mobile-page *, body.notice-page.pf-mobile-page *::before, body.notice-page.pf-mobile-page *::after { box-sizing: border-box; }
  .pf-mobile-tabs { position: fixed; inset: auto 0 0; z-index: 90; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); min-height: var(--pf-tabs-height); padding: 4px max(8px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)); background: #fff; border-top: 1px solid #dfe6f0; box-shadow: 0 -4px 20px #17253d08; }
  .pf-mobile-tabs a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 60px; color: #66748a; text-decoration: none; font-size: 12px; font-weight: 600; line-height: 1.2; border-radius: 12px; -webkit-tap-highlight-color: transparent; }
  .pf-mobile-tabs svg { width: 23px; height: 23px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  .pf-mobile-tabs a[aria-current="page"] { color: #1263f1; background: #edf4ff; }
  .pf-mobile-tabs a:focus-visible, .pf-mobile-more :is(a,button):focus-visible { outline: 3px solid #1263f1; outline-offset: -3px; }
  body.pf-mobile-page.pf-mobile-editing .pf-mobile-tabs { display: none; }
  body.pf-mobile-page.pf-more-open { overflow: hidden; }
  .pf-mobile-more { position: fixed; inset: auto 0 0; width: 100%; max-width: 560px; max-height: 85dvh; margin: 0 auto; padding: 16px 20px max(24px, env(safe-area-inset-bottom)); color: #17253d; background: #fff; border: 0; border-radius: 22px 22px 0 0; overflow-y: auto; overscroll-behavior: contain; }
  .pf-mobile-more::backdrop { background: #10213f66; }
  .pf-mobile-more-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
  .pf-mobile-more-head h2 { margin: 0; font-size: 21px; }
  .pf-mobile-more-head button { width: 44px; height: 44px; border: 0; border-radius: 50%; background: #f0f4f9; color: #45546c; font-size: 28px; cursor: pointer; }
  .pf-mobile-more nav { display: grid; }
  .pf-mobile-more nav a { display: flex; justify-content: space-between; align-items: center; min-height: 54px; padding: 12px 4px; border-bottom: 1px solid #edf0f5; font-size: 16px; color: inherit; text-decoration: none; }
  .pf-mobile-more nav a span { color: #8a97aa; }

  /* Use one shell across public, company and saved-notice screens. */
  body.notice-page.pf-mobile-page:is(.app-refresh,.notice-workspace,.home-page) .notice-header { padding-inline: 16px !important; gap: 8px !important; min-height: 60px !important; height: 60px !important; }
  body.notice-page.pf-mobile-page:is(.app-refresh,.notice-workspace,.home-page) .notice-header .notice-mobile-nav { display: none !important; }
  body.notice-page.pf-mobile-page:is(.app-refresh,.notice-workspace,.home-page) .notice-header .notice-actions { margin-left: auto !important; }
  body.notice-page.pf-mobile-page:is(.app-refresh,.notice-workspace,.home-page) .auth-user-name { max-width: 72px !important; }
  body.notice-page.pf-mobile-page:is(.app-refresh,.notice-workspace,.home-page) main :is(input,select,textarea):not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=submit]) { font-size: 16px !important; max-width: 100%; }
  body.notice-page.pf-mobile-page:is(.app-refresh,.notice-workspace,.home-page) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select) { min-height: 46px; }
  body.notice-page.pf-mobile-page:is(.app-refresh,.notice-workspace,.home-page) :is(.notice-toast,.interest-toast,.save-outcome) { bottom: calc(var(--pf-tabs-height) + env(safe-area-inset-bottom, 0px) + 12px) !important; max-width: calc(100% - 32px); }
  body.notice-page.pf-mobile-page:is(.app-refresh,.notice-workspace,.home-page) .site-footer { padding-bottom: 20px; }

  /* Search: compact introduction, generous touch controls and unclipped titles. */
  body.notice-page.pf-mobile-page.notice-workspace .notice-shell { width: calc(100% - 32px) !important; padding-top: 24px !important; }
  body.notice-page.pf-mobile-page.notice-workspace .notice-search { min-height: 50px !important; height: auto !important; }
  body.notice-page.pf-mobile-page.notice-workspace #noticeSearchInput { min-width: 0; font-size: 16px !important; }
  body.notice-page.pf-mobile-page.notice-workspace .notice-search-submit { min-height: 46px; }
  body.notice-page.pf-mobile-page.notice-workspace .notice-card.notice-table-row { border-radius: 14px !important; padding: 18px 16px !important; }
  body.notice-page.pf-mobile-page.notice-workspace .notice-card-title { display: block !important; white-space: normal !important; overflow: visible !important; -webkit-line-clamp: unset !important; overflow-wrap: anywhere; font-size: 17px !important; line-height: 1.55 !important; }
  body.notice-page.pf-mobile-page.notice-workspace .notice-category-rail { scroll-padding-inline: 8px; }
  body.notice-page.pf-mobile-page.notice-workspace .category-tab { min-height: 44px !important; }
  body.notice-page.pf-mobile-page.notice-workspace .results-toolbar { flex-wrap: wrap !important; }
  body.notice-page.pf-mobile-page.notice-workspace .sort-select { width: 126px !important; }

  /* Company: short, labelled sections instead of a dense desktop-sized form. */
  body.notice-page.pf-mobile-page.app-refresh .company-hero { gap: 12px !important; }
  body.notice-page.pf-mobile-page.app-refresh .company-readiness { padding: 14px 16px !important; }
  body.notice-page.pf-mobile-page.app-refresh :is(.company-form-panel,.company-recommendation-panel,.interest-list-panel) { padding: 18px 14px !important; border-radius: 14px !important; }
  body.notice-page.pf-mobile-page.app-refresh .company-form-grid { grid-template-columns: minmax(0,1fr) !important; gap: 18px !important; }
  body.notice-page.pf-mobile-page.app-refresh .pf-mobile-form-heading { display: block; margin: 8px 0 16px; font-size: 16px; color: #17253d; font-weight: 700; }
  body.notice-page.pf-mobile-page.app-refresh .pf-mobile-form-heading:not(:first-child) { margin-top: 28px; padding-top: 22px; border-top: 1px solid #e3e9f2; }
  body.notice-page.pf-mobile-page.app-refresh #companyBusinessDescription { min-height: 160px !important; height: 180px; line-height: 1.7; }
  body.notice-page.pf-mobile-page.app-refresh :is(.company-form-action-buttons,.company-filter-toggles) { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; width: 100% !important; }
  body.notice-page.pf-mobile-page.app-refresh .company-form-action-buttons > button { flex: 1 1 100% !important; width: 100% !important; min-height: 48px !important; }
  body.notice-page.pf-mobile-page.app-refresh #companySaveButton { order: -1; }
  body.notice-page.pf-mobile-page.app-refresh :is(.company-optional-toggle,.company-industry-trigger,.company-region-district-trigger,.company-recommendation-refresh,.company-profile-summary button) { min-height: 46px !important; }
  body.notice-page.pf-mobile-page.app-refresh :is(.company-intent-groups,.company-recommendation-category-filter-options):not([hidden]) { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto; max-width: 100%; gap: 8px; padding-bottom: 8px; }
  body.notice-page.pf-mobile-page.app-refresh :is(.company-intent-groups,.company-recommendation-category-filter-options) > button { flex: 0 0 auto !important; min-height: 44px !important; }
  body.notice-page.pf-mobile-page.app-refresh .company-recommendation-head-right { width: 100%; gap: 10px !important; }
  body.notice-page.pf-mobile-page.app-refresh :is(.company-recommendation-card,.interest-bookmark-card) { grid-template-columns: minmax(0,1fr) !important; padding: 16px !important; gap: 14px !important; overflow-wrap: anywhere; }
  body.notice-page.pf-mobile-page.app-refresh :is(.company-recommendation-card,.interest-bookmark-card) :is(a,button) { min-height: 44px; }
  body.notice-page.pf-mobile-page.app-refresh .interest-metrics { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  body.notice-page.pf-mobile-page.app-refresh .interest-metrics article { min-width: 0; padding: 14px 8px !important; }
  body.notice-page.pf-mobile-page.app-refresh .interest-list-head-right { flex-wrap: wrap; gap: 8px; }

  /* Detail actions remain in the flow; sticky positioning keeps them reachable without covering content. */
  body.notice-page.pf-mobile-page.notice-detail-page .detail-hero-card { padding: 20px 16px !important; }
  body.notice-page.pf-mobile-page.notice-detail-page .detail-hero-content h1 { font-size: 23px !important; line-height: 1.5 !important; overflow-wrap: anywhere; }
  body.notice-page.pf-mobile-page.notice-detail-page .detail-action-bar { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; position: sticky !important; bottom: calc(var(--pf-tabs-height) + env(safe-area-inset-bottom, 0px)); z-index: 20; padding: 12px !important; margin-top: 24px; border: 1px solid #e0e7f1; border-radius: 14px; background: #fff; box-shadow: 0 -4px 18px #17253d08; }
  body.notice-page.pf-mobile-page.notice-detail-page .detail-action-bar > :is(a,button) { min-width: 0 !important; width: auto !important; min-height: 48px !important; padding: 10px 8px !important; font-size: 14px !important; white-space: normal !important; }
  body.notice-page.pf-mobile-page.notice-detail-page .detail-action-bar .ghost { grid-column: 1 / -1; }
  body.notice-page.pf-mobile-page.notice-detail-page :is(.detail-stat-card strong,.detail-section-body,.detail-info-table td) { overflow-wrap: anywhere; }
  body.notice-page.pf-mobile-page.notice-detail-page .detail-info-table { width: 100%; }
  body.notice-page.pf-mobile-page.pf-mobile-editing .detail-action-bar { position: static !important; }
}

/* Mobile app art direction: ink-blue canvas, mint signals, quiet white cards.
   Higher specificity is intentional: legacy page styles also use !important. */
@media (max-width: 760px) {
  html body.notice-page:is(.pf-mobile-page,.pf-mobile-auth) {
    --mobile-ink: #18334d;
    --mobile-mint: #8aead5;
    --mobile-paper: #f4f6f8;
    --pf-tabs-height: 84px;
    background: var(--mobile-paper) !important;
    color: var(--mobile-ink);
  }
  html body.notice-page.pf-mobile-page :is(.notice-header,.home-header) { background: #fff !important; border-bottom: 0 !important; box-shadow: none !important; }
  html body.notice-page.pf-mobile-page .pf-mobile-eyebrow { display: block; margin: 0 0 10px; color: #587086; font-size: 11px; font-weight: 700; letter-spacing: 1.4px; line-height: 1.5; }
  html body.notice-page.pf-mobile-page .pf-mobile-intro { display: block; margin: 0 0 20px; color: #c5d8e6 !important; font-size: 13px; line-height: 1.65; }

  /* A floating dock keeps primary destinations within thumb reach. */
  .pf-mobile-tabs { inset: auto 12px max(10px, env(safe-area-inset-bottom)); min-height: 68px; padding: 5px; border: 1px solid #e2e8ed; border-radius: 24px; box-shadow: 0 8px 30px #17334d1a; }
  .pf-mobile-tabs a { min-height: 56px; gap: 4px; border-radius: 18px; font-size: 11px; color: #627487; }
  .pf-mobile-tabs a[aria-current="page"] { color: #fff; background: #18334d; }
  .pf-mobile-tabs a[aria-current="page"] svg { color: #8aead5; }
  .pf-mobile-more { padding: 20px 24px max(28px, env(safe-area-inset-bottom)); border-radius: 28px 28px 0 0; }
  .pf-mobile-more-head h2 { color: #18334d; }
  .pf-mobile-more nav a { min-height: 58px; }

  /* Search gets its own mobile dashboard, not a compressed desktop toolbar. */
  html body.notice-page.pf-mobile-page.notice-workspace .notice-shell { padding-top: 16px !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-hero { padding: 24px 20px 18px !important; margin: 0 0 22px !important; border-radius: 24px !important; background: #18334d !important; color: #d3e2eb !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .hero-copy { display: block !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-hero .pf-mobile-eyebrow { color: #8aead5; letter-spacing: .8px; }
  html body.notice-page.pf-mobile-page.notice-workspace #noticeHeroTitle { margin: 0 0 8px !important; color: #fff !important; font-size: 29px !important; letter-spacing: -1px !important; line-height: 1.25 !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-search { border: 0 !important; border-radius: 14px !important; background: #fff !important; overflow: hidden; box-shadow: none !important; }
  html body.notice-page.pf-mobile-page.notice-workspace #noticeSearchInput { padding-left: 0 !important; color: #18334d !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-search-submit { min-width: 48px; padding: 0 12px !important; margin: 4px; border-radius: 10px !important; background: #8aead5 !important; color: #123d37 !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-stat-line { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px !important; margin-top: 20px; color: #b9cedd; font-size: 10px; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-stat-line > span:not(.notice-update) { display: block; min-width: 0; text-align: center; border-right: 1px solid #3b5268; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-stat-line > span:nth-child(3) { border: 0; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-stat-line strong { display: block; color: #fff; font-size: 21px; margin: 3px 0 0; line-height: 1.3; font-variant-numeric: tabular-nums; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-stat-line .notice-update { display: none; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-category-rail { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)); overflow: visible !important; gap: 12px 6px !important; padding: 0 !important; margin-bottom: 22px !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .category-tab { display: flex !important; flex-direction: column !important; justify-content: center; gap: 7px !important; min-width: 0 !important; width: 100% !important; height: auto !important; padding: 0 !important; border: 0 !important; border-radius: 14px !important; background: transparent !important; box-shadow: none !important; color: #54677a !important; font-size: 12px !important; line-height: 1.4 !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .category-tab-icon svg { width: 21px; height: 21px; }
  html body.notice-page.pf-mobile-page.notice-workspace .category-tab-icon { display: grid !important; place-items: center; width: 46px !important; height: 46px !important; border: 1px solid #e1e8ed; border-radius: 16px !important; background: #fff !important; color: #49667b !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .category-tab.active { color: #18334d !important; background: transparent !important; font-weight: 800 !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .category-tab.active .category-tab-icon { border-color: #18334d; background: #18334d !important; color: #8aead5 !important; }
  html body.notice-page.pf-mobile-page .pf-mobile-match { display: flex; align-items: center; gap: 12px; padding: 16px; margin: 0 0 26px; border: 1px solid #d2e5df; border-radius: 18px; color: #183f36; background: #e7f4ee; text-decoration: none; }
  .pf-mobile-match-icon { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; background: #fff; border-radius: 12px; font-size: 24px; }
  .pf-mobile-match strong, .pf-mobile-match small { display: block; line-height: 1.6; }
  .pf-mobile-match strong { font-size: 13px; }
  .pf-mobile-match small { font-size: 11px; color: #527166; }
  .pf-mobile-match-arrow { margin-left: auto; font-size: 21px; }
  html body.notice-page.pf-mobile-page.notice-workspace .results-toolbar { margin-bottom: 14px !important; gap: 10px !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .total-count strong { font-size: 15px !important; color: #18334d !important; }
  html body.notice-page.pf-mobile-page.notice-workspace :is(.sort-select,.notice-filter-toggle) { border-radius: 12px !important; background-color: #fff !important; min-height: 44px !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-filter-dialog { border-radius: 26px 26px 0 0 !important; }
  html body.notice-page.pf-mobile-page.notice-workspace #noticeFilterShowResults { border-radius: 14px !important; background: #18334d !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-list { gap: 14px !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-card.notice-table-row { display: grid !important; grid-template-columns: minmax(0,1fr) 44px !important; gap: 12px !important; padding: 18px !important; border: 1px solid #e3e8ed !important; border-radius: 20px !important; box-shadow: 0 3px 12px #18334d04 !important; background: #fff !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-deadline-panel { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; flex-direction: row !important; justify-content: flex-start !important; align-items: center !important; gap: 8px !important; padding: 0 !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-deadline-value { padding: 5px 9px; border-radius: 8px; background: #edf5f5; color: #22635f !important; font-size: 12px !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-deadline-value:is(.urgent,.soon) { color: #a34b2d !important; background: #fff0e9; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-bookmark-cell { grid-column: 2 !important; grid-row: 1 !important; margin: 0 !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .favorite-button { width: 44px !important; height: 44px !important; border-radius: 13px; background: #f4f6f8; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-title-cell { grid-column: 1 / -1 !important; grid-row: 2 !important; gap: 12px !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-card-title { margin-right: 0 !important; color: #18334d !important; font-size: 17px !important; line-height: 1.5 !important; letter-spacing: -.5px !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-summary-line { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; overflow: hidden; white-space: normal !important; font-size: 13px !important; line-height: 1.65 !important; color: #627487 !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-info-chip { padding: 4px 8px !important; border-radius: 7px !important; background: #f1f5f6 !important; color: #526879 !important; font-size: 11px !important; }
  html body.notice-page.pf-mobile-page.notice-workspace .notice-card-foot { padding-top: 12px; border-top: 1px solid #edf1f4; font-size: 12px !important; }

  /* Personal screens have their own compact dashboard and document-card layout. */
  html body.notice-page.pf-mobile-page.app-refresh :is(.company-workspace,.interest-dashboard) { padding-top: 22px !important; }
  html body.notice-page.pf-mobile-page.app-refresh :is(.company-hero,.interest-hero) { padding: 0 !important; gap: 16px !important; margin-bottom: 20px !important; }
  html body.notice-page.pf-mobile-page.app-refresh :is(.company-hero,.interest-hero) .pf-mobile-eyebrow { color: #647c88; font-size: 11px; letter-spacing: .2px; margin-bottom: 6px; }
  html body.notice-page.pf-mobile-page.app-refresh :is(.company-hero,.interest-hero) h1 { color: #18334d !important; font-size: 27px !important; letter-spacing: -1px; margin-bottom: 6px !important; }
  html body.notice-page.pf-mobile-page.app-refresh :is(.company-hero,.interest-hero) .app-page-description { color: #667885 !important; font-size: 13px !important; line-height: 1.65; margin: 0 !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-readiness { position: relative; display: block !important; width: 100% !important; min-width: 0 !important; padding: 18px 18px 0 76px !important; text-align: left !important; border: 1px solid #d6e7e2 !important; border-radius: 20px !important; background: #eaf4f0 !important; box-shadow: none !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-readiness .pf-personal-icon { display: block; position: absolute; top: 18px; left: 18px; width: 42px; height: 42px; padding: 9px; color: #326c5b; background: #fff; border-radius: 13px; }
  html body.notice-page.pf-mobile-page.app-refresh .company-readiness small { display: block; color: #526d62 !important; font-size: 11px !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-readiness strong { display: block; color: #244d40 !important; font-size: 19px !important; margin: 3px 0 6px !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-readiness > span { display: block; color: #5b7168 !important; font-size: 12px !important; line-height: 1.6; }
  html body.notice-page.pf-mobile-page.app-refresh .company-readiness .pf-personal-link { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 12px 0; margin: 14px 0 0 -58px; border-top: 1px solid #cfe0d8; color: #244d40; font-size: 12px; font-weight: 700; text-decoration: none; }
  html body.notice-page.pf-mobile-page.app-refresh .company-readiness .pf-personal-link span { color: inherit !important; font-size: 18px; }
  html body.notice-page.pf-mobile-page.app-refresh :is(.company-form-panel,.company-profile-summary,.company-recommendation-panel,.interest-list-panel,.detail-hero-card,.register-panel,.verification-card) { border: 1px solid #e2e8ed !important; border-radius: 22px !important; box-shadow: none !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-profile-summary { padding: 20px !important; margin: 0 0 20px !important; background: #fff !important; }
  html body.notice-page.pf-mobile-page.app-refresh .pf-personal-label { display: block; margin-bottom: 8px; color: #648174; font-size: 11px; font-weight: 700; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace :is(.company-layout,.company-recommendation-panel) { margin-top: 0 !important; margin-bottom: 22px !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-form-panel { padding: 20px 16px !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-form-panel > .info-section-head { gap: 12px !important; margin-bottom: 24px !important; padding-bottom: 16px; border-bottom: 1px solid #e7edee; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-profile-head-actions { gap: 6px !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-profile-head-actions :is(a,button) { min-height: 44px; padding: 7px 10px !important; border-radius: 9px !important; font-size: 11px !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .pf-mobile-form-heading { display: flex; align-items: center; gap: 10px; font-size: 15px; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .pf-personal-step { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; background: #eaf4f0; color: #326c5b; font-size: 11px; font-variant-numeric: tabular-nums; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-form-grid { gap: 20px !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-profile-form :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { border-color: #dbe4e7 !important; border-radius: 12px !important; background: #f9fbfc !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-profile-form input[readonly] { color: #71828d !important; background: #eef2f4 !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-optional-toggle { border: 1px dashed #c5d5d1 !important; border-radius: 12px !important; background: #f2f7f4 !important; color: #326c5b !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-form-actions { padding-top: 16px; border-top: 1px solid #e7edee; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace #companyRecommendations { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace #companyRecommendations > .info-section-head { margin-bottom: 16px !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-recommendation-head-right { justify-content: flex-start; margin: 0; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-recommendation-head-right > small { flex-basis: 100%; font-size: 11px; line-height: 1.6; color: #687b88; }
  /* One mobile filter panel; existing category and relevance handlers still own selection. */
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-filter-panel { margin: 16px 0 20px; border: 1px solid #dbe5e5; border-radius: 18px; padding: 0; background: #fff; overflow: hidden; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-filter-summary { display: grid; grid-template-columns: minmax(0,1fr) 20px; gap: 5px 12px; padding: 16px; list-style: none; cursor: pointer; min-height: 76px; }
  .company-filter-summary::-webkit-details-marker { display: none; }
  .company-filter-summary::marker { content: ""; }
  .company-filter-summary-title { display: flex; align-items: center; gap: 8px; color: #18334d; font-size: 15px; font-weight: 700; }
  .company-filter-summary-title svg { width: 20px; height: 20px; flex: 0 0 20px; }
  .company-filter-summary-title b { min-width: 20px; padding: 2px 6px; border-radius: 7px; background: #dff2ea; color: #255e4b; font-size: 11px; text-align: center; }
  .company-filter-selection { grid-column: 1; color: #667b85; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
  .company-filter-chevron { grid-row: 1 / 3; grid-column: 2; align-self: center; color: #607782; font-size: 22px; transition: transform .15s ease; }
  .company-filter-panel[open] .company-filter-chevron { transform: rotate(180deg); }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-filter-tools { display: flex; gap: 8px; justify-content: space-between; align-items: center; margin: 0 16px 16px; padding-top: 12px; border-top: 1px solid #e9efef; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-filter-tools p { margin: 0; color: #687b85; font-size: 11px; line-height: 1.7; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace #companyFilterReset { min-height: 44px; flex: 0 0 auto; padding: 8px 10px; border: 0; border-radius: 10px; color: #326c5b; background: #eaf4f0; font-size: 12px; cursor: pointer; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace #companyFilterReset:disabled { color: #788a84; background: #f0f4f2; cursor: default; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-filter-label:not([hidden]) { display: block; margin: 16px 16px 10px !important; padding: 0; color: #405a67; font-size: 12px !important; font-weight: 700; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-filter-panel :is(.company-intent-groups,.company-recommendation-category-filter-options):not([hidden]) { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px !important; overflow: visible !important; padding: 0 !important; margin: 0 16px 18px !important; width: auto !important; min-width: 0 !important; max-width: none !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-filter-panel .company-recommendation-category-filter:not([hidden]) { display: block !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-filter-panel [data-recommendation-category] span { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-filter-panel .company-recommendation-category-filter { border: 0 !important; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-filter-panel :is([data-recommendation-category],[data-intent-group]) { display: flex !important; justify-content: flex-start; align-items: center; gap: 6px !important; min-width: 0 !important; width: 100% !important; min-height: 46px !important; height: auto !important; padding: 11px 10px !important; border: 1px solid #e0e7e8 !important; border-radius: 11px !important; background: #f8fafb !important; color: #536873 !important; font-size: 12px !important; line-height: 1.5 !important; white-space: normal !important; text-align: left; box-shadow: none !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-filter-panel button[aria-pressed=true] { border-color: #18334d !important; background: #18334d !important; color: #fff !important; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-filter-panel [data-intent-group] span { margin-left: auto; min-width: 22px; padding: 1px 5px; border-radius: 6px; background: #e6eeee; color: #3d6256; font-size: 11px; text-align: center; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-filter-panel [data-intent-group][aria-pressed=true] span { background: #8aead5; color: #18334d; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-filter-panel button svg { display: block !important; width: 17px !important; height: 17px !important; flex: 0 0 17px; color: inherit; }
  html body.notice-page.pf-mobile-page.app-refresh .company-workspace .company-filter-panel :is(summary,button):focus-visible { outline: 3px solid #1263f1; outline-offset: -3px; }
  html body.notice-page.pf-mobile-page.app-refresh :is(.company-profile-summary button,#companySaveButton,.interest-state-link) { border-radius: 13px !important; }
  html body.notice-page.pf-mobile-page.app-refresh #companySaveButton { background: #18334d !important; color: #fff !important; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-hero { position: relative; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-hero-copy { width: 100%; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-hero h1 { padding-right: 100px; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-add-link { position: absolute; top: 22px; right: 0; display: grid; place-items: center; width: auto !important; min-height: 40px; padding: 8px 11px !important; border: 1px solid #dbe5e4 !important; border-radius: 12px !important; background: #fff !important; color: #32584b !important; font-size: 11px !important; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-metrics { gap: 8px !important; padding: 0 !important; margin: 0 0 26px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-metrics article { display: flex !important; flex-direction: column; align-items: flex-start; gap: 9px; padding: 15px 12px !important; text-align: left; border: 1px solid #e1e8ec !important; border-radius: 16px !important; background: #fff !important; box-shadow: none !important; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-metrics article:nth-child(2) { background: #edf5f1 !important; border-color: #dbe9e1 !important; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-metrics article:last-child { background: #fff3eb !important; border: 1px solid #f0dfd3 !important; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-metrics article > span { color: #607581 !important; font-size: 11px !important; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-metrics strong { margin: 0 !important; color: #18334d !important; font-size: 27px !important; line-height: 1.2; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-metrics article:last-child strong { color: #a85130 !important; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-list-panel { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-list-head { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 8px !important; align-items: center; margin-bottom: 14px !important; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-list-head h2 { font-size: 18px !important; white-space: nowrap; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-list-head-right { display: contents; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-sort-label { margin-left: auto; font-size: 0; gap: 0; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-sort-select { min-height: 44px; max-width: 132px; border-radius: 11px !important; background-color: #fff !important; font-size: 12px !important; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard #interestAuthState { flex-basis: 100%; color: #71828b; font-size: 11px; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-bookmark-list { gap: 14px !important; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-bookmark-card { padding: 18px !important; gap: 14px !important; border: 1px solid #e1e8ec !important; border-radius: 19px !important; background: #fff !important; box-shadow: 0 3px 10px #18334d04 !important; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-card-title-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-card-title-row .info-status { border-radius: 7px; padding: 4px 8px; font-size: 11px; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .info-dday { color: #a85130; font-size: 12px; font-weight: 700; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-card-main h3 { margin: 0 0 8px !important; color: #18334d !important; font-size: 17px !important; line-height: 1.55 !important; letter-spacing: -.4px; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-card-main p { margin: 0 !important; font-size: 12px !important; color: #6f808c !important; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-card-meta { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 7px !important; margin: 0 !important; padding: 12px !important; border-radius: 12px; background: #f5f8f9; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-card-meta > div { display: grid !important; grid-template-columns: 52px minmax(0,1fr); gap: 8px; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-card-meta :is(dt,dd) { margin: 0 !important; font-size: 11px !important; line-height: 1.6; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-card-meta dt { color: #778995; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-card-meta dd { color: #415969; font-weight: 500 !important; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-card-actions { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 7px !important; align-items: center; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-card-actions :is(a,button) { width: auto !important; min-height: 44px; padding: 10px 12px !important; border-radius: 11px !important; font-size: 12px !important; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-card-actions .info-card-link:not(.ghost) { flex: 1 1 auto; text-align: center; background: #18334d !important; color: #fff !important; border-color: #18334d !important; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-remove-button { margin-left: auto; border: 0 !important; background: transparent !important; color: #7b8993 !important; text-decoration: underline; text-underline-offset: 3px; }
  html body.notice-page.pf-mobile-page.app-refresh .interest-dashboard .interest-state { padding: 28px 20px !important; border: 1px dashed #cddbdc; border-radius: 20px; background: #fff; }
  html body.notice-page.pf-mobile-page.app-refresh :is(.company-recommendation-card,.interest-bookmark-card) { border-radius: 18px !important; border-color: #e2e8ed !important; }
  html body.notice-page.pf-mobile-page.notice-detail-page .detail-stat-grid { padding: 18px 8px !important; border-radius: 16px; background: #f0f6f5; }
  html body.notice-page.pf-mobile-page.notice-detail-page .detail-stat-card strong { color: #18334d !important; }

  /* Landing: a focused mobile welcome, with the real service actions above the sample. */
  html body.notice-page.pf-mobile-page.home-page .home-header { min-height: 60px; }
  html body.notice-page.pf-mobile-page.home-page .home-header-inner { min-height: 60px; }
  html body.notice-page.pf-mobile-page.home-page .home-hero { padding: 18px 0 28px; background: #f4f6f8; }
  html body.notice-page.pf-mobile-page.home-page .home-hero-grid { gap: 24px; }
  html body.notice-page.pf-mobile-page.home-page .home-hero-copy { padding: 28px 22px; border-radius: 26px; background: #18334d; }
  html body.notice-page.pf-mobile-page.home-page .home-hero-copy .pf-mobile-eyebrow { color: #8aead5; margin-bottom: 20px; }
  html body.notice-page.pf-mobile-page.home-page .home-hero-copy h1 { color: #fff; font-size: 34px; line-height: 1.35; letter-spacing: -1.7px; }
  html body.notice-page.pf-mobile-page.home-page .home-hero-copy h1 em { color: #8aead5; }
  html body.notice-page.pf-mobile-page.home-page .home-hero-description { color: #c5d8e6; font-size: 14px; line-height: 1.8; }
  html body.notice-page.pf-mobile-page.home-page .home-actions { display: flex; flex-direction: column; align-items: stretch; gap: 16px; }
  html body.notice-page.pf-mobile-page.home-page .home-button.is-primary { justify-content: center; min-height: 52px; border: 0; border-radius: 14px; background: #8aead5; color: #123d37; font-size: 14px; }
  html body.notice-page.pf-mobile-page.home-page .home-text-link { color: #fff; text-align: center; font-size: 13px; }
  html body.notice-page.pf-mobile-page.home-page :is(.home-helper,.home-hero-benefits) { color: #b9cedd; font-size: 11px; }
  html body.notice-page.pf-mobile-page.home-page .home-hero-benefits span::before { color: #8aead5; }
}
