@layer farmfinder-legacy {
.portal-section{border-top:1px solid var(--line)}
.portal-section h3{font:1.35rem/1.2 var(--serif);margin:.35rem 0 .65rem}
.portal-status{background:#eee1c5;border-radius: var(--r-tag);display:inline-block;font-size:.875rem;font-weight:800;padding:.25rem .65rem;text-transform:capitalize}
.portal-entitlements{margin:0 0 1rem}
.portal-action{margin-top:1rem}
.portal-action .button{cursor:pointer;font:inherit}
.portal-card--selected{border-color:var(--gold);box-shadow:0 0 0 2px rgba(216,155,54,.18)}
.portal-subhead{margin-top:2rem}

/* ---------------------------------------------------------------------------
   Contextual sign in.

   Nobody arrives at the portal to admire the portal. They were on their way
   somewhere and the account stood in the way, so the page states the
   destination, carries that destination's hero palette, and puts the form and
   the reason side by side instead of stranding a lone email field.
--------------------------------------------------------------------------- */

/* The shared Primordial stylesheet owns the summer Almanac palette. */

.portal-signin-grid {
  align-items: start;
  display: grid;
  gap: clamp(1rem, 3vw, 2rem);
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
}

.portal-signin-form h2 {
  margin-top: 0;
}

.portal-signin-form .muted {
  margin-bottom: 0;
}

.portal-signin-context {
  background: color-mix(in srgb, var(--forest) 5%, var(--paper));
}

.portal-signin-context .icon-heading {
  font: clamp(1.3rem, 2vw, 1.6rem)/1.2 var(--serif);font-weight:600;
  margin-top: 0;
}

.portal-signin-target {
  border-left: 3px solid var(--gold);
  font-weight: 650;
  margin: 0 0 1.1rem;
  padding-left: .75rem;
}

.portal-signin-note {
  color: var(--muted);
  font-size: .9rem;
  margin: 1.1rem 0 0;
}

@media (max-width: 760px) {
  /* The heading and intro already name the destination above the fold, so the
     single column keeps the email field first. Promoting the reason panel
     above the form pushed the only action on the page off the screen. */
  .portal-signin-grid {
    grid-template-columns: 1fr;
  }
}
/* Persisted market operations share the existing, ingress approved portal asset. */
.commerce-page{max-width:1200px;margin:0 auto;padding:40px 24px 64px;color:#24391e}
.commerce-page h1,.commerce-page h2,.commerce-page h3{text-wrap:balance}
.commerce-page header{max-width:760px;margin-bottom:24px}
.commerce-page h1{font-size:clamp(30px,5vw,52px);line-height:1.15}
.commerce-page p{font-size:16px;line-height:1.65;max-width:80ch}
.commerce-nav{display:flex;flex-wrap:nowrap;gap:8px;margin:24px 0}
.commerce-nav a{flex:1;min-width:0;min-height:44px;padding:10px 6px;border-bottom:1px solid #c7cead;text-align:center;text-decoration:none;font-size:14px}
.commerce-panel{background:#fffdf5;border:1px solid #d3d6c1;border-radius:20px;padding:28px;margin:24px 0}
.commerce-panel h2{font-size:clamp(24px,3vw,32px);margin-top:0}
.commerce-panel form{display:grid;gap:16px;max-width:720px;margin:24px 0}
.commerce-panel label{display:grid;gap:8px;font-size:16px}
.commerce-panel input,.commerce-panel select{font:inherit;width:100%;min-height:48px;padding:12px;border:1px solid #aeb899;border-radius:8px;background:#fff;color:#24391e}
.commerce-panel input:focus-visible,.commerce-panel select:focus-visible,.commerce-page a:focus-visible,.commerce-page button:focus-visible{outline:3px solid #63813e;outline-offset:3px}
.commerce-panel .commerce-check{display:flex;align-items:center;gap:12px}
.commerce-check input{width:20px;min-height:20px}
.commerce-panel details{padding:16px 0;border-top:1px solid #e1e3d4}
.commerce-panel summary{font-size:16px;font-weight:700;cursor:pointer;min-height:44px;padding:8px 0}
.commerce-panel button{justify-self:start;font-size:16px;min-height:48px}
.commerce-error{background:#fff0e8;border:1px solid #b66842;border-radius:12px;padding:20px}
.commerce-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.commerce-products article{border:1px solid #d8dec8;border-radius:16px;padding:20px;min-width:0}
.commerce-products label{margin-top:16px}
.commerce-order{padding:24px 0;border-top:1px solid #d8dec8;overflow-wrap:anywhere}
.commerce-stages{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;counter-reset:stage}
.commerce-stages li{padding:16px 12px;background:#f1f3df;border-bottom:4px solid #c6cfb0;font-size:16px;counter-increment:stage}
.commerce-stages li:before{content:counter(stage);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d7dfa7;margin-right:8px}
.commerce-stages [aria-current]{background:#e4efae;border-color:#63813e;font-weight:700}
.commerce-table{overflow-x:auto}
.commerce-table table{width:100%;border-collapse:collapse;font-size:16px}
.commerce-table th,.commerce-table td{text-align:left;padding:12px;border-bottom:1px solid #d8dec8}
.commerce-table input{width:24px;min-height:24px}
.commerce-panel .btn-primary{background:#24391e;color:#fffdf5}
.commerce-page .btn{white-space:normal;text-wrap:balance}
.commerce-source{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.6;background:#f1f3e8;padding:20px;border-radius:12px}
.commerce-panel details ul{padding-left:24px}
.commerce-panel details li{margin:8px 0}
.commerce-panel details a{overflow-wrap:anywhere}
.commerce-page button.btn{border:1px solid #aeb899;border-radius:12px;padding:12px 20px;cursor:pointer;font-weight:700;line-height:1.3}
.commerce-page button.btn:not(.btn-primary){background:#e7efc3;color:#24391e}
.commerce-page button.btn:hover{filter:brightness(.96)}
.commerce-panel textarea{font:inherit;width:100%;min-height:112px;padding:12px;border:1px solid #aeb899;border-radius:8px;background:#fff;color:#24391e}
.commerce-panel textarea:focus-visible{outline:3px solid #63813e;outline-offset:3px}
.commerce-launch-summary{background:#eef3d2}
.commerce-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.commerce-facts div{padding:16px;background:#f1f3e8;border-radius:12px;min-width:0}
.commerce-facts dt{font-size:16px;line-height:1.5}
.commerce-facts dd{font-size:28px;font-weight:700;margin:8px 0 0}
.commerce-launch-checks{list-style:none;margin:0;padding:0;counter-reset:launch}
.commerce-launch-checks>li{position:relative;padding:24px 0 24px 56px;border-top:1px solid #d8dec8;counter-increment:launch}
.commerce-launch-checks>li:before{content:counter(launch);position:absolute;left:0;top:24px;display:grid;place-items:center;width:36px;height:36px;background:#dbe99e;border-radius:50%;font-weight:700}
.commerce-launch-checks h3{font-size:24px;margin:0;line-height:1.3}
.commerce-check-state{font-weight:600}
@media(max-width:680px){.commerce-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-launch-checks>li{padding-left:46px}.commerce-launch-checks h3{font-size:22px}}
@media(max-width:680px){.commerce-page{padding:24px 16px 48px}.commerce-panel{padding:20px 16px}.commerce-nav{grid-template-columns:1fr}.commerce-products{grid-template-columns:1fr}.commerce-stages{grid-template-columns:1fr}.commerce-stages li{border-bottom:0;border-left:4px solid #c6cfb0}.commerce-stages [aria-current]{border-left-color:#63813e}.commerce-panel button{width:100%}}
@media print{body[data-route="/operations"] .site-header,body[data-route="/operations"] .site-footer,.commerce-nav,.commerce-page form{display:none!important}.commerce-page,.commerce-panel{padding:0;border:0}.commerce-table{overflow:visible}}
@media print{.commerce-print .button{display:none!important}.commerce-print .commerce-table th,.commerce-print .commerce-table td{font-size:14px;padding:8px;overflow-wrap:anywhere}.commerce-print tr{break-inside:avoid}}

}