/* Option C. Reference: docs/design/option-c/OptionC-System.html.
   Legacy feature layout stays in a lower cascade layer; these are shared tokens
   and presentation adapters, independent of data and action handlers. */
:root {
  --paper:#FBF9F4; --white:#fff; --ink:#15231B; --text:#4F5F55;
  --line:#E3E0D6; --line2:#D5D2C6; --hair:#EFEDE6; --leaf:#78B448;
  --orchard:#2E6B2B; --tint:#EEF5E4; --apricot:#F2A74B;
  --atint:#FDF1E0; --onink:#C9D6C9;
  --display:"Bricolage Grotesque","Figtree",sans-serif;
  --body:"Figtree","Segoe UI",Helvetica,Arial,sans-serif;
  --serif:var(--display); --sans:var(--body); --forest:var(--orchard);
  --cream:var(--paper); --gold:var(--apricot); --muted:var(--text);
  --r-control:12px; --r-surface:16px; --r-tag:999px;
  --focus-ring:var(--orchard); --focus-gap:var(--paper);
  --brand-ink:var(--ink); --brand-olive:var(--orchard); --brand-moss:var(--orchard);
  --brand-lime:var(--leaf); --brand-velour:var(--leaf); --brand-oat:var(--hair);
  --brand-cream:var(--paper); --brand-paper:var(--white); --brand-meadow:var(--tint);
  --brand-sage:#DCE5CF; --brand-muted:var(--text); --brand-border:var(--line);
  --brand-gold:var(--apricot); --brand-clay:var(--apricot);
  --brand-paper-image:none; --brand-field-image:none; --brand-dark-panel:var(--ink);
}
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:96px}
body {margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--body);-webkit-font-smoothing:antialiased}
button,input,select,textarea {font:inherit}
a {color:var(--orchard)}
a:hover {color:var(--ink)}
img {max-width:100%}
h1,h2,h3,h4 {text-wrap:balance;overflow-wrap:break-word}
h1,h2,h3 {font-family:var(--display);font-optical-sizing:auto;letter-spacing:-.02em}
h1 {font-size:clamp(34px,4.4vw,52px);font-weight:800;line-height:1.02}
h2 {font-size:clamp(26px,3vw,34px);font-weight:700;line-height:1.1}
h3 {font-size:21px;font-weight:700;line-height:1.2}
p {color:var(--text)}
:focus-visible {outline:3px solid var(--orchard);outline-offset:3px}
button:disabled {cursor:not-allowed;opacity:.6}
[hidden] {display:none!important}
.site-header {background:var(--white);border-bottom:1px solid var(--line);padding:0;z-index:50;position:sticky;top:0}
.site-header-inner {width:100%;max-width:1200px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand {display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;flex-shrink:0}
.brand-logo {height:40px;width:58px;object-fit:contain}
.brand-wordmark {font:700 18px/1.1 var(--display);letter-spacing:-.01em;max-width:100px}
.site-nav {display:flex;align-items:center;justify-content:space-between;gap:24px;flex:1}
.site-nav-primary,.site-nav-actions {display:flex;align-items:center;gap:20px}
.site-nav a,.site-nav summary {font-size:14px;font-weight:600;text-decoration:none;color:var(--ink);white-space:nowrap}
.site-nav-primary>a {position:relative;padding:12px 0}
.site-nav-primary>a[aria-current]::after {content:"";position:absolute;bottom:3px;left:0;right:0;height:3px;background:var(--leaf)}
.site-nav-more {position:relative}
.site-nav-more summary {list-style:none;cursor:pointer;display:flex;align-items:center;gap:4px}
.site-nav-more summary::-webkit-details-marker {display:none}
.site-nav-more summary .ff-icon {width:14px;height:14px}
.site-nav-menu {background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 40px #15231b1a;position:absolute;top:40px;right:0;width:340px;padding:12px;display:grid;gap:2px;z-index:52}
.site-nav-menu a {padding:10px 12px;border-radius:10px;display:grid;gap:4px;white-space:normal}
.site-nav-menu a:hover {background:var(--tint)}
.site-nav-menu span {font-size:13px;line-height:1.4;color:var(--text);font-weight:400}
.nav-toggle {display:none}
.button,.nav-cta,.marketplace-cart-checkout,.marketplace-variant-add {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;background:var(--orchard);border:1px solid transparent;border-radius:12px;color:#fff;font-size:15px;font-weight:600;line-height:1.25;text-decoration:none;text-align:center;cursor:pointer;box-shadow:none}
.site-nav .nav-cta {color:#fff;min-height:44px;padding:10px 16px;font-size:14px}
.button:hover,.nav-cta:hover {background:#255823;color:#fff;border-color:transparent}
.button--secondary {color:var(--ink);background:var(--white);border-color:var(--line2)}
.button--secondary:hover {color:var(--ink);background:var(--tint);border-color:var(--orchard)}
.hero-actions {display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}
.section {max-width:1200px;padding:56px 24px;margin:auto}
.section h2,.card h2,.panel h2 {font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:clamp(26px,3vw,34px);line-height:1.1}
.section-head {margin-bottom:28px;gap:24px}
.section-head p {margin-bottom:0}
.card,.panel,.public-form-card,.farm-card,.content-card {background:var(--white);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:none}
.card h3,.panel h3 {font-family:var(--display)}
.card-grid,.feature-grid {gap:20px}
.ff-icon {stroke-width:2;color:var(--orchard)}
.icon-card>.ff-icon,.icon-panel>.ff-icon {border-radius:12px;background:var(--tint);color:var(--orchard)}
.ff-badge,.tag {background:var(--tint);border:0;border-radius:999px;color:var(--orchard);font-size:13px;font-weight:600;min-height:26px;padding:4px 10px}
.ff-badge--season {background:var(--atint);color:#8A5A14}
.ff-badge--muted {background:var(--hair);color:var(--text)}
.notice {background:var(--tint);border:1px solid #DCE5CF;border-radius:12px;padding:16px;color:var(--ink)}
.notice--error {background:#FBE9E5;color:#7A2E1F;border-color:#D9A89C}
:where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=file]),select,textarea) {min-height:48px;border:1px solid var(--line2);border-radius:12px;background:var(--white);color:var(--ink);padding:10px 14px}
input[type=checkbox],input[type=radio] {accent-color:var(--orchard)}
input:focus,select:focus,textarea:focus {outline:2px solid var(--leaf);outline-offset:1px}
.option-page-head {background:var(--ink);color:#fff}
.option-page-head-inner {max-width:1200px;margin:auto;padding:64px 24px 56px;display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center}
.option-page-head[data-hero-kind=home] .option-page-head-inner {grid-template-columns:repeat(2,minmax(0,1fr))}
.option-page-copy {min-width:0}
.option-page-copy h1 {margin:0 0 24px;max-width:850px}
.option-page-copy>p {margin:0;max-width:640px;color:var(--onink);font-size:18px;line-height:1.5;text-wrap:balance}
.option-page-head .button {background:var(--leaf);color:var(--ink)}
.option-page-head .button--secondary {background:transparent;border-color:#5B6D5E;color:#fff}
.option-page-head .button:hover {background:#8BC15F;color:var(--ink)}
.option-page-head .button--secondary:hover {background:#ffffff12;color:#fff}
.option-page-head--compact .option-page-head-inner {padding-block:56px 52px}
.farm-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
.farm-card h2 {font-size:21px}
.farm-filter-panel,.farm-filter-form {background:var(--white);border-color:var(--line);border-radius:16px}
.public-form-card {background:var(--white)}
.public-form-card h1 {font:800 clamp(34px,4.4vw,52px)/1.05 var(--display)}
/* The map and workspace render their own document shells. */
.maps-body {font-family:var(--body);background:var(--paper)}
.farmfinder-map-app {--maps-ink:var(--ink);--maps-bg:var(--paper);--maps-accent:var(--orchard)}
.farmfinder-map-app button,.farmfinder-map-app input {font-family:var(--body)}
:root {--ws-pine-950:var(--ink);--ws-pine-900:var(--ink);--ws-pine-800:#263E2D;--ws-pine-700:var(--orchard);--ws-ink:var(--ink);--ws-muted:var(--text);--ws-line:var(--line);--ws-white:var(--white);--ws-cream-50:var(--white);--ws-cream-100:var(--paper);--ws-cream-200:var(--hair);--ws-moss-100:var(--tint);--ws-moss-200:#DCE5CF;--ws-moss-500:var(--leaf);--ws-lake-500:var(--orchard);--ws-gold-200:var(--atint);--ws-sidebar:260px;--ws-action:360px;--ws-focus:var(--orchard)}
.workspace,.workspace-launcher-body {background:var(--paper);font-family:var(--body);font-size:15px}
.workspace-sidebar {background:var(--ink);color:#fff}
.workspace-sidebar a {color:var(--onink)}
.workspace-sidebar a:hover {color:var(--white)}
.workspace-header-title h1,.workspace-launcher h1 {font-family:var(--display);font-weight:800;letter-spacing:-.025em}
.workspace-launcher-hero > div > p {color:var(--onink)}
.workspace-launcher-card > a,.workspace-launcher-card > a:hover {color:var(--white)}
.workspace-metric,.workspace-panel,.workspace-launcher-card {background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:none}
.workspace-metric strong {font-family:var(--display)}
.workspace-metrics article {display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:none;padding:20px;gap:6px}
.workspace-metrics strong {order:-1;margin:0;font:700 clamp(24px,2.4vw,32px)/1.1 var(--display)}
.workspace-metrics span,.workspace-metrics small {white-space:normal;overflow:visible;text-overflow:clip;font-size:13px;line-height:1.4;font-weight:400}
.workspace-metrics small {margin:0;color:var(--text)}
.workspace-nav-link.is-active {background:#203528;color:#fff;box-shadow:none}
.workspace-nav-link.is-active::before {display:none}
.workspace-alert {background:var(--tint);border-color:#DCE5CF;border-radius:12px}
.workspace-bottom {display:none}
.workspace-page {padding-bottom:48px}
@media (min-width:761px) and (max-width:1080px) {
  .site-header-inner {gap:16px;padding-inline:24px}
  .brand-wordmark {display:none}
  .site-nav {gap:16px}
  .site-nav-primary,.site-nav-actions {gap:14px}
  .site-nav a,.site-nav summary {font-size:13px}
}
@media (max-width:760px) {
  html {scroll-padding-top:80px}
  .site-header-inner {padding:12px 16px;min-height:72px;gap:12px}
  .brand-logo {height:40px;width:60px}
  .brand-wordmark {display:none}
  .nav-toggle {display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line2);border-radius:12px;background:var(--white);padding:10px;position:relative;z-index:62}
  .nav-toggle .ff-icon {width:22px;height:22px;color:var(--ink)}
  .nav-toggle .ff-icon:last-child {display:none}
  .nav-open .nav-toggle .ff-icon:first-child {display:none}
  .nav-open .nav-toggle .ff-icon:last-child {display:block}
  .site-nav {display:none}
  .site-nav.is-open {display:flex;position:fixed;inset:0;width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;background:var(--paper);z-index:60;padding:88px 24px max(24px,env(safe-area-inset-bottom));overflow:hidden;align-items:stretch;justify-content:flex-start;gap:28px}
  .site-nav-primary {display:flex;flex-direction:column;align-items:stretch;gap:0;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
  .site-nav-primary>a {padding:14px 0;border-bottom:1px solid var(--line);font:700 26px/1.1 var(--display)}
  .site-nav-primary>a[aria-current]::after {display:none}
  .site-nav-primary>a[aria-current] {color:var(--orchard)}
  .site-nav-more {padding-top:18px}
  .site-nav-more summary {font:700 26px/1.1 var(--display)}
  .site-nav-menu {position:static;box-shadow:none;width:100%;border:0;background:transparent;padding:14px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .site-nav-menu a {padding:10px 0;font-size:15px}
  .site-nav-menu span {display:none}
  .site-nav-actions {display:flex;align-items:center;flex:0 0 auto;margin-top:0;padding-top:20px;border-top:1px solid var(--line);gap:20px}
  .site-nav-actions .nav-cta {flex:1;min-height:48px}
  .site-nav-actions .nav-demo {font-size:16px}
  body.nav-open {overflow:hidden}
  .section {padding:40px 20px}
  .section-head {align-items:flex-start;flex-direction:column;gap:16px}
  .card-grid,.feature-grid,.detail-grid,.farm-grid {grid-template-columns:minmax(0,1fr)}
  .option-page-head-inner,.option-page-head--compact .option-page-head-inner {padding:40px 20px;gap:32px}
  .option-page-head[data-hero-kind=home] .option-page-head-inner {grid-template-columns:minmax(0,1fr)}
  .option-page-copy h1 {font-size:34px;max-width:100%;margin-bottom:20px}
  .option-page-copy>p {font-size:18px}
  .hero-actions {display:flex;flex-wrap:nowrap;gap:8px;align-items:stretch;width:100%}
  .hero-actions>.button,.hero-actions>form {flex:1 1 0;width:auto;min-width:0;margin:0}
  .hero-actions>.button,.hero-actions>form>.button {min-width:0;margin:0;padding:12px 10px;font-size:14px;white-space:normal;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
  .hero-actions>form>.button {width:100%;height:100%}
  .hero-actions>form {padding:0}
  .workspace-sidebar {width:100vw;max-width:none;inset:0;height:100dvh;border-radius:0}
  .workspace-bottom {display:none}
  .workspace-page {padding-bottom:88px}
  .workspace-launcher-grid {grid-template-columns:minmax(0,1fr)}
  .workspace-metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace-panel--action {border-radius:24px 24px 0 0}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  *,*::before,*::after {animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media (min-width:761px) and (max-width:940px) {
  .workspace-sidebar {width:100vw;max-width:none;inset:0;height:100dvh;border-radius:0}
}
/* In the workspace menu, section links remain in the full screen menu. */
.workspace {padding-bottom:0}
.workspace-panel--action {box-shadow:none}
.brand-wordmark {max-width:none;white-space:nowrap}
@media (max-width:760px) {
  .site-nav.is-open {flex-direction:column}
}
@media (max-width:760px) {
  .site-nav.is-open {width:100vw}
}

.button .ff-icon {color:inherit}
.workspace-sidebar a,.workspace-sidebar .workspace-icon {color:var(--onink)}
.workspace-sidebar .workspace-nav-link.is-active,.workspace-sidebar .workspace-nav-link.is-active .workspace-icon {color:#fff}
.workspace-demo-note p {color:var(--onink)}
.workspace-brand img {filter:none}
.workspace-brand {width:100px}
.workspace-section-head h2 {font-size:24px}
.farm-grid .card h2 {font-size:21px}
[data-heading-pair] {display:inline-block;white-space:nowrap}
@media (max-width:760px) {
  .workspace-header-title h1 {font-size:28px}
}
@media (max-width:760px) {
  .nav-open .brand {position:relative;z-index:62}
  .nav-open .header-workspace {visibility:hidden}
}
.option-page-head[data-hero-kind=home] h1 {font-size:clamp(34px,5vw,62px);max-width:17ch}
.footer-partner {display:inline-flex;gap:12px;align-items:center}
.footer-partner img {object-fit:contain}
@media (max-width:760px) {
 .option-page-head[data-hero-kind=home] h1 {font-size:34px;max-width:100%}
}
/* Reset the former tablet drawer when the desktop navigation is visible. */
@media (min-width:761px) {
 .site-nav {position:static;inset:auto;width:auto;height:auto;max-height:none;max-width:none;padding:0;visibility:visible;opacity:1;transform:none;overflow:visible;flex-direction:row;border:0;box-shadow:none;pointer-events:auto}
 .site-nav-primary,.site-nav-actions {flex-direction:row}
}
@media (min-width:761px) and (max-width:1080px) {
}
@media (max-width:940px) {
 .workspace-header {display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:20px 16px;min-height:0}
 .workspace-header-title {display:flex;align-items:flex-start;gap:12px;width:100%;min-width:0}
 .workspace-header-title>div {flex:1;min-width:0}
 .workspace-header-title h1 {font-size:28px;line-height:1.1;margin:0}
 .workspace-header-actions {position:static;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%;gap:12px}
 .workspace-persona {width:auto;min-width:0;flex:1}
 .workspace-header-link {display:inline-flex}
}
@media (min-width:761px) {
 .site-nav {background:transparent}
 .site-nav-primary>a {border-bottom:0}
}
/* Complete export: native forms, account states and program operations use
   the same components without replacing their fields or action handlers. */
.public-form-wrap {max-width:920px;padding:40px 24px 56px}
.public-form-wrap::before,.public-form-card::before {display:none}
.public-form-card {border-color:var(--line);border-radius:16px;padding:32px;box-shadow:none}
.public-form-card h1 {color:var(--ink);max-width:none;margin:0 0 20px}
.public-form-description {color:var(--text);font-size:18px;line-height:1.5}
.public-form-card label,.public-form-card legend {color:var(--ink);font-size:14px;font-weight:600}
.public-form-card form>button {min-height:52px;background:var(--orchard);border:0;border-radius:12px;color:#fff;padding:12px 22px;font:600 16px/1.3 var(--body);cursor:pointer}
.public-form-card form>button:hover {background:#255823}
.public-form-status:not(:empty) {background:var(--tint);border-radius:12px;padding:14px 16px;color:var(--ink)}
.public-form-status[data-state=error],.public-form-card [role=alert] {background:#FBE9E5;color:#7A2E1F;border-radius:12px;padding:14px 16px}
.portal-signin-context {background:var(--tint)}
.portal-signin-target {border-color:var(--orchard)}
.portal-signin-form h2,.portal-signin-context h2 {font-size:24px}
.icon-card h2,.content-card h2,.content-card h3 {font-size:21px;line-height:1.2}
.portal-status {background:var(--tint);color:var(--orchard);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}
.portal-card--selected {border-color:var(--orchard);box-shadow:inset 0 0 0 1px var(--orchard)}
.commerce-page {color:var(--ink)}
.commerce-panel,.commerce-products article,.commerce-nav a {background:var(--white);border:1px solid var(--line);border-radius:16px}
.commerce-panel input,.commerce-panel select {border-color:var(--line2);border-radius:12px;color:var(--ink)}
.commerce-panel .btn-primary {background:var(--orchard);color:#fff;border-radius:12px}
.commerce-stages li {background:var(--paper);border-color:var(--line);color:var(--text)}
.commerce-stages [aria-current] {background:var(--tint);border-color:var(--orchard);color:var(--ink)}
.commerce-stages li::before {background:var(--tint);color:var(--orchard)}
.commerce-error {background:#FBE9E5;border-color:#D9A89C;color:#7A2E1F}
.content-card p,.content-card a {overflow-wrap:anywhere}
.workspace-boundary-badge,.workspace-demo-badge {border:0;border-radius:999px;font-size:12px;font-weight:600;padding:5px 10px;background:var(--tint);color:var(--orchard);white-space:nowrap}
.workspace-demo-badge {background:var(--atint);color:#8A5A14}
.workspace-alert {background:#F1EFE8;border:0;color:var(--ink)}
.workspace-alert--error {background:#FBE9E5;color:#7A2E1F}
.workspace-panel input,.workspace-panel select,.workspace-panel textarea {border-color:var(--line2);border-radius:12px;font-weight:400}
@media (max-width:760px) {
 .public-form-wrap {padding:28px 20px 40px}
 .public-form-card {padding:24px}
 .public-form-description {font-size:16px}
 .workspace-metrics article {padding:16px;gap:4px}
 .workspace-metrics strong {font-size:24px}
 .workspace-metrics span,.workspace-metrics small {font-size:12px}
 .commerce-panel {padding:20px}
 .commerce-stages {grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Pricing cards keep plan names readable at tablet and phone widths. */
.membership-grid,#membership .card-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.membership-plan h3,#membership .card h3 {font-size:21px;line-height:1.2;text-wrap:balance}
.membership-price {font-weight:600;line-height:1.5}

/* Workspace commands belong to the header rather than floating over records. */
.workspace-header .workspace-action-trigger {position:static;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:10px 12px;box-shadow:none;flex:none}
.workspace-header-link {gap:8px;min-height:44px}
.workspace-header-link .workspace-icon {width:20px;height:20px}
.workspace-metrics {gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:linear-gradient(110deg,#eef4e4f2,#fbf9f4ec),url('/assets/brand/field-lines.svg') center/cover}
.workspace-metrics article {background:transparent;border:0;border-radius:0;border-right:1px solid var(--line);box-shadow:none}
.workspace-metrics article:last-child {border-right:0}
.workspace-metrics strong {white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.workspace-launcher-card::before {content:none}
.workspace-launcher-hero {background-image:linear-gradient(100deg,#152b20f5,#152b20c9),url('/assets/brand/field-lines.svg');background-size:cover}
.workspace-launcher-public .workspace-icon {width:20px;height:20px}
@media(max-width:760px) {
 .workspace-header-actions {flex-wrap:nowrap;gap:8px}
 .workspace-header-actions .workspace-persona {flex:1;min-width:0}
 .workspace-header-actions .workspace-persona select {width:100%;min-width:0;max-width:none;min-height:44px;font-size:14px}
 .workspace-header-actions .workspace-account {display:none}
 .workspace-header-link {width:44px;min-width:44px;padding:10px;justify-content:center;flex:none}
 .workspace-header-link>span,.workspace-header .workspace-action-trigger>span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .workspace-header .workspace-action-trigger {width:44px;padding:10px}
 .workspace-metrics article {padding:14px;border-bottom:1px solid var(--line)}
 .workspace-metrics article:nth-child(2n) {border-right:0}
 .workspace-metrics article:nth-last-child(-n+2) {border-bottom:0}
 .workspace-metrics strong {font-size:22px}
 .workspace-launcher-public {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
 .workspace-launcher-public span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .workspace-launcher-header img {max-width:120px}
}
.portal-tools-dialog {width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink)}
.portal-tools-dialog::backdrop {background:#152b20a8}
.portal-tools-dialog header {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.portal-tools-dialog h2 {margin:0;font-size:28px}
.portal-tools-close {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:1px solid var(--line2);border-radius:12px;background:var(--paper);color:var(--ink)}
.portal-tools-dialog nav {display:grid;gap:0}
.portal-tools-dialog nav a {display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 4px;border-bottom:1px solid var(--line);text-decoration:none;font-weight:600}
.portal-tools-dialog nav a::after {content:'\2197';color:var(--orchard)}
.portal-tools-dialog form {margin-top:24px}
@media(max-width:760px) {
 .portal-tools-dialog {width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:24px 20px}
}
body.portal-tools-open {overflow:hidden}
.workspace-sidebar-close,.workspace-action-close {width:44px;height:44px}
.workspace-launcher-card h2 {display:flex;align-items:center;gap:12px;margin-top:0}
.workspace-launcher-icon {width:44px;height:44px;flex:none;background:none;border-radius:0}
.workspace-layout {align-items:start}
.workspace-panel--records {min-height:0}
@media(min-width:941px) {.workspace-header .workspace-action-trigger {display:none}}
.workspace-launcher-card h2>span:last-child {flex:1;min-width:0}
@media(max-width:940px) {.workspace-sidebar {width:100vw;max-width:none;inset:0;height:100dvh;border-radius:0}}

/* Keep the narrow homepage title in three balanced lines. */
@media(max-width:360px) {.ff-home-hero .ff-home-hero-copy h1 {font-size:36px}}

/* Section copy must fit its grid cell before heading pairing is measured. */
.section-head>div {min-width:0;max-width:100%}