/* page-fx.css: the shared page kit for every English page on the redesign layer (October 2026).
   Load after fx.css. Turn a page on with <body class="fx fx-page fx-<name>">.
   It generalises the /mosaic page (mosaic-fx.css) so product, industry, workflow, hub, about,
   contact and legal pages all share one hero, one window kit, one price block and one prose style.
   Rules: content is solid (no glass here), colours only from the fx tokens, 16px body minimum,
   13px label minimum, 44px targets, everything visible with JS and animation off.
   How to use each class: ~/Downloads/Claude Files/Feerasta Website/Redesign 2026-10/page-kit.md */

body.fx-page{background:var(--fx-ground);color:var(--fx-ink)}
.fx-page main{overflow-x:clip}
.fx-page main b,.fx-page main strong{color:var(--fx-ink);font-weight:600}
.fx-page main a:not([class]){color:var(--fx-ink);text-decoration:underline;text-decoration-color:var(--fx-line-strong);text-underline-offset:4px}
.fx-page main a:not([class]):hover{text-decoration-color:var(--fx-accent)}

/* ---------- 1. Hero ----------
   .pg-hero > .pg-hero-texture (empty, fx-ground fx-grain) + .fx-shell.pg-hero-grid > .pg-hero-copy + .pg-figure
   Solo hero (no window): add .pg-hero--solo and leave out the figure. */
.pg-hero{position:relative;isolation:isolate;padding:0}
.pg-hero-texture{position:absolute;inset:0;z-index:0;pointer-events:none}
.pg-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(40px,5vw,72px);
  align-items:center;padding-block:clamp(56px,8vh,104px) clamp(64px,9vh,112px)}
.pg-hero--solo .pg-hero-grid{grid-template-columns:minmax(0,1fr);padding-block:clamp(48px,7vh,88px) clamp(40px,6vh,72px)}
.pg-hero-copy{max-width:620px;min-width:0}
.pg-hero--solo .pg-hero-copy{max-width:820px}
.pg-hero-copy .fx-eyebrow{margin-bottom:24px}
.fx-page .pg-hero h1{margin:0 0 26px;font-size:clamp(42px,4.4vw,64px);line-height:1.03;letter-spacing:-.035em;font-weight:500;color:var(--fx-ink)}
.fx-page .pg-hero--solo h1{font-size:clamp(38px,4.2vw,58px)}
.fx-page .pg-hero h1 .pg-accent{color:var(--fx-accent)}
.pg-lede{margin:0 0 32px;font-size:clamp(18px,1.5vw,20px);line-height:1.58;color:var(--fx-muted);max-width:34em}
.pg-hero--solo .pg-lede{max-width:40em}
.pg-hero-note{margin:22px 0 0;font-size:16px;line-height:1.5;color:var(--fx-muted)}
.pg-hero-note a{color:var(--fx-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--fx-accent);text-underline-offset:4px;font-variant-numeric:tabular-nums}
.pg-meta{margin:0;font-size:16px;color:var(--fx-muted)}
/* A hero photograph (industry pages): solid, 1px outline, never glass. */
.pg-photo{margin:0;min-width:0}
.pg-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--fx-radius);
  outline:1px solid var(--fx-line);outline-offset:-1px;box-shadow:var(--fx-shadow-soft);background:var(--fx-surface)}
.pg-photo figcaption,.pg-figure figcaption{margin-top:14px;font-size:15px;line-height:1.5;color:var(--fx-muted)}
@media (max-width:1099px){
  .pg-hero-grid{grid-template-columns:1fr;gap:40px;padding-block:48px 56px}
  .pg-hero-copy{max-width:680px}
}
@media (max-width:600px){
  .pg-hero-grid,.pg-hero--solo .pg-hero-grid{padding-block:32px 44px;gap:32px}
  .fx-page .pg-hero h1{font-size:clamp(36px,10.5vw,48px)}
  .pg-hero .fx-actions .fx-btn{width:100%}
}

/* ---------- 2. The live product window kit (inside .fx-window > .fx-window-clip) ---------- */
.pg-figure{margin:0;min-width:0}
.pg-figure .fx-window{border-radius:20px}
.pg-app{padding:22px 24px 20px;display:grid;gap:16px;min-width:0}
.pg-k{margin:0;font:500 13px/1.3 var(--fx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fx-muted)}
.pg-app-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.pg-app-title{margin:4px 0 0;font-size:20px;line-height:1.25;font-weight:600;letter-spacing:-.01em;color:var(--fx-ink)}
.pg-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding-bottom:12px;border-bottom:1px solid var(--fx-line)}
.pg-tabs span{padding:6px 11px;border-radius:999px;font-size:14.5px;color:var(--fx-muted)}
.pg-tabs span b{font-weight:600;color:var(--fx-accent);font-variant-numeric:tabular-nums}
.pg-tabs .is-on{background:color-mix(in srgb,var(--fx-accent) 11%,transparent);color:var(--fx-ink);font-weight:600}
.pg-app-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px}
.pg-panel{padding:14px 16px;border:1px solid var(--fx-line);border-radius:var(--fx-radius-sm);background:color-mix(in srgb,var(--fx-ground) 45%,var(--fx-surface));min-width:0}
.pg-panel>.pg-k{margin-bottom:8px}
.pg-panel p{margin:0;font-size:15.5px;line-height:1.5;color:var(--fx-ink)}
.pg-table{width:100%;border-collapse:collapse;font-size:14.5px;font-variant-numeric:tabular-nums}
.pg-table th,.pg-table td{padding:7px 0;text-align:right;border-bottom:1px solid var(--fx-line);color:var(--fx-ink);font-weight:500;white-space:nowrap}
.pg-table th[scope=row],.pg-table thead th:first-child{text-align:left;white-space:normal}
.pg-table thead th{font:500 13px/1.2 var(--fx-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--fx-muted);padding-top:0}
.pg-table td+td,.pg-table th+th{padding-left:12px}
.pg-table small{display:block;font-size:13px;font-weight:400;color:var(--fx-muted)}
.pg-table tfoot th,.pg-table tfoot td{border-bottom:0;padding-top:9px;font-weight:600}
.pg-table tfoot td:last-child{color:var(--fx-accent)}
/* A list of items with a dot, e.g. "Needs you" or a call log. */
.pg-list{list-style:none;margin:0;padding:0}
.pg-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:baseline;padding:9px 0 9px 16px;position:relative;border-bottom:1px solid var(--fx-line)}
.pg-list li:last-child{border-bottom:0}
.pg-list li::before{content:"";position:absolute;left:0;top:16px;width:7px;height:7px;border-radius:50%;background:var(--fx-accent)}
.pg-list span{font-size:15px;font-weight:500;color:var(--fx-ink);min-width:0}
.pg-list small{grid-column:1;font-size:13px;color:var(--fx-muted)}
.pg-list b{grid-column:2;grid-row:1;font-size:14.5px;font-weight:600;color:var(--fx-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.pg-list .is-flag::before{background:var(--fx-gold)}
.pg-list .is-flag b{color:var(--fx-accent)}
.pg-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.pg-chips span{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--fx-line);border-radius:999px;font-size:14px;color:var(--fx-muted)}
.pg-chips b{font-variant-numeric:tabular-nums}
/* A request or draft card with one action, e.g. a booking request waiting for the owner's OK. */
.pg-request{display:grid;gap:10px;padding:16px 18px;border:1px solid var(--fx-line-strong);border-radius:var(--fx-radius-sm);background:var(--fx-surface)}
.pg-request-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}
.pg-request-head strong{font-size:16px}
.pg-request-head span{font:500 13px/1.3 var(--fx-mono);color:var(--fx-muted);font-variant-numeric:tabular-nums}
.pg-request p{margin:0;font-size:15.5px;line-height:1.5;color:var(--fx-ink)}
.pg-request-foot{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.pg-pill{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:600;
  border:1px solid var(--fx-line-strong);color:var(--fx-ink);background:transparent}
.pg-pill--go{background:var(--fx-action);border-color:var(--fx-action);color:var(--fx-action-ink)}
.pg-status{font-size:14px;color:var(--fx-muted)}
.pg-status::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--fx-gold);vertical-align:1px}
/* Label and value rows, e.g. a ledger line or a profile field. */
.pg-rows{margin:0;display:grid;gap:0}
.pg-rows>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--fx-line);font-size:15px}
.pg-rows>div:last-child{border-bottom:0}
.pg-rows dt{color:var(--fx-muted)}
.pg-rows dd{margin:0;color:var(--fx-ink);font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:600px){
  .pg-app{padding:16px 14px}
  .pg-app-grid{grid-template-columns:1fr}
  .pg-table{font-size:14px}
}

/* ---------- 3. Plain columns on hairlines ("Who it is for", "What you get") ---------- */
.pg-fit{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--pg-cols,3),minmax(0,1fr));gap:28px}
.pg-fit>li{padding-top:18px;border-top:1px solid var(--fx-line-strong);min-width:0}
.pg-fit h3{margin:0 0 6px;font-size:19px;line-height:1.3;font-weight:600;color:var(--fx-ink)}
.pg-fit p{margin:0;font-size:16.5px;line-height:1.55;color:var(--fx-muted)}
.pg-fit p+p{margin-top:8px}
@media (max-width:860px){.pg-fit{grid-template-columns:1fr;gap:22px}}

/* ---------- 4. Ticks and "Coming" lists ---------- */
.pg-ticks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pg-ticks li{position:relative;padding-left:26px;font-size:16.5px;line-height:1.5;color:var(--fx-ink)}
.pg-ticks li::before{content:"";position:absolute;left:3px;top:.42em;width:6px;height:11px;border-right:2px solid var(--fx-accent);border-bottom:2px solid var(--fx-accent);transform:rotate(45deg)}
.pg-coming{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pg-coming li{font-size:15.5px;line-height:1.5;color:var(--fx-muted)}
.pg-coming li::before{content:"Coming";display:inline-block;margin-right:8px;padding:1px 8px;border:1px solid var(--fx-line-strong);border-radius:999px;
  font:500 13px/1.5 var(--fx-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--fx-muted);vertical-align:1px}

/* ---------- 5. Price block (solid, no glass, never animated) ---------- */
.pg-price{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border:1px solid var(--fx-line);border-radius:var(--fx-radius);
  background:var(--fx-surface);box-shadow:var(--fx-shadow-soft);overflow:hidden}
.pg-price-main{padding:32px 32px 30px;display:grid;gap:12px;align-content:start;justify-items:start;border-right:1px solid var(--fx-line)}
.pg-amount{margin:4px 0 0;font-size:clamp(44px,5vw,60px);line-height:1;font-weight:500;letter-spacing:-.03em;color:var(--fx-ink);font-variant-numeric:tabular-nums}
.pg-amount>span:last-child:not(.geo-price){font-size:18px;letter-spacing:0;font-weight:400;color:var(--fx-muted)}
.pg-price-sub{margin:0 0 10px;font-size:16.5px;line-height:1.55;color:var(--fx-muted)}
.pg-terms{list-style:none;margin:0;padding:18px 32px}
.pg-terms li{padding:14px 0;border-bottom:1px solid var(--fx-line);font-size:16.5px;line-height:1.55;color:var(--fx-muted)}
.pg-terms li:last-child{border-bottom:0}
@media (max-width:860px){.pg-price{grid-template-columns:1fr}.pg-price-main{border-right:0;border-bottom:1px solid var(--fx-line)}}
@media (max-width:600px){.pg-price-main{padding:24px 20px}.pg-terms{padding:8px 20px}.pg-price-main .fx-btn{width:100%}}

/* Several plans side by side: solid fx-tiles in a plain grid. */
.pg-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;align-items:stretch}
.pg-plan{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:28px 26px 24px;border-radius:var(--fx-radius);
  background:var(--fx-surface);border:1px solid var(--fx-line);box-shadow:var(--fx-shadow-soft)}
.pg-plan--lead{border-color:color-mix(in srgb,var(--fx-accent) 45%,var(--fx-line))}
.pg-plan h3{margin:0;font-size:22px;line-height:1.2;font-weight:600;letter-spacing:-.01em;color:var(--fx-ink)}
.pg-plan .pg-amount{font-size:clamp(36px,3.6vw,46px)}
.pg-plan p{margin:0;font-size:16.5px;line-height:1.55;color:var(--fx-muted)}
.pg-plan .pg-ticks li{font-size:16px}
.pg-plan-foot{margin-top:auto;padding-top:8px;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
.pg-tag{align-self:flex-start;display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;
  font:500 13px/1 var(--fx-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--fx-ink);
  background:color-mix(in srgb,var(--fx-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--fx-accent) 30%,transparent)}
@media (max-width:600px){.pg-plan{padding:22px 20px 20px}.pg-plan-foot .fx-btn{width:100%}}

/* ---------- 6. Cards that link somewhere (hubs: industries, solutions, resources) ---------- */
.pg-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;list-style:none;margin:0;padding:0}
.pg-card{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:22px 22px 18px;border-radius:var(--fx-radius);
  background:var(--fx-surface);border:1px solid var(--fx-line);box-shadow:var(--fx-shadow-soft);transition:border-color .2s var(--fx-ease)}
.pg-card:hover,.pg-card:focus-within{border-color:var(--fx-line-strong)}
.pg-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--fx-radius-sm);outline:1px solid var(--fx-line);outline-offset:-1px;margin-bottom:6px}
.pg-card h3{margin:0;font-size:20px;line-height:1.25;font-weight:600;color:var(--fx-ink)}
.pg-card h3 a{color:inherit;text-decoration:none}
.pg-card h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.pg-card h3 a:focus-visible{outline:none}
.pg-card:has(h3 a:focus-visible){outline:2px solid var(--fx-accent);outline-offset:3px}
.pg-card p{margin:0;font-size:16px;line-height:1.55;color:var(--fx-muted)}
.pg-card .pg-k{margin-bottom:2px}
.pg-card-go{margin-top:auto;padding-top:6px;font-size:15px;font-weight:600;color:var(--fx-ink)}
.pg-card-go [aria-hidden]{display:inline-block;transition:transform .18s var(--fx-ease)}
.pg-card:hover .pg-card-go [aria-hidden]{transform:translate(2px,-1px)}

/* ---------- 7. Notes, callouts, a quote (solid) ---------- */
.pg-note{margin:0;padding:20px 22px;border:1px solid var(--fx-line);border-left:2px solid var(--fx-accent);border-radius:var(--fx-radius-sm);
  background:var(--fx-surface);font-size:16.5px;line-height:1.6;color:var(--fx-muted);max-width:80ch}
.pg-note strong{color:var(--fx-ink)}
.pg-small{font-size:15px;line-height:1.55;color:var(--fx-muted)}
.pg-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
@media (max-width:860px){.pg-split{grid-template-columns:1fr}}

/* ---------- 8. Tables (comparison, data): solid, in their own scroll box ---------- */
.pg-table-wrap{overflow-x:auto;border:1px solid var(--fx-line);border-radius:var(--fx-radius-sm);background:var(--fx-surface);-webkit-overflow-scrolling:touch}
.pg-table-wrap:focus-visible{outline:2px solid var(--fx-accent);outline-offset:3px}
.pg-table-wrap table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5;font-variant-numeric:tabular-nums;min-width:560px}
.pg-table-wrap th,.pg-table-wrap td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--fx-line);color:var(--fx-ink)}
.pg-table-wrap thead th,.pg-table-wrap table:not(:has(thead)) tr:first-child>th{font:500 13px/1.3 var(--fx-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--fx-muted);background:color-mix(in srgb,var(--fx-ground) 45%,var(--fx-surface))}
.pg-table-wrap tr:last-child>*{border-bottom:0}
.pg-table-wrap td{color:var(--fx-muted)}

/* ---------- 9. Long reading: legal, policies, articles ----------
   <div class="pg-doc"><nav class="pg-toc">...</nav><div class="pg-prose">...</div></div>
   Body 18px, 68ch measure. The contents list sticks beside the text on wide screens. */
.pg-doc{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.pg-doc--single{grid-template-columns:minmax(0,1fr)}
.pg-toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto;padding:4px 4px 12px 0}
.pg-toc .pg-k{margin-bottom:10px}
.pg-toc ol,.pg-toc ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.pg-toc a{display:block;padding:7px 10px;border-radius:8px;font-size:15px;line-height:1.4;color:var(--fx-muted);text-decoration:none}
.pg-toc a:hover{color:var(--fx-ink);background:color-mix(in srgb,var(--fx-ink) 5%,transparent)}
@media (max-width:980px){.pg-doc{grid-template-columns:1fr}.pg-toc{position:static;max-height:none;padding:16px 18px;border:1px solid var(--fx-line);border-radius:var(--fx-radius-sm);background:var(--fx-surface)}}
.pg-prose{max-width:68ch;font-size:18px;line-height:1.65;color:var(--fx-muted);min-width:0}
.pg-prose>*:first-child{margin-top:0}
.pg-prose h2{margin:2.2em 0 .6em;font-size:clamp(24px,2.4vw,30px);line-height:1.2;letter-spacing:-.015em;font-weight:500;color:var(--fx-ink);scroll-margin-top:96px}
.pg-prose h3{margin:1.8em 0 .5em;font-size:20px;line-height:1.3;font-weight:600;color:var(--fx-ink);scroll-margin-top:96px}
.pg-prose h4{margin:1.4em 0 .4em;font-size:18px;font-weight:600;color:var(--fx-ink)}
.pg-prose p,.pg-prose ul,.pg-prose ol{margin:0 0 1em}
.pg-prose ul,.pg-prose ol{padding-left:1.3em}
.pg-prose li{margin:.35em 0}
.pg-prose li::marker{color:var(--fx-accent)}
.pg-prose strong,.pg-prose b{color:var(--fx-ink)}
.pg-prose a{color:var(--fx-ink);text-decoration:underline;text-decoration-color:var(--fx-line-strong);text-underline-offset:4px;overflow-wrap:anywhere}
.pg-prose a:hover{text-decoration-color:var(--fx-accent)}
.pg-prose hr{border:0;border-top:1px solid var(--fx-line);margin:2em 0}
.pg-prose code{font-family:var(--fx-mono);font-size:.88em;padding:1px 6px;border-radius:6px;background:var(--fx-surface);border:1px solid var(--fx-line);color:var(--fx-ink)}
.pg-prose pre{overflow-x:auto;padding:16px 18px;border-radius:var(--fx-radius-sm);background:var(--fx-surface);border:1px solid var(--fx-line);font-size:15px;line-height:1.55}
.pg-prose pre code{padding:0;border:0;background:none}
.pg-prose blockquote{margin:1.2em 0;padding:4px 0 4px 20px;border-left:2px solid var(--fx-accent);color:var(--fx-ink)}
.pg-prose .pg-table-wrap{margin:1.2em 0 1.6em;max-width:none}
.pg-prose .pg-note{margin:1.2em 0}
.pg-prose figure{margin:1.4em 0}
.pg-prose img{max-width:100%;height:auto;border-radius:var(--fx-radius-sm);outline:1px solid var(--fx-line);outline-offset:-1px}
.pg-summary{margin:0 0 2em;padding:22px 24px;border:1px solid var(--fx-line);border-radius:var(--fx-radius);background:var(--fx-surface);box-shadow:var(--fx-shadow-soft)}
.pg-summary h2{margin-top:0}
.pg-summary>*:last-child{margin-bottom:0}
@media (max-width:600px){.pg-prose{font-size:17px}}

/* ---------- 10. Forms (contact, checks): solid tile, 48px inputs, 16px labels ---------- */
.pg-form{display:grid;gap:18px;padding:clamp(22px,3vw,32px);border-radius:var(--fx-radius);background:var(--fx-surface);border:1px solid var(--fx-line);box-shadow:var(--fx-shadow-soft);min-width:0}
.pg-form label,.pg-form legend{display:block;margin:0 0 6px;font-size:16px;font-weight:600;color:var(--fx-ink)}
.pg-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;min-height:48px;padding:10px 14px;border-radius:10px;
  border:1px solid var(--fx-line-strong);background:var(--fx-ground);color:var(--fx-ink);font:400 16px/1.4 var(--font-body,system-ui)}
.pg-form textarea{min-height:132px;resize:vertical}
.pg-form :is(input,select,textarea):focus-visible{outline:2px solid var(--fx-accent);outline-offset:1px;border-color:var(--fx-accent)}
.pg-form .pg-hint{margin:6px 0 0;font-size:15px;line-height:1.45;color:var(--fx-muted)}
.pg-form .fx-btn{justify-self:start}
@media (max-width:600px){.pg-form .fx-btn{width:100%}}

/* ---------- 11. FAQ and closing ---------- */
.pg-faq-wrap .fx-faq{max-width:860px}
.fx-page .fx-faq details>:not(summary){margin:0;padding:0 4px 22px;font-size:16.5px;line-height:1.65;color:var(--fx-muted);max-width:70ch}
.fx-page .fx-faq details>:not(summary)+:not(summary){margin-top:-10px}
.fx-page .fx-faq summary .pm,.fx-page .fx-faq summary .qt+.pm{display:none}
.pg-close .fx-shell{display:grid;gap:16px;justify-items:start}
.pg-close h2{margin:0;font-size:clamp(32px,4.4vw,52px);line-height:1.06;letter-spacing:-.025em;font-weight:500;color:var(--fx-ink);max-width:22ch}
.pg-close p{margin:0;font-size:clamp(17px,1.5vw,19px);line-height:1.55;color:var(--fx-muted);max-width:56ch}
.pg-close .fx-actions{margin-top:10px}

/* ---------- 12. Money claim cards on the redesigned pages (money-claims.css does the rest) ---------- */
.fx-page .mc-card--industry{margin-top:0}

@media (forced-colors:active){.pg-plan,.pg-card,.pg-price,.pg-form,.pg-note,.pg-summary{border:1px solid CanvasText}}
.fx-page .pg-toc li a,.fx-page .pg-toc a{text-decoration:none}
.fx-page .pg-card h3 a,.fx-page .pg-card a.pg-card-link{text-decoration:none}
.pg-form [hidden],.pg-form label[hidden]{display:none}