/* features/ui/components.css — the one shared component stylesheet (design/implementation/01/token-migration.md
 * §3; component-map.md), ported from the design reference design/components/01/components.css with production
 * scope: `[data-loam]` is the body of Next's RootLayout and of every standalone HTML outcome page, while the
 * tokens live on `:root` (the same document, one theme). Only tokens carry visual values; every fill reads
 * `--color-accent` / `--color-secondary` and every foreground, link, focus ring and action boundary reads the
 * derived safe roles (`--color-on-accent`, `--color-on-secondary`, `--color-link`, `--color-focus`,
 * `--color-control-border`) the server snapshot resolves — never a fill as text. Served to standalone pages by
 * `/tokens/components.css?v=<content hash>`; RootLayout imports this same file through Next. 600px in the
 * container rule mirrors --breakpoint-content (CSS query grammar needs a literal). Not hand-edited per brand.
 * D-04 adds the auth surface's classes (`.lm-auth`, `.lm-auth-card`, `.lm-auth-code`, `.lm-auth-alternate`,
 * `.lm-form`) — the accepted sign-in card of design/hardening/03 on the same tokens. D-05 adds the onboarding and
 * connections journeys' (`.lm-form--grid` / `.lm-form--wide`, `.lm-check-list`, `.lm-wait-stages`, the bank card's
 * note) — the questionnaire grid, the race check list, the waiting panel's stage list, on the same tokens. D-07 adds
 * the account and subscription pages' (`.lm-section` — the reference's `journey-section` rule, `.lm-settings-list`,
 * `.lm-account-email`, `.lm-plan-grid`) on the same tokens.
 */
[data-loam]{margin:0;font:var(--font-weight-regular) var(--font-size-md)/var(--line-height-body) var(--font-family-body);color:var(--color-fg);background:var(--color-bg);container-type:inline-size;overflow-wrap:anywhere}
[data-loam] *,[data-loam] *::before,[data-loam] *::after{box-sizing:border-box}
[data-loam] [hidden]{display:none!important}
[data-loam] button,[data-loam] input,[data-loam] select,[data-loam] textarea{font:inherit;color:inherit;touch-action:manipulation}
[data-loam] button{cursor:pointer}[data-loam] button:disabled{cursor:default}
[data-loam] :focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
[data-loam] a{color:var(--color-link);text-underline-offset:var(--space-1)}
[data-loam] p{margin-block:0 var(--space-3)}
[data-loam] .lm-title{font:var(--font-weight-regular) var(--font-size-subheading)/var(--line-height-heading) var(--font-family-heading);letter-spacing:var(--tracking-section);margin:0 0 var(--space-3)}
[data-loam] .lm-help,[data-loam] small{font:var(--font-weight-regular) var(--font-size-sm)/var(--line-height-body) var(--font-family-body);color:var(--color-muted);letter-spacing:normal}
[data-loam] .lm-help:empty{display:none}
[data-loam] .lm-kicker{font-size:var(--font-size-xs);letter-spacing:var(--tracking-kicker);text-transform:uppercase;color:var(--color-muted);margin:0 0 var(--space-2)}
[data-loam] .lm-intro{margin-bottom:var(--section-gap)}
[data-loam] .lm-intro .lm-page-title{font:var(--font-weight-regular) var(--font-size-xl)/var(--line-height-heading) var(--font-family-heading);letter-spacing:var(--tracking-heading);margin:0 0 var(--row-padding);text-wrap:balance}
[data-loam] .lm-lede{max-width:var(--form-max-width);color:var(--color-muted);margin:0}
[data-loam] .lm-intro--center{text-align:center}[data-loam] .lm-intro--center .lm-lede{margin-inline:auto}
[data-loam] .lm-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--button-padding-block) var(--button-padding-inline);border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius-button);background:var(--color-accent);color:var(--color-on-accent);font:var(--font-weight-regular) var(--font-size-md)/var(--line-height-control) var(--font-family-body);text-decoration:none;text-align:center}
[data-loam] .lm-action:hover{text-decoration:underline}
[data-loam] .lm-action--secondary{color:var(--color-link);background:transparent;border-color:var(--color-muted)}
[data-loam] .lm-action--text,[data-loam] .lm-action--danger{padding-inline:0;border-color:transparent;border-radius:0;background:transparent;color:var(--color-link);text-decoration:underline;text-align:left;justify-content:flex-start}
[data-loam] .lm-action--danger{color:var(--color-danger)}
[data-loam] .lm-action:disabled,[data-loam] .lm-action[aria-disabled=true]{opacity:var(--disabled-opacity);text-decoration:none;cursor:default}
[data-loam] .lm-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--section-gap)}
[data-loam] .lm-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
[data-loam] .lm-field label{font-weight:var(--font-weight-medium)}
[data-loam] .lm-optional{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-muted);margin-left:var(--space-1)}
[data-loam] .lm-field input,[data-loam] .lm-field select{min-width:0;width:100%;min-height:var(--field-height);padding:var(--field-padding-block) var(--field-padding-inline);border:var(--border-width) solid var(--color-muted);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-fg)}
[data-loam] .lm-field [aria-invalid=true]{border:var(--border-width-selected) solid var(--color-danger)}
[data-loam] .lm-field :disabled{opacity:var(--disabled-opacity)}
[data-loam] .lm-field .lm-help{margin:0}
[data-loam] .lm-check label{display:flex;align-items:flex-start;gap:var(--space-3);min-height:var(--touch-target-min);padding-block:var(--button-padding-block);cursor:pointer}
[data-loam] .lm-check input{width:var(--checkbox-size);height:var(--checkbox-size);flex:0 0 var(--checkbox-size);accent-color:var(--color-link);margin:0}
[data-loam] .lm-check .lm-help{margin:0}
[data-loam] .lm-feedback{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:var(--color-fg)}
[data-loam] .lm-feedback:empty{margin:0;min-height:0}
[data-loam] .lm-feedback--error:not(:empty){padding:var(--space-2) var(--space-3);border-left:var(--border-width-notice) solid var(--color-danger);color:var(--color-danger);background:var(--color-bg)}
[data-loam] .lm-notice{border:var(--border-width) solid var(--color-border);border-left:var(--border-width-notice) solid var(--color-link);border-radius:var(--radius-sm);padding:var(--space-4);background:var(--color-surface)}
[data-loam] .lm-notice p{margin:0}[data-loam] .lm-notice strong{font-weight:var(--font-weight-strong)}
[data-loam] .lm-notice .lm-action{margin-top:var(--space-1)}
[data-loam] .lm-summary{border-top:var(--border-width-summary) solid var(--color-secondary);border-radius:var(--radius-summary) var(--radius-summary) var(--radius-sm) var(--radius-sm);background:var(--color-surface);padding:var(--summary-padding) var(--space-6) var(--page-padding);text-align:center}
[data-loam] .lm-summary-label{font-style:italic;font-family:var(--font-family-heading);margin:0 0 var(--space-2)}
[data-loam] .lm-amount{font:var(--font-weight-regular) var(--font-size-amount)/var(--line-height-amount) var(--font-family-amount);letter-spacing:var(--tracking-amount);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;margin:0}
[data-loam] .lm-cents{font-size:var(--amount-cents-scale);vertical-align:top;position:relative;top:var(--amount-cents-offset);letter-spacing:var(--tracking-section)}
[data-loam] .lm-unit{display:block;font:var(--font-size-sm)/var(--line-height-body) var(--font-family-body);letter-spacing:normal;margin-top:var(--button-padding-block)}
[data-loam] .lm-summary-note{max-width:var(--form-max-width);font-size:var(--font-size-sm);color:var(--color-muted);margin:var(--space-4) auto 0}
[data-loam] .lm-summary>.lm-action{margin-top:var(--section-gap);width:100%}
[data-loam] .lm-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--section-gap)}
[data-loam] .lm-stats>section{border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-4)}
[data-loam] .lm-stats .lm-title{font:var(--font-size-sm)/var(--line-height-body) var(--font-family-body);color:var(--color-muted);margin:0 0 var(--space-2)}
[data-loam] .lm-stat-value{font:var(--font-size-stat)/var(--line-height-heading) var(--font-family-heading);letter-spacing:var(--tracking-section);margin:0 0 var(--space-2)}
[data-loam] .lm-stats .lm-help{margin:0}
[data-loam] .lm-stats .lm-action{font-size:var(--font-size-sm)}
[data-loam] .lm-history .lm-title{font-size:var(--font-size-lg);font-style:italic}
[data-loam] .lm-history ol{list-style:none;padding:0;margin:0}
[data-loam] .lm-history li{border-top:var(--border-width) solid var(--color-border)}
[data-loam] .lm-history a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);min-height:var(--touch-target-min);padding-block:var(--space-4);text-decoration:none;color:var(--color-fg)}
[data-loam] .lm-history strong{font-weight:var(--font-weight-medium)}
[data-loam] .lm-history a:hover strong{text-decoration:underline}
[data-loam] .lm-history small{display:block;margin-top:var(--space-1)}
[data-loam] .lm-history a>span:nth-child(2){text-align:right;font-variant-numeric:tabular-nums}
[data-loam] .lm-disclosure{border-block:var(--border-width) solid var(--color-border)}
[data-loam] summary{cursor:pointer;list-style:none;min-height:var(--touch-target-min)}
[data-loam] summary::-webkit-details-marker{display:none}
[data-loam] .lm-disclosure>summary{display:flex;align-items:center;gap:var(--space-3);padding-block:var(--nav-gap);font:var(--font-size-lg)/var(--line-height-heading) var(--font-family-heading)}
[data-loam] .lm-disclosure>summary>small{margin-left:auto}
[data-loam] .lm-disclosure-title,[data-loam] .lm-opportunity-title{display:inline;font:inherit;letter-spacing:inherit;margin:0}
[data-loam] .lm-expand{flex:none;font:var(--font-size-lg)/var(--line-height-heading) var(--font-family-heading)}
[data-loam] .lm-expand::after{content:'+'}[data-loam] details[open]>summary .lm-expand::after{content:'−'}
[data-loam] .lm-disclosure-body{padding-bottom:var(--section-gap)}
[data-loam] .lm-opportunity{border-top:var(--border-width) solid var(--color-border);padding-block:var(--row-padding)}
[data-loam] .lm-opportunity>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:var(--space-3);align-items:start}
[data-loam] .lm-number{font-style:italic;font-family:var(--font-family-heading);color:var(--color-link)}
[data-loam] .lm-opportunity strong{font-weight:var(--font-weight-medium)}
[data-loam] .lm-opportunity small{display:block;margin-top:var(--space-1)}
[data-loam] .lm-impact{font:var(--font-size-figure)/var(--line-height-heading) var(--font-family-heading);text-align:right;white-space:nowrap}
[data-loam] .lm-opportunity-body{margin:var(--space-3) 0 0 var(--space-8);padding:var(--row-padding) var(--space-4);background:var(--color-surface);border-left:var(--border-width-selected) solid var(--color-secondary);border-radius:var(--radius-sm)}
[data-loam] .lm-tags{margin:var(--space-3) 0 0;padding:0;border:0;min-width:0}
[data-loam] .lm-tags legend{font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--space-2);padding:0}
[data-loam] .lm-tags>div{display:flex;flex-wrap:wrap;gap:var(--space-2)}
[data-loam] .lm-tag{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-2) var(--button-padding-inline);border:var(--border-width) solid var(--color-muted);border-radius:var(--radius-sm);background:var(--color-bg);font-size:var(--font-size-sm)}
[data-loam] .lm-tag>span{display:inline-block;width:var(--button-padding-block);margin-right:var(--space-1)}
[data-loam] .lm-tag[aria-pressed=true]{background:var(--color-secondary);color:var(--color-on-secondary);border-color:var(--color-fg);box-shadow:inset 0 0 0 var(--border-width) var(--color-fg)}
[data-loam] .lm-tag:hover{text-decoration:underline}[data-loam] .lm-tag:disabled{opacity:var(--disabled-opacity)}
[data-loam] .lm-charge{border-top:var(--border-width) solid var(--color-border);padding-block:var(--nav-gap)}
[data-loam] .lm-charge-top{display:flex;justify-content:space-between;align-items:start;gap:var(--space-4)}
[data-loam] .lm-charge .lm-title{font:var(--font-weight-medium) var(--font-size-md)/var(--line-height-body) var(--font-family-body);letter-spacing:normal;margin:0 0 var(--space-1)}
[data-loam] .lm-charge-cost{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
[data-loam] .lm-answer{border-top:var(--border-width) solid var(--color-border);padding-block:var(--nav-gap)}
[data-loam] .lm-answer .lm-form-actions{margin-top:var(--space-3)}
[data-loam] .lm-bank{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4)}
[data-loam] .lm-bank-top{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3)}
[data-loam] .lm-status{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);background:var(--color-surface);border:var(--border-width) solid var(--color-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);white-space:nowrap}
[data-loam] .lm-bank ul{list-style:none;padding:0;margin:var(--space-3) 0}
[data-loam] .lm-bank li{display:flex;justify-content:space-between;gap:var(--space-4);padding-block:var(--button-padding-block);border-top:var(--border-width) solid var(--color-border)}
[data-loam] .lm-bank small{display:block}
[data-loam] .lm-bank .lm-form-actions{margin-top:var(--space-2)}
[data-loam] .lm-plan{border:var(--border-width) solid var(--color-muted);border-radius:var(--radius-sm);padding:var(--space-6);display:flex;flex-direction:column;align-items:start;min-width:0}
[data-loam] .lm-plan .lm-title{margin-bottom:var(--space-4)}
[data-loam] .lm-plan-price{font:var(--font-size-xl)/var(--line-height-heading) var(--font-family-heading);letter-spacing:var(--tracking-heading)}
[data-loam] .lm-plan-price small{display:block;margin-top:var(--space-2)}
[data-loam] .lm-plan .lm-help{margin-block:var(--space-3) var(--section-gap)}
[data-loam] .lm-plan .lm-action{margin-top:auto;width:100%}
[data-loam] .lm-steps{display:flex;flex-wrap:wrap;gap:var(--space-3);list-style:none;padding:0;margin:0 0 var(--space-6);font-size:var(--font-size-sm);color:var(--color-muted)}
[data-loam] .lm-steps li{display:flex;align-items:center;gap:var(--space-2)}
[data-loam] .lm-steps span{display:inline-flex;align-items:center;justify-content:center;width:var(--font-size-stat);height:var(--font-size-stat);border:var(--border-width) solid var(--color-muted);border-radius:var(--radius-round)}
[data-loam] .lm-steps [aria-current=step]{font-weight:var(--font-weight-strong);color:var(--color-fg)}
[data-loam] .lm-steps [aria-current=step] span{background:var(--color-secondary);color:var(--color-on-secondary);border-color:var(--color-fg)}
[data-loam] .lm-state{background:var(--color-surface);border-top:var(--border-width-summary) solid var(--color-secondary);border-radius:var(--radius-summary) var(--radius-summary) var(--radius-sm) var(--radius-sm);padding:var(--summary-padding) var(--space-6) var(--page-padding);text-align:center}
[data-loam] .lm-state .lm-title{font-size:var(--font-size-xl);letter-spacing:var(--tracking-heading);text-wrap:balance}
[data-loam] .lm-state p{max-width:var(--form-max-width);margin-inline:auto;color:var(--color-muted)}
[data-loam] .lm-skeleton{display:grid;gap:var(--space-3);max-width:var(--form-max-width);margin:var(--section-gap) auto 0}
[data-loam] .lm-skeleton i{display:block;height:var(--space-2);border-radius:var(--radius-sm);background:var(--color-border);opacity:var(--loading-opacity)}
[data-loam] .lm-skeleton i:nth-child(2){width:72%;margin:auto}[data-loam] .lm-skeleton i:nth-child(3){width:45%;margin:auto}
[data-loam] .lm-privacy{border:var(--border-width) dashed var(--color-muted);padding:var(--space-4);background:var(--color-surface);font-size:var(--font-size-sm);color:var(--color-muted)}
[data-loam] .lm-privacy p{margin:0}[data-loam] .lm-privacy .lm-check{font-size:var(--font-size-md);color:var(--color-fg)}
[data-loam] .lm-settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--touch-target-min);padding-block:var(--space-4);border-block:var(--border-width) solid var(--color-border);text-decoration:none;color:var(--color-fg)}
[data-loam] .lm-settings-row strong{font-weight:var(--font-weight-medium)}[data-loam] .lm-settings-row:hover strong{text-decoration:underline}
[data-loam] .lm-settings-row small{display:block;margin-top:var(--space-1)}
[data-loam] .lm-header{display:flex;align-items:center;justify-content:space-between;gap:var(--nav-gap);padding:var(--page-padding);border-bottom:var(--border-width) solid var(--color-border)}
[data-loam] .lm-brand{display:inline-flex;align-items:center;gap:var(--space-3);min-height:var(--touch-target-min);text-decoration:none;color:var(--color-fg);min-width:var(--touch-target-min);max-width:var(--logo-layout-share)}
[data-loam] .lm-brand-name{font:var(--font-weight-strong) var(--logo-name-size)/var(--line-height-heading) var(--font-family-body);letter-spacing:var(--tracking-section)}
[data-loam] .lm-logo-slot{display:inline-flex;align-items:center;justify-content:center;min-height:var(--logo-max-height);flex:none;max-width:100%;border-radius:var(--radius-sm)}
[data-loam] .lm-logo-slot img{display:block;max-height:var(--logo-max-height);max-width:var(--logo-max-width);height:auto;width:auto;object-fit:contain}
[data-loam] .lm-brand--named .lm-brand-name{font-size:var(--logo-name-small-size)}
[data-loam] .lm-brand--extreme{flex-direction:column;align-items:flex-start;gap:var(--space-1)}
[data-loam] .lm-logo-slot--dark{background:var(--color-fg);padding:var(--space-1) var(--space-2)}
[data-loam] .lm-header nav{display:flex;align-items:center;gap:var(--nav-gap);margin-left:auto;flex:none}
[data-loam] .lm-header nav a,[data-loam] .lm-header nav button{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-target-min);min-height:var(--touch-target-min);font:var(--font-size-sm)/var(--line-height-control) var(--font-family-body);padding-block:var(--space-2);text-decoration:none;color:var(--color-muted);white-space:nowrap}
[data-loam] .lm-header nav [aria-current=page]{color:var(--color-fg);box-shadow:inset 0 calc(-1 * var(--border-width)) var(--color-fg)}
[data-loam] .lm-header nav :is(a,button):hover{text-decoration:underline;color:var(--color-link)}
[data-loam] .lm-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--page-padding);border-top:var(--border-width) solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-muted)}
[data-loam] .lm-footer>.lm-action{font-size:var(--font-size-sm);color:var(--color-muted);flex-shrink:0}
[data-loam] .lm-dialog{font:var(--font-size-md)/var(--line-height-body) var(--font-family-body);color:var(--color-fg);background:var(--color-bg);border:var(--border-width) solid var(--color-muted);border-radius:var(--radius-sm);padding:var(--space-6);width:var(--dialog-max-width);max-width:calc(100vw - var(--space-8));max-height:var(--dialog-max-height);overflow:auto}
[data-loam] .lm-dialog::backdrop{background:var(--color-overlay)}
[data-loam] .lm-dialog .lm-title{font-size:var(--font-size-dialog);margin-bottom:var(--space-4)}
[data-loam] .lm-dialog .lm-form-actions{gap:var(--space-3)}
[data-loam] .lm-auth{max-width:var(--form-max-width);margin-inline:auto;padding:var(--space-8) var(--page-padding)}
[data-loam] .lm-auth-card{border-top:var(--border-width-summary) solid var(--color-secondary);border-radius:var(--radius-summary) var(--radius-summary) var(--radius-sm) var(--radius-sm);padding:var(--summary-padding) var(--space-6) var(--space-6);background:var(--color-surface)}
[data-loam] .lm-auth-card .lm-intro{margin-bottom:var(--space-6)}
[data-loam] .lm-auth-card>.lm-action{margin-top:var(--space-2)}
[data-loam] .lm-auth-code input{font-size:var(--font-size-stat);letter-spacing:var(--tracking-kicker);font-variant-numeric:tabular-nums}
[data-loam] .lm-auth-alternate{margin:var(--space-6) 0 0;text-align:center}
[data-loam] .lm-form{display:grid;gap:var(--space-4)}
[data-loam] .lm-form .lm-form-actions{margin-top:var(--space-2)}
[data-loam] .lm-form--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--section-gap);align-items:start}
[data-loam] .lm-form--wide{grid-column:1/-1}
[data-loam] .lm-check-list{border:0;padding:0;margin:0;min-width:0}
[data-loam] .lm-check-list legend{padding:0;font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}
[data-loam] .lm-check-list>.lm-help{margin:0 0 var(--space-2)}
[data-loam] .lm-wait-stages{list-style:none;padding:0;margin:var(--space-6) auto 0;max-width:var(--form-max-width);text-align:left;display:grid;gap:var(--space-2)}
[data-loam] .lm-wait-stages li{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch-target-min);color:var(--color-muted)}
[data-loam] .lm-wait-stages span{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--font-size-stat);height:var(--font-size-stat);border:var(--border-width) solid var(--color-muted);border-radius:var(--radius-round);font:var(--font-size-sm)/1 var(--font-family-heading);font-variant-numeric:tabular-nums}
[data-loam] .lm-wait-stages [aria-current=step]{color:var(--color-fg);font-weight:var(--font-weight-medium)}
[data-loam] .lm-wait-stages [aria-current=step] span{background:var(--color-secondary);color:var(--color-on-secondary);border-color:var(--color-fg)}
[data-loam] .lm-state .lm-wait-stages+p{margin-top:var(--space-4)}
[data-loam] .lm-bank>.lm-help{margin:0}
[data-loam] .lm-section{border-top:var(--border-width) solid var(--color-border);padding-top:var(--section-gap);margin-top:var(--section-gap)}
[data-loam] .lm-section--first{border-top:0;padding-top:0;margin-top:0}
[data-loam] .lm-section>p{max-width:var(--form-max-width)}
[data-loam] .lm-section>.lm-help{margin-top:var(--space-2)}
[data-loam] .lm-settings-list{list-style:none;padding:0;margin:0}
[data-loam] .lm-settings-list li+li .lm-settings-row{border-top:0}
[data-loam] .lm-account-email{font-weight:var(--font-weight-medium);overflow-wrap:anywhere}
[data-loam] .lm-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--section-gap);margin-top:var(--space-4)}
[data-loam] .lm-stack{display:grid;gap:var(--section-gap)}
[data-loam] .lm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--section-gap)}
[data-loam] .lm-content{max-width:var(--content-max-width);margin-inline:auto;padding:var(--space-8) var(--page-padding)}
[data-loam] .lm-frame{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-frame);max-width:var(--frame-max-width);margin:auto;background:var(--color-bg)}
@container(max-width:600px){
 [data-loam] .lm-header{flex-wrap:wrap;gap:var(--space-2);padding-inline:var(--page-padding-narrow)}
 [data-loam] .lm-brand{max-width:100%}
 [data-loam] .lm-header nav{flex-basis:100%;margin-left:0;justify-content:space-between;gap:var(--nav-gap-narrow)}
 [data-loam] .lm-grid,[data-loam] .lm-form--grid,[data-loam] .lm-plan-grid{grid-template-columns:1fr}
 [data-loam] .lm-content{padding:var(--space-6) var(--page-padding-narrow)}
 [data-loam] .lm-amount{font-size:min(var(--font-size-amount),var(--amount-size-narrow))}
 [data-loam] .lm-opportunity>summary{grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-2)}
 [data-loam] .lm-impact{grid-column:2;grid-row:2;text-align:left}
 [data-loam] .lm-impact small{display:inline;margin-left:var(--space-1)}
 [data-loam] .lm-opportunity .lm-expand{grid-column:3;grid-row:1}
 [data-loam] .lm-bank-top{flex-direction:column;gap:0}
 [data-loam] .lm-footer{flex-wrap:wrap;gap:0 var(--space-4);padding-inline:var(--page-padding-narrow)}
 [data-loam] .lm-summary,[data-loam] .lm-state{padding-top:var(--space-8)}
 [data-loam] .lm-auth{padding:var(--space-6) var(--page-padding-narrow)}
 [data-loam] .lm-auth-card{padding:var(--space-8) var(--space-4) var(--space-4)}
 [data-loam] .lm-plan{padding:var(--space-4)}
}
@media(prefers-reduced-motion:reduce){[data-loam] *{scroll-behavior:auto!important}}
@media(forced-colors:active){[data-loam] .lm-tag[aria-pressed=true]{border:var(--border-width-selected) solid ButtonText}[data-loam] .lm-action{border-color:ButtonText}[data-loam] .lm-logo-slot--dark{forced-color-adjust:none}}
@media print{[data-loam] .lm-header,[data-loam] .lm-footer,[data-loam] .lm-action,[data-loam] .lm-tags,[data-loam] .lm-answer{display:none}[data-loam] .lm-summary,[data-loam] .lm-state{border-radius:0}[data-loam] details,[data-loam] .lm-charge{break-inside:avoid}}