/* Safqa / New Perspectives: shared refinement and the investment marketplace. */
:root { --ui-header-h: 82px; --sf-highlight: #9BE8CA; --sf-navy: #102A43; --sf-muted: #536779; --sf-space-sm: 16px; --sf-space-md: 24px; --sf-space-lg: 32px; --sf-radius-card: 12px; --sf-radius-panel: 16px; --sf-motion-ui: 280ms; --sf-motion-press: 180ms; }
.ui-site-header { border-bottom-color: var(--ui-line); }
.ui-site-header-inner { min-height: 82px; }
.ui-btn { border-radius: 8px; }
.ui-btn-primary:hover { box-shadow: 0 8px 22px -12px rgba(8,118,94,.55); }
.ui-page-head { background: radial-gradient(ellipse at 90% 0%, #F0F2F6 0, transparent 60%); }
.ui-card { border-radius: var(--sf-radius-card); }
.ui-card-interactive:hover { border-color: #A9B2C0; box-shadow: 0 18px 38px -25px rgba(20,36,59,.32); }
.ui-sidebar { background-image: radial-gradient(ellipse at 0 0, #1E3552, transparent 70%); }
.ui-input:focus { border-color: var(--ui-primary); box-shadow: 0 0 0 3px #08765E1A; }
.sf-home { overflow: clip; }
.sf-hero { position: relative; padding-top: 55px; background: radial-gradient(ellipse at 80% 15%, #EEF7F3 0, transparent 55%); }
.sf-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: 54px; padding-bottom: 68px; }
.sf-hero-copy { padding-block: 20px; }
.sf-kicker { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; color: var(--ui-primary); letter-spacing: .025em; }
.sf-status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--ui-primary); box-shadow: 0 0 0 5px #08765E0D; }
.sf-hero-title { font-size: clamp(2.6rem,4.55vw,4.6rem); line-height: 1.12; letter-spacing: -.045em; margin: 26px 0 23px; text-wrap: balance; max-width: 12ch; }
html[dir=rtl] .sf-hero-title { line-height: 1.4; letter-spacing: -.025em; max-width: 14ch; font-size: clamp(2.5rem,4vw,4.05rem); }
.sf-hero-lede { font-size: 16px; line-height: 1.9; color: var(--sf-muted); max-width: 47ch; margin-bottom: 29px; }
.sf-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; }
.sf-text-link { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; font-size: 14px; font-weight: 600; color: var(--ui-ink); }
.sf-text-link:hover { color: var(--ui-primary); }
.sf-round-arrow { width: 35px; height: 35px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--ui-line-strong); border-radius: 50%; flex-shrink: 0; transition: transform .25s ease, background .25s; }
a:hover .sf-round-arrow { transform: translateX(2px); background: #E8F5EF; }
.sf-hero-assurance { display: flex; flex-wrap: wrap; gap: 15px 24px; margin-top: 34px; color: var(--sf-muted); font-size: 12px; }
.sf-hero-assurance > span { display: inline-flex; gap: 7px; align-items: center; }
.sf-hero-assurance svg { color: var(--ui-primary); }
.sf-hero-visual { position: relative; padding-top: 32px; padding-bottom: 38px; min-width: 0; }
.sf-city { position: relative; transform: none; transform-origin: center; }
html[dir=rtl] .sf-city { transform: none; }
.sf-city svg { display: block; width: 100%; height: auto; }
.sf-city-caption { display: flex; justify-content: space-between; gap: 12px; position: absolute; inset: auto 8% 9%; font-size: 9px; letter-spacing: .17em; color: #BCC5D3; direction: ltr; }
.sf-scene-tag { position: absolute; inset-block-start: 14px; inset-inline-start: 23px; z-index: 2; display: inline-flex; gap: 8px; align-items: center; padding: 12px 15px; color: var(--ui-ink); background: #FFFFFF; border: 1px solid var(--ui-line); border-radius: 100px; box-shadow: 0 9px 32px -20px #102A434D; font-size: 11px; font-weight: 600; transform: none; }
.sf-scene-tag svg { color: var(--ui-primary); }
.sf-spotlight { position: absolute; inset-inline: 12px 30px; bottom: 10px; display: flex; gap: 15px; align-items: center; padding: 18px 20px; border: 1px solid var(--ui-line); border-radius: 12px; background: #FFF; color: var(--ui-ink); text-decoration: none; box-shadow: 0 20px 40px -26px #102A4373; transition: transform .3s ease; }
.sf-spotlight:hover { transform: translateY(-2px); color: var(--ui-ink); }
.sf-spotlight-icon { display: grid; place-items: center; width: 46px; height: 46px; flex-shrink: 0; border-radius: 8px; background: #F1F2F6; color: var(--ui-primary); }
.sf-spotlight-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; }
.sf-spotlight-copy small { color: var(--sf-muted); font-size: 10px; }
.sf-spotlight-copy strong { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sf-spotlight-copy > span { font-size: 11px; color: var(--sf-muted); }
.sf-spotlight-note strong { font-size: 14px; }
.sf-spotlight-note p { font-size: 12px; color: var(--sf-muted); margin: 5px 0 0; }
.sf-motion-toggle { display: none; position: absolute; inset-inline-end: 10px; bottom: -25px; border: 0; background: transparent; color: var(--sf-muted); align-items: center; gap: 6px; min-height: 36px; font-size: 11px; text-decoration: underline; text-underline-offset: 4px; }
.js .sf-motion-toggle { display: inline-flex; }
.sf-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid var(--ui-line-strong); border-bottom: 1px solid var(--ui-line); margin: 0; padding-block: 29px; }
.sf-stat { display: flex; flex-direction: column-reverse; gap: 9px; padding-inline: 32px; border-inline-start: 1px solid var(--ui-line); }
.sf-stat:first-child { padding-inline-start: 0; border-inline-start: 0; }
.sf-stat dd { font-family: Fraunces,Georgia,serif; font-size: 38px; line-height: 1; font-weight: 500; margin: 0; color: var(--ui-primary); font-variant-numeric: tabular-nums; }
.sf-stat dt { color: var(--sf-muted); font-size: 12px; font-weight: 500; }
.sf-section { padding-block: 88px; }
.sf-section h2 { font-size: clamp(1.9rem,3vw,2.75rem); line-height: 1.25; letter-spacing: -.025em; text-wrap: balance; }
html[dir=rtl] .sf-section h2 { line-height: 1.5; letter-spacing: -.01em; }
.sf-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 34px; }
.sf-section-heading h2 { margin: 16px 0 0; max-width: 23ch; }
.sf-section-heading p { max-width: 38ch; font-size: 14px; line-height: 1.85; color: var(--sf-muted); margin: 14px 0 0; }
.sf-sector-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.sf-sector { position: relative; padding: 25px; border: 1px solid var(--ui-line); border-radius: 12px; text-decoration: none; color: var(--ui-ink); background: #FFF; transition: background .3s,color var(--sf-motion-ui),transform var(--sf-motion-ui),box-shadow var(--sf-motion-ui); overflow: hidden; }
.sf-sector::after { content: ''; position: absolute; width: 90px; height: 90px; border: 1px solid currentColor; opacity: .07; border-radius: 50%; inset-inline-end: -28px; top: -25px; }
.sf-sector-icon { display: grid; place-items: center; width: 55px; height: 55px; background: #F1F2F6; color: var(--ui-primary); border-radius: 10px; margin-bottom: 30px; transition: transform .35s; }
.sf-sector-count { position: absolute; top: 25px; inset-inline-end: 25px; font-family: Georgia,serif; font-size: 26px; color: #536779; }
.sf-sector h3 { font-size: 15px; margin: 0 0 15px; }
.sf-sector > div { display: flex; justify-content: space-between; gap: 10px; font-size: 11px; color: var(--sf-muted); }
.sf-sector:hover { background: var(--sf-navy); color: #FFF; transform: translateY(-2px); box-shadow: 0 20px 40px -25px #102A4366; }
.sf-sector:hover h3 { color: #FFF; }
.sf-sector:hover > div, .sf-sector:hover .sf-sector-count { color: #D4D9E2; }
.sf-sector:hover .sf-sector-icon { background: #2B3D58; color: var(--sf-highlight); transform: none; }
.sf-marketplace { background: #F0F5F4; border-block: 1px solid var(--ui-line); }
.sf-opportunity-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.sf-opportunity { border-radius: var(--sf-radius-card); }
.sf-opportunity .ui-media { border-radius: 0; }
.sf-opportunity .ui-media-fallback { background-color: #1C304B; }
.sf-marketplace-empty { padding: 56px 24px; text-align: center; }
.sf-marketplace-empty > svg { margin-bottom: 20px; color: var(--ui-primary); }
.sf-marketplace-empty p { color: var(--sf-muted); }
.sf-marketplace-empty .sf-text-link { margin-top: 16px; }
.sf-journey { background: var(--sf-navy); color: #CDD4DF; position: relative; }
.sf-journey::before { content:''; position: absolute; inset: 0; opacity: .14; pointer-events: none; background-image: radial-gradient(#9BE8CA 1px,transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(to bottom,transparent,#000); }
.sf-journey .ui-shell { position: relative; }
.sf-journey .ui-eyebrow { color: var(--sf-highlight); }
.sf-journey h2 { color: #FFF; margin: 18px 0; }
.sf-journey-intro { max-width: 620px; }
.sf-journey-intro > p { color: #CDD4DF; line-height: 1.85; font-size: 15px; }
.sf-journey-steps { padding: 0; margin: 50px 0 0; list-style: none; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 32px; }
.sf-journey-step { position: relative; border-top: 1px solid #5D6B80; padding-top: 24px; }
.sf-journey-step::before { content: ''; position: absolute; top: -2px; inset-inline-start: 0; width: 24px; height: 3px; background: var(--sf-highlight); transform: scaleX(0); transform-origin: left; transition: transform .6s ease .2s; }
.sf-journey-step.is-revealed::before, html:not(.js) .sf-journey-step::before { transform: scaleX(1); }
.sf-journey-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.sf-journey-icon { color: var(--sf-highlight); display: inline-flex; }
.sf-step-number { font-family: Georgia,serif; font-size: 30px; color: #ADB8C9; }
.sf-journey-step h3 { color: #FFF; font-size: 16px; margin: 0 0 14px; }
.sf-journey-step p { color: #CDD4DF; font-size: 13px; line-height: 1.9; margin: 0; }
.sf-journey-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 46px; padding-top: 30px; border-top: 1px solid #48566C; }
.sf-journey-bottom > span { display: inline-flex; align-items: center; gap: 9px; font-size: 12px; color: #CDD4DF; }
.sf-centered-heading { max-width: 620px; margin: 0 auto 44px; text-align: center; }
.sf-centered-heading h2 { margin: 18px 0; }
.sf-centered-heading p { color: var(--sf-muted); font-size: 14px; line-height: 1.9; }
.sf-plans { display: flex; flex-wrap: wrap; justify-content: center; gap: 22px; }
.sf-plan { flex: 1 1 260px; max-width: 370px; padding: 30px; border: 1px solid var(--ui-line); border-radius: 12px; background: #FFF; display: flex; flex-direction: column; }
.sf-plan-type { display: flex; align-items: center; gap: 8px; color: var(--sf-muted); font-size: 12px; }
.sf-plan h3 { font-size: 18px; margin: 24px 0 0; }
.sf-plan-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 9px; margin-top: 23px; }
.sf-plan-price strong { font-family: Fraunces,Georgia,serif; font-size: 48px; font-weight: 500; }
.sf-plan-price > span { color: var(--sf-muted); font-size: 12px; }
.sf-plan ul { list-style: none; padding: 24px 0; margin: 24px 0 30px; border-top: 1px solid var(--ui-line); display: grid; gap: 16px; }
.sf-plan li { display: flex; gap: 10px; align-items: start; font-size: 12px; line-height: 1.7; }
.sf-plan li svg { flex: none; color: var(--ui-primary); margin-top: 2px; }
.sf-plan > a { margin-top: auto; }
.sf-plan-featured { background: var(--sf-navy); color: #D4D9E2; border-color: transparent; position: relative; }
.sf-plan-featured h3, .sf-plan-featured strong { color: #FFF; }
.sf-plan-featured .sf-plan-type, .sf-plan-featured li svg { color: var(--sf-highlight); }
.sf-plan-featured .sf-plan-price > span { color: #CDD4DF; }
.sf-plan-featured ul { border-color: #48566C; }
.sf-faq-section { padding-top: 20px; }
.sf-faq-grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 80px; }
.sf-faq-grid h2 { margin: 20px 0; }
.sf-faq-grid p { color: var(--sf-muted); line-height: 1.8; }
.sf-closing-wrap { padding-bottom: 80px; }
.sf-closing { position: relative; overflow: hidden; display: flex; justify-content: space-between; align-items: center; gap: 35px; padding: 60px; border-radius: var(--sf-radius-panel); background: #F0F1F5; }
.sf-closing h2 { font-size: clamp(1.9rem,3vw,2.8rem); line-height: 1.4; margin: 20px 0 16px; white-space: pre-line; text-wrap: balance; }
.sf-closing p { color: #526078; font-size: 14px; line-height: 1.8; margin: 0; }
.sf-closing > :not(.sf-closing-art) { position: relative; }
.sf-closing > a { flex-shrink: 0; }
.sf-closing-art { position: absolute; inset-inline-end: -30px; top: -20px; opacity: .06; transform: rotate(20deg) scale(1.6); }
.sf-home a:focus-visible, .sf-home button:focus-visible { outline: 3px solid #08765E; outline-offset: 5px; }
.sf-building { animation: sf-build-in 700ms cubic-bezier(.16,1,.3,1) both; transform-box: fill-box; transform-origin: bottom; }
.sf-building-b { animation-delay: .15s; }
.sf-building-c { animation-delay: .3s; }
.sf-city-route { animation: none; }
.sf-city-node { animation: none; }
.sf-city .sf-building { animation-play-state: paused; }
.sf-city.is-visible .sf-building { animation-play-state: running; }
html.sf-tab-hidden .sf-city * { animation-play-state: paused !important; }
@keyframes sf-build-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (max-width: 1100px) {
  .sf-hero-grid { gap: 28px; }
  .sf-sector-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sf-opportunity-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sf-journey-steps { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 35px; }
  .sf-faq-grid { gap: 35px; }
}
@media (max-width: 767px) {
  .sf-hero { padding-top: 26px; }
  .sf-hero-grid { grid-template-columns: minmax(0,1fr); gap: 25px; padding-bottom: 46px; }
  .sf-hero-title { max-width: 16ch; font-size: clamp(2.5rem,8.5vw,3.6rem); }
  html[dir=rtl] .sf-hero-title { max-width: 18ch; font-size: clamp(2.25rem,7.6vw,3.5rem); }
  .sf-hero-lede { font-size: 15px; max-width: 50ch; }
  .sf-hero-visual { width: 100%; max-width: 540px; margin-inline: auto; }
  .sf-hero-assurance { margin-top: 24px; }
  .sf-stats { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px 0; padding-block: 24px; }
  .sf-stat { padding-inline: 22px; }
  .sf-stat:nth-child(3) { padding-inline-start: 0; border-inline-start: 0; }
  .sf-stat dd { font-size: 33px; }
  .sf-section { padding-block: 56px; }
  .sf-section-heading { align-items: flex-start; flex-direction: column; gap: 18px; }
  .sf-faq-grid { grid-template-columns: minmax(0,1fr); }
  .sf-journey-bottom { align-items: flex-start; flex-direction: column; }
  .sf-closing { flex-direction: column; align-items: flex-start; padding: 32px 24px; }
  .sf-closing-wrap { padding-bottom: 50px; }
}
@media (max-width: 480px) {
  .sf-hero-actions { gap: 20px; }
  .sf-hero-actions .ui-btn-lg { padding-inline: 20px; }
  .sf-scene-tag { font-size: 11px; padding: 10px; inset-inline-start: 10px; }
  .sf-spotlight { padding: 13px; gap: 10px; inset-inline: 6px; }
  .sf-spotlight-copy strong { font-size: 12px; }
  .sf-sector { padding: 20px 16px; }
  .sf-sector h3 { font-size: 13px; min-height: 2.5em; }
  .sf-sector-count { inset-inline-end: 15px; top: 22px; font-size: 23px; }
  .sf-opportunity-grid { grid-template-columns: minmax(0,1fr); }
  .sf-journey-steps { gap: 26px 20px; }
  .sf-journey-step h3 { font-size: 14px; }
  .sf-journey-step p { font-size: 12px; }
}
html.sf-motion-paused *, html.sf-motion-paused *::before, html.sf-motion-paused *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
html.sf-motion-paused [data-reveal], html.sf-motion-paused .ui-rise { opacity: 1 !important; transform: none !important; }
@media (prefers-reduced-motion: reduce) {
  .sf-home *, .sf-home *::before, .sf-home *::after { animation: none !important; transition: none !important; }
  .sf-journey-step::before { transform: none; }
}
.sf-property-art { display: none; position: absolute; inset: 0; width: 100%; height: 100%; color: #9BE8CA; }
.no-media .sf-property-art { display: block; }
.sf-opportunity .no-media .ui-media-fallback { background: linear-gradient(135deg,#243B59,#102A43); }
.sf-opportunity .no-media .ui-media-fallback::after { opacity: .15; }
.sf-home .sf-motion-toggle:disabled { cursor: default; text-decoration: none; opacity: .8; }
/* Consistent touch and keyboard feedback across public, account, investor and admin screens. */
.ui-chip { min-height: 44px; transition: color 180ms,background-color 180ms,border-color 180ms,transform 180ms; }
.ui-chip:active { transform: scale(.97); }
.ui-lang { min-height: 44px; }
.sf-motion-toggle { min-height: 44px; padding-inline: 8px; }
.sf-sector:active, .sf-opportunity:active { transform: translateY(-2px) scale(.99); }
.ui-faq .accordion-button { min-height: 60px; }
.ui-faq .accordion-button:focus-visible, .ui-mobile-link:focus-visible, .ui-sidebar-link:focus-visible { outline: 3px solid #08765E; outline-offset: -3px; }
.ui-input:disabled, .form-control:disabled { background-color: #F0F5F4; color: #536779; cursor: not-allowed; }
.validation-summary-errors:focus { outline: 2px solid #B3261E; outline-offset: 5px; }

footer.ui-on-dark .tw-text-white\/45 { color: #BCC5D3; }
/* Navigation remains available when JavaScript is unavailable. */
html:not(.js) .ui-burger { display: none; }
@media (max-width: 1023.98px) {
  html:not(.js) .ui-mobile-nav { position: static; inset: auto; visibility: visible; opacity: 1; transform: none; }
}
.ui-sidebar-group { color: #9BE8CA; font-size: 11px; }
.ui-sidebar-link, .ui-btn-sm { min-height: 44px; }
html.sf-motion-paused [data-reveal="mask"] { clip-path: none !important; }
@media (max-width: 639px) { .ui-admin-content .btn { min-height: 44px; } }

/* Understated professional motion and structural accents. */
.ui-brand:hover .ui-brand-mark { transform: rotate(6deg); }
.ui-btn:active { transform: scale(.99); }
.js [data-reveal] { transition-duration: 560ms; }
.sf-stat dd { color: var(--ui-ink); }
.sf-hero-assurance svg { color: var(--ui-ink); }
.sf-city svg > rect { rx: 16px; }
html[dir=rtl] a:hover .sf-round-arrow { transform: translateX(-2px); }

.ui-hero-glow { animation: none !important; }
.ui-card-interactive:hover { transform: translateY(-2px); }
:root { --bs-form-valid-color: #254B73; --bs-form-valid-border-color: #254B73; }

html:not(.js) .sf-building { animation: none; }
/* Scroll choreography: visible arrivals, a reading line and investment-journey progress. */
.js .sf-home [data-reveal] {
  opacity: 0;
  transform: translate3d(0, 44px, 0) scale(.975);
  transition-property: opacity, transform;
  transition-duration: 760ms;
  transition-timing-function: cubic-bezier(.16,1,.3,1);
  transition-delay: calc(var(--reveal-i, 0) * 100ms);
}
.js .sf-home .sf-section-heading[data-reveal],
.js .sf-home .sf-journey-intro[data-reveal],
.js .sf-home .sf-centered-heading[data-reveal] { transform: translate3d(0, 32px, 0); }
.js .sf-home [data-reveal].is-revealed { opacity: 1; transform: none; }
.js .sf-home .sf-sector[data-reveal].is-revealed:hover,
.js .sf-home .sf-opportunity[data-reveal].is-revealed:hover { transform: translateY(-4px); transition-duration: 240ms; transition-delay: 0s; }
.sf-reading-progress { display: none; position: fixed; inset: 0 0 auto; height: 3px; z-index: 60; pointer-events: none; }
.js .sf-reading-progress { display: block; }
.sf-reading-progress > span { display: block; height: 100%; background: var(--ui-primary); transform: scaleX(var(--sf-scroll-progress, 0)); transform-origin: left; }
html[dir=rtl] .sf-reading-progress > span { transform-origin: right; }
.sf-journey-track { height: 2px; margin-top: 36px; background: #48566C; overflow: hidden; }
.sf-journey-track > span { display: block; height: 100%; background: #9BE8CA; transform-origin: left; transform: scaleX(1); }
.js .sf-journey-track > span { transform: scaleX(var(--sf-scroll-progress, 0)); }
html[dir=rtl] .sf-journey-track > span { transform-origin: right; }
.sf-journey-track + .sf-journey-steps { margin-top: 22px; }
.sf-journey-icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 10px; transition: background-color 280ms, color 280ms, transform 400ms; }
.sf-journey-step.is-step-active .sf-journey-icon { background: #08765E; color: #FFFFFF; transform: translateY(-3px); }
.sf-journey-step.is-step-active .sf-step-number { color: #FFFFFF; }
.sf-step-number { transition: color 280ms; }
html.sf-motion-paused .sf-reading-progress { display: none; }
html.sf-motion-paused .sf-journey-track > span { transform: none; }
@media (prefers-reduced-motion: reduce) {
  .sf-reading-progress { display: none !important; }
  .sf-journey-track > span { transform: none !important; }
  .sf-journey-step.is-step-active .sf-journey-icon { transform: none; }
}
/* Opportunity administration: shared brand tokens, contained table scrolling. */
.sf-admin-opportunities{min-width:0}
.sf-admin-heading,.sf-admin-results-heading,.sf-admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.sf-admin-heading{margin-block-end:1.75rem}.sf-admin-heading p{margin:0;color:var(--sf-slate,#536779)}
.sf-admin-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.08em;margin-block-end:.5rem!important;color:#08765E!important}
.sf-admin-heading h1{margin-block:.4rem .7rem}.sf-admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-block-end:1.5rem}
.sf-admin-metric{padding:1.25rem;display:grid;gap:.75rem;border-block-start:3px solid #102A43}
.sf-admin-metric:nth-child(3){border-block-start-color:#08765E}.sf-admin-metric span{color:#536779;font-size:.85rem}.sf-admin-metric strong{font-size:2rem;line-height:1.2;color:#102A43;font-variant-numeric:tabular-nums}
.sf-admin-register{overflow:hidden}.sf-admin-filters{padding:1.5rem;display:grid;grid-template-columns:minmax(12rem,1.5fr) repeat(2,minmax(9rem,1fr));gap:1rem;border-block-end:1px solid #DDE7E6;background:#F0F5F4}
.sf-admin-filters label,.sf-admin-lifecycle label{display:block;font-size:.85rem;font-weight:600;margin-block-end:.5rem}.sf-admin-filter-actions{grid-column:1/-1;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.sf-admin-filter-actions .sf-admin-check{margin:0;margin-inline-end:auto;display:flex;align-items:center;gap:.5rem;min-height:44px}.sf-admin-check input{width:18px;height:18px;accent-color:#08765E}
.sf-admin-results-heading{padding:1.25rem 1.5rem}.sf-admin-results-heading h2{font-size:1rem;margin:0;display:flex;align-items:center;gap:.75rem}.sf-admin-results-heading>span{font-size:.75rem;color:#536779}
.sf-admin-table-wrap{overflow-x:auto;max-width:100%;overscroll-behavior-inline:contain}.sf-admin-table-wrap:focus-visible{outline:3px solid #08765E;outline-offset:-3px}
.sf-admin-table{width:100%;min-width:970px;border-collapse:collapse;font-size:.85rem}.sf-admin-table thead{background:#F0F5F4;color:#536779}
.sf-admin-table th,.sf-admin-table td{text-align:start;padding:1rem 1.25rem;vertical-align:top;border-block-end:1px solid #DDE7E6}.sf-admin-table thead th{font-size:.75rem;font-weight:600;white-space:nowrap}
.sf-admin-table th[scope=row]{width:29%;font-weight:600}.sf-admin-table th[scope=row]>a{color:#102A43;text-decoration:none;display:block;line-height:1.65;overflow-wrap:anywhere}.sf-admin-table th[scope=row]>a:hover{text-decoration:underline;color:#08765E}
.sf-admin-table small{display:block;font-weight:400;color:#536779;font-size:.75rem;margin-block-start:.4rem;overflow-wrap:anywhere}.sf-admin-table small[dir=ltr]{text-align:start;direction:ltr}
.sf-admin-row-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem}.sf-admin-row-actions form{margin:0}.sf-admin-row-actions .ui-btn{white-space:nowrap}
.sf-admin-empty{text-align:center;padding:3.5rem 1.5rem}.sf-admin-empty svg{color:#08765E}.sf-admin-empty h3{font-size:1.2rem;margin-block:1rem .5rem}.sf-admin-empty p{color:#536779}
.sf-admin-pagination{padding:1.25rem 1.5rem;font-size:.85rem;color:#536779}.sf-admin-pagination>div{display:flex;gap:.4rem}.sf-admin-scroll-hint{display:none;color:#536779;font-size:.75rem;margin:.25rem 1.5rem 1rem}
.sf-admin-lifecycle{scroll-margin-block-start:5rem}.sf-admin-lifecycle .sf-admin-results-heading{padding:0;margin-block-end:1rem}.sf-admin-lifecycle>p{color:#536779;line-height:1.8}
.sf-admin-review-form{flex:1 1 16rem;display:grid;gap:.5rem}.sf-admin-review-form .ui-btn{justify-self:start}
.sf-admin-history{list-style:none;margin:0;padding:0}.sf-admin-history li{padding:1rem 0;border-block-end:1px solid #DDE7E6}.sf-admin-history li>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.sf-admin-history time,.sf-admin-history small{font-size:.75rem;color:#536779}.sf-admin-history p{margin:.5rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1100px){.sf-admin-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-admin-filters>div:first-child{grid-column:1/-1}.sf-admin-scroll-hint{display:block}}
@media(max-width:600px){.sf-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.sf-admin-metric{padding:1rem}.sf-admin-metric strong{font-size:1.6rem}.sf-admin-filters{padding:1rem;grid-template-columns:minmax(0,1fr)}.sf-admin-filters>div:first-child{grid-column:auto}.sf-admin-heading>a{width:100%}.sf-admin-results-heading{padding:1rem}.sf-admin-heading h1{font-size:1.65rem}}
.sf-review-issues{line-height:1.9;padding-inline-start:1.5rem;color:#08765E}.sf-review-description{white-space:pre-wrap;line-height:1.9;overflow-wrap:anywhere}.sf-review-facts{display:grid;grid-template-columns:minmax(7rem,1fr) 2fr;gap:.75rem 1rem;margin-block:1rem}.sf-review-facts dt{color:#536779;font-weight:500}.sf-review-facts dd{margin:0;overflow-wrap:anywhere}.sf-review-documents{list-style:none;padding:0;margin:0}.sf-review-documents li{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 0;border-block-end:1px solid #DDE7E6}.sf-review-documents span,.sf-review-evidence small{color:#536779;font-size:.8rem}.sf-review-evidence{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem 0;min-height:44px}.sf-review-evidence input{margin-block-start:.3rem;width:18px;height:18px;accent-color:#08765E}.sf-review-evidence small{display:block}.sf-review-readiness{margin-block-end:1.25rem;padding:1rem 1.25rem;background:#F0F5F4;border-inline-start:3px solid #08765E}
.sf-editable-fields{display:contents}
.validation-summary-valid{display:none}
.sf-financial-editor{scroll-margin-block-start:5rem}.sf-financial-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block:1.25rem}.sf-financial-metrics>div{border:1px solid #DDE7E6;border-block-start:3px solid #08765E;border-radius:10px;padding:1rem;display:grid;gap:.75rem}.sf-financial-metrics span{font-size:.8rem;color:#536779}.sf-financial-metrics strong{font-size:1.15rem;color:#102A43;overflow-wrap:anywhere}.sf-financial-method{padding:1rem;background:#F0F5F4;border-radius:8px}.sf-financial-method summary{font-weight:600;cursor:pointer;min-height:32px}.sf-financial-method p{margin:1rem 0 0;line-height:1.9}.sf-financial-note{border-inline-start:3px solid #08765E;padding-inline-start:1rem;color:#536779;font-size:.85rem;line-height:1.8;margin-block-start:1.25rem}@media(max-width:600px){.sf-financial-metrics{grid-template-columns:minmax(0,1fr)}}
.sf-financial-summary{min-width:0;overflow-wrap:anywhere}.ui-shell>.tw-grid.tw-items-start>*{min-width:0}.sf-financial-year input{max-width:12rem}

/* The blurred preview contains decorative shapes only; private data never enters this view. */
.sf-paywall{position:relative;isolation:isolate;min-height:420px;overflow:hidden}.sf-paywall-preview{padding:36px;filter:blur(7px);opacity:.5;user-select:none;pointer-events:none}.sf-paywall-line{height:12px;background:#7C9296;border-radius:4px;margin-block:20px;max-width:90%}.sf-paywall-line:nth-child(3n){max-width:64%}.sf-paywall-line-title{height:24px;max-width:52%;background:#102A43}.sf-paywall-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:28px}.sf-paywall-metrics span{height:80px;background:#DDE7E6;border:1px solid #7C9296;border-radius:8px}.sf-paywall-document{height:85px;max-width:70%;background:#DDE7E6;border:1px solid #7C9296;border-radius:8px}.sf-paywall-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;background:linear-gradient(180deg,#FFFFFFB3,#FFFFFFF2 48%,#FFFFFFD9)}.sf-paywall-lock{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:50%;background:#F0F5F4;color:#08765E;border:1px solid #DDE7E6;margin-bottom:16px}.sf-paywall-overlay h2{font-weight:700;font-size:1.35rem;line-height:1.5;font-family:inherit;color:#102A43;margin:0 0 12px}.sf-paywall-overlay p{max-width:32rem;color:#536779;line-height:1.8;margin:0 0 12px}.sf-paywall-note{color:#102A43;font-size:.875rem;margin-bottom:20px}.sf-paywall-overlay .ui-btn{white-space:normal;min-height:48px;max-width:100%}@media(max-width:480px){.sf-paywall{min-height:500px}.sf-paywall-overlay{padding:24px 18px}.sf-paywall-overlay h2{font-size:1.2rem}.sf-paywall-overlay p{font-size:.9375rem}}

/* Private investor verification cases share the established navy/emerald form system. */
.sf-verification-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px;align-items:start}.sf-verification-grid>*{min-width:0}.sf-verification-list{list-style:none;margin:0;padding:0}.sf-verification-document,.sf-verification-history{padding-block:20px;border-bottom:1px solid #DDE7E6;overflow-wrap:anywhere}.sf-verification-document{display:flex;justify-content:space-between;gap:20px;align-items:start}.sf-verification-document:last-child,.sf-verification-history:last-child{border-bottom:0}.sf-verification-filename{margin-block:8px;overflow-wrap:anywhere;color:#536779}.sf-verification-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sf-verification-actions form{margin:0}.sf-verification-actions .ui-btn{white-space:normal;min-height:44px}.sf-verification-form{display:grid;gap:20px;border:0;padding:0;margin:0;min-width:0}.sf-verification-form input[type=file]{max-width:100%;font-size:.875rem}.sf-verification-note{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}#verification-upload{scroll-margin-top:100px}@media(max-width:900px){.sf-verification-grid{grid-template-columns:minmax(0,1fr)}.sf-verification-document{flex-direction:column;gap:12px}}

.sf-payment-amount{font-size:2rem;font-weight:700;line-height:1.4;margin-block:16px;color:#102A43;overflow-wrap:anywhere}.sf-payment-bank-fields{padding:16px;border:1px solid #DDE7E6;border-radius:8px;min-width:0}.sf-payment-bank-fields legend{float:none;width:auto;padding-inline:6px;font-size:.9rem;font-weight:600;color:#102A43}.sf-payment-attestation{display:flex;gap:10px;align-items:flex-start}.sf-payment-attestation input{flex-shrink:0;width:20px;height:20px;margin-top:3px;accent-color:#08765E}.sf-payment-attestation label{font-size:.9rem;line-height:1.8}.sf-payment-summary .ui-hint{overflow-wrap:anywhere}#receipt-upload{scroll-margin-top:100px}.sf-verification-grid input[type=file]{max-width:100%;min-width:0}

/* Public discovery: shared brand surfaces and native, keyboard-friendly controls. */
.sf-discovery { background: #fff; border: 1px solid var(--ui-line); border-radius: 16px; padding: clamp(20px, 3vw, 32px); box-shadow: 0 8px 30px rgb(20 36 59 / 4%); }
.sf-discovery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.sf-discovery-grid > div { min-width: 0; }
.sf-discovery-wide { grid-column: span 2; }
.sf-discovery label { display: block; font-weight: 600; color: var(--sf-navy); margin-block-end: 8px; font-size: .9rem; }
.sf-discovery input:not([type=hidden]), .sf-discovery select { width: 100%; min-width: 0; min-height: 48px; border: 1px solid var(--ui-line-strong); border-radius: 8px; background: #fff; color: var(--sf-navy); padding: 10px 12px; font: inherit; }
.sf-discovery input:focus-visible, .sf-discovery select:focus-visible { outline: 3px solid var(--ui-primary); outline-offset: 3px; }
.sf-discovery-help { font-size: .88rem; line-height: 1.8; color: var(--sf-muted); margin-block: 18px; }
.sf-discovery-actions, .sf-discovery-pagination, .sf-discovery-results { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.sf-discovery-privacy { display: flex; align-items: start; gap: 8px; }
.sf-discovery-privacy svg { flex-shrink: 0; margin-block-start: 5px; }
.sf-discovery-results { justify-content: space-between; margin-block: 32px 20px; }
.sf-discovery-results p { margin: 0; color: var(--sf-muted); }
.sf-discovery-count { display: inline-block; padding: 3px 10px; margin-inline-start: 8px; background: #f6f5f3; border-radius: 8px; }
.sf-discovery-pagination { justify-content: center; margin-block-start: 32px; }
@media (max-width: 900px) { .sf-discovery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 540px) { .sf-discovery-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; } .sf-discovery-wide { grid-column: auto; } .sf-discovery-actions > * { width: 100%; } }

/* Shortlists and comparisons share the marketplace visual language. */
.sf-opportunity-shell { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--ui-line); border-radius: var(--sf-radius-card); background: white; overflow: hidden; transition: border-color var(--sf-motion-ui), box-shadow var(--sf-motion-ui); }
.sf-opportunity-shell:hover { border-color: var(--ui-line-strong); box-shadow: 0 12px 30px rgb(20 36 59 / 8%); }
.sf-opportunity-shell > .sf-opportunity { flex: 1; border: 0; border-radius: 0; box-shadow: none; }
.sf-opportunity-actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 16px; background: white; border-block-start: 1px solid var(--ui-line); scroll-margin-block-start: 110px; }
.sf-opportunity-actions form { margin: 0; flex: 1; min-width: 0; }
.sf-selection-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; border: 1px solid var(--ui-line-strong); border-radius: 8px; background: white; color: var(--sf-navy); padding: 8px 12px; font: inherit; font-size: .85rem; font-weight: 600; text-decoration: none; cursor: pointer; transition: background var(--sf-motion-press), color var(--sf-motion-press), transform var(--sf-motion-press); }
.sf-opportunity-actions > a { flex: 1; }
.sf-selection-button:hover, .sf-selection-button.is-selected { background: #f7eef1; color: var(--ui-primary); border-color: var(--ui-primary); }
.sf-selection-button:active { transform: scale(.98); }
.sf-selection-button:focus-visible, .sf-compare-scroll:focus-visible { outline: 3px solid var(--ui-primary); outline-offset: 3px; }
.sf-selection-button:disabled { opacity: .65; cursor: wait; }
.sf-detail-selections { max-width: 520px; margin-block: -12px 32px; }
.sf-detail-selections .sf-opportunity-actions { padding-inline: 0; border: 0; }
.sf-selection-notice { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; border: 1px solid #d7bbc4; border-inline-start: 4px solid var(--ui-primary); border-radius: 8px; background: #faf5f7; color: var(--sf-navy); padding: 16px 20px; margin-block: 20px; line-height: 1.8; }
.sf-selection-notice > a { margin-inline-start: auto; color: var(--ui-primary); font-weight: 600; }
.sf-shortlist-lede { max-width: 75ch; color: var(--sf-muted); line-height: 1.9; margin-block: 16px 24px; }
.sf-shortlist-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.sf-shortlist-toolbar form { margin: 0; }
.sf-compare-scroll { width: 100%; overflow-x: auto; border: 1px solid var(--ui-line); border-radius: var(--sf-radius-panel); overscroll-behavior-inline: contain; }
.sf-compare-table { width: 100%; border-collapse: separate; border-spacing: 0; text-align: start; color: var(--sf-navy); }
.sf-compare-table th, .sf-compare-table td { min-width: 250px; max-width: 320px; padding: 24px; vertical-align: top; border-block-end: 1px solid var(--ui-line); border-inline-end: 1px solid var(--ui-line); line-height: 1.9; overflow-wrap: anywhere; }
.sf-compare-table tr > :first-child { min-width: 180px; max-width: 220px; background: #f6f5f3; font-size: .9rem; }
.sf-compare-table thead th { background: var(--sf-navy); color: white; }
.sf-compare-table thead th:first-child { background: var(--sf-navy); }
.sf-compare-table thead h2 { font-size: 1.25rem; line-height: 1.6; margin-block: 12px 20px; }
.sf-compare-table thead a:not(.sf-selection-button) { color: white; text-decoration: none; }
.sf-compare-table thead a:not(.sf-selection-button):hover { text-decoration: underline; }
.sf-compare-table .sf-opportunity-actions { background: transparent; padding: 0; border: 0; }
.sf-compare-number { color: var(--sf-highlight); font-size: .9rem; letter-spacing: .1em; }
.sf-compare-table tbody tr:last-child > * { border-block-end: 0; }
.sf-compare-table tr > :last-child { border-inline-end: 0; }
.sf-compare-locked { display: flex; gap: 8px; color: var(--sf-muted); font-size: .85rem; margin-block-end: 16px; }
.sf-compare-locked svg { flex-shrink: 0; margin-block-start: 5px; }
@media (prefers-reduced-motion: reduce) { .sf-selection-button, .sf-opportunity-shell { transition: none; } .sf-selection-button:active { transform: none; } }

.sf-compare-dock { position: fixed; z-index: 35; inset-block-end: 20px; inset-inline: 16px; max-width: 520px; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; border: 1px solid var(--ui-line); border-radius: 12px; background: white; box-shadow: 0 8px 40px rgb(20 36 59 / 18%); }
.sf-compare-dock strong { display: flex; align-items: center; gap: 8px; font-size: .9rem; color: var(--sf-navy); }
.sf-compare-dock span { display: block; margin-block-start: 4px; font-size: .8rem; color: var(--sf-muted); }
body:has(.sf-compare-dock) { padding-block-end: 110px; }
@media (max-width: 540px) { .sf-compare-dock { inset-block-end: max(12px, env(safe-area-inset-bottom)); gap: 10px; padding: 12px; } .sf-compare-dock .ui-btn { flex-shrink: 0; } }
@media (min-width: 1024px) and (max-width: 1279px) {
    .ui-site-header nav[aria-label] { display: none !important; }
    .ui-site-header .ui-burger { display: inline-flex !important; }
    .ui-mobile-nav { display: block !important; }
}

html:has(.sf-compare-dock) { scroll-padding-block-end: 130px; }
.sf-opportunity-actions { scroll-margin-block-end: 130px; }

/* Personal interest settings and public-information notifications. */
.sf-alert-bell { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 44px; min-height: 44px; color: var(--sf-navy); border: 1px solid var(--ui-line-strong); border-radius: 50%; text-decoration: none; }
.sf-alert-bell > span { position: absolute; inset-block-start: -5px; inset-inline-end: -5px; border-radius: 20px; background: var(--ui-primary); color: white; font-size: .65rem; min-width: 20px; padding: 2px 4px; text-align: center; }
.sf-alert-bell:focus-visible { outline: 3px solid var(--ui-primary); outline-offset: 3px; }
.sf-interests-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 32px; align-items: start; }
.sf-interests-form .sf-discovery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sf-interest-toggle { display: flex !important; align-items: start; gap: 12px; padding: 20px; border: 1px solid var(--ui-line); background: #f6f5f3; border-radius: 12px; margin-block-end: 28px; cursor: pointer; }
.sf-interests-form input[type=checkbox] { width: 20px !important; min-height: 20px !important; height: 20px; flex-shrink: 0; accent-color: var(--ui-primary); margin-block-start: 3px; padding: 0; }
.sf-interest-toggle small { display: block; color: var(--sf-muted); font-weight: 400; margin-block-start: 6px; line-height: 1.8; }
.sf-interest-sectors { border: 0; padding: 0; margin-block-end: 28px; min-width: 0; }
.sf-interest-sectors legend { font-size: 1.1rem; font-weight: 700; color: var(--sf-navy); }
.sf-interest-sector-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.sf-interest-sector { display: flex !important; align-items: start; gap: 10px; min-height: 48px; padding: 12px; border: 1px solid var(--ui-line-strong); border-radius: 8px; margin: 0 !important; cursor: pointer; overflow-wrap: anywhere; }
.sf-interest-sector:has(input:checked) { color: var(--ui-primary); border-color: var(--ui-primary); background: #faf5f7; }
.sf-interest-guide { padding: 28px; background: var(--sf-navy); color: white; border-radius: var(--sf-radius-panel); }
.sf-interest-guide .ui-eyebrow { color: var(--sf-highlight); }
.sf-interest-guide h2 { font-size: 1.5rem; line-height: 1.7; margin-block: 16px; }
.sf-interest-guide ol { padding-inline-start: 22px; color: #e1e6ed; font-size: .9rem; line-height: 1.9; }
.sf-interest-guide li { margin-block-end: 16px; }
.sf-interest-guide p { color: #e1e6ed; line-height: 1.9; font-size: .88rem; }
.sf-interest-guide .ui-btn { background: white; margin-block-start: 12px; }
.sf-alert-list { display: grid; gap: 16px; }
.sf-alert-item { display: flex; align-items: start; gap: 20px; padding: 24px; border: 1px solid var(--ui-line); border-radius: var(--sf-radius-card); background: white; }
.sf-alert-item.is-unread { border-inline-start: 4px solid var(--ui-primary); background: #fdfbfc; }
.sf-alert-symbol { padding: 12px; border-radius: 12px; background: #f6f5f3; color: var(--ui-primary); }
.sf-alert-content { flex: 1; min-width: 0; }
.sf-alert-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-size: .8rem; color: var(--sf-muted); }
.sf-alert-content h2 { font-size: 1.25rem; line-height: 1.7; margin-block: 12px; overflow-wrap: anywhere; }
.sf-alert-content h2 a { color: var(--sf-navy); text-decoration: none; }
.sf-alert-content h2 a:hover { color: var(--ui-primary); text-decoration: underline; }
.sf-alert-content p { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: .9rem; color: var(--sf-muted); }
.sf-alert-actions { display: flex; flex-direction: column; gap: 8px; }
.sf-alert-actions form { margin: 0; }
.sf-alert-dashboard { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding: 28px; border: 1px solid var(--ui-line); border-radius: 12px; margin-block-end: 24px; background: #f6f5f3; }
.sf-alert-dashboard h2 { font-size: 1.35rem; margin-block: 12px; }
.sf-alert-dashboard p { color: var(--sf-muted); margin: 0; line-height: 1.9; }
@media (max-width: 900px) { .sf-interests-layout { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 600px) { .sf-alert-item { flex-wrap: wrap; padding: 20px; gap: 12px; } .sf-alert-symbol { display: none; } .sf-alert-content { flex-basis: 100%; } .sf-alert-actions { width: 100%; flex-direction: row; flex-wrap: wrap; } .sf-interests-form .sf-discovery-grid, .sf-interest-sector-grid { grid-template-columns: minmax(0, 1fr); } }

@media (max-width: 420px) {
    .ui-site-header-inner { gap: 10px; }
    .ui-site-header .ui-lang { width: 44px; min-width: 44px; height: 44px; padding: 0; justify-content: center; }
    .ui-site-header .ui-lang > span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
    .ui-site-header .ui-brand { min-width: 0; }
    .ui-site-header .ui-brand > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

.sf-learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sf-learning-grid h2{font-size:1.4rem;line-height:1.7;margin-block:16px}.sf-learning-grid a{color:var(--sf-navy);text-decoration:none}.sf-learning-grid p{color:var(--sf-muted);line-height:1.9}.sf-reading{max-width:800px;margin-inline:auto}.sf-reading h2{margin-block:36px 16px;font-size:1.4rem}.sf-prose{white-space:pre-line;line-height:2.1;font-size:1.05rem;overflow-wrap:anywhere}.sf-data-table{width:100%;border-collapse:collapse;min-width:650px}.sf-data-table th,.sf-data-table td{padding:16px;text-align:start;border-block-end:1px solid var(--ui-line)}.sf-data-table thead{background:var(--sf-navy);color:white}.sf-data-table caption{padding:16px;color:var(--sf-muted)}.sf-editor-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-block:12px}.sf-editor-row strong{flex:1}.sf-editor-row form{margin:0}
@media(max-width:900px){.sf-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.sf-learning-grid{grid-template-columns:minmax(0,1fr)}}

.sf-alert-bell [hidden]{display:none!important}
@media(max-width:540px){.ui-site-header .ui-lang{min-width:44px;width:44px;padding:0;justify-content:center}.ui-site-header .ui-lang>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ui-site-header-inner{gap:8px}.ui-site-header .ui-brand>span{max-width:100px;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(min-width:1024px) and (max-width:1439px){.ui-site-header nav[aria-label]{display:none!important}.ui-site-header .ui-burger{display:inline-flex!important}.ui-mobile-nav{display:block!important}}

@media(min-width:1440px){.ui-site-header nav[aria-label]{gap:12px}.ui-site-header .ui-navlink{font-size:.8rem}.ui-site-header-inner{gap:16px}}