/* /bids (Bid Alerts) on the Patrick Foundry design system. Loaded after pf.css by tools/skin_bids.py, which swaps
   Anvil's inline <style> for pf.css + this file at build time. Styles Anvil's class names from launch/build_pages.py. */
.bids-main>section{padding:var(--s-8) max(var(--s-3),calc((100% - var(--maxw))/2 + var(--s-3)));border-bottom:1px solid var(--line)}
.bids-main>section:nth-of-type(even){background:var(--surface)}
.bids-main>section.hero{background:var(--ink);color:var(--on-ink);border-bottom:0;padding-top:var(--s-10);padding-bottom:var(--s-8)}
.bids-main>section.hero h1{color:#fff;font-size:clamp(2.125rem,1.4rem + 3vw,3.5rem);max-width:20ch}
.bids-main>section.hero h1 em{color:#fff;box-shadow:inset 0 -.16em 0 var(--accent)}
.bids-main>section.hero .lede,.bids-main>section.hero p{color:var(--on-ink)}
.bids-main>section.hero .kicker,.bids-main>section.hero .fine{color:var(--on-ink-muted)}
.bids-main>section.hero a:not(.btn){color:#fff}
.bids-main>section.hero .btn.alt{border-color:#fff;color:#fff}
.bids-main>section.hero .btn.alt:hover{background:#fff;color:var(--ink)}
.bids-main>section.hero .counter{background:var(--ink-2);color:var(--on-ink);border:1px solid var(--ink-3);border-left:4px solid var(--accent);font-weight:600}
.bids-main>section.hero .counter a{color:#fff}
.bids-main h1 em,.bids-main h2 em,.bids-main h3 em{font-style:normal;color:var(--accent)}
.draft{background:var(--accent);color:#fff;text-align:center;font:700 var(--fs-xs)/1.3 var(--font-body);letter-spacing:.06em;padding:var(--s-1)}
.kicker{font:700 var(--fs-xs)/1.3 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--s-1)}
.lede{font-size:var(--fs-md);line-height:1.5;max-width:var(--maxw-text)}
.body,section.body p{max-width:var(--maxw-text);color:var(--text)}
section.body h2{font-size:var(--fs-lg);margin-top:var(--s-4)}
.fine{font-size:var(--fs-xs);line-height:1.6;color:var(--muted)}
.hint{font-size:var(--fs-xs);color:var(--muted);font-weight:400;margin:2px 0 var(--s-1)}
/* buttons: Anvil's .btn = primary, .btn.alt = secondary (same two styles as the rest of the site) */
.btn{background:var(--accent);border-color:var(--accent);color:#fff;text-transform:none}
.btn:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}
.btn.alt{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn.alt:hover{background:var(--ink);color:#fff}
.btn.block{display:flex;width:100%}
.actions{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-3);align-items:center;margin:var(--s-3) 0}
.grid{display:grid;gap:var(--s-3)}
.step,.price,.cov,.disc,.qa{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-3);box-shadow:var(--shadow)}
.bids-main>section:nth-of-type(even) .step,.bids-main>section:nth-of-type(even) .price,.bids-main>section:nth-of-type(even) .qa,.bids-main>section:nth-of-type(even) .cov{background:var(--paper)}
.step .n{font:700 var(--fs-xs)/1 var(--font-body);letter-spacing:.12em;color:var(--accent);margin:0 0 var(--s-1)}
.step p{color:var(--muted);font-size:var(--fs-sm);margin:0}
.step h3{font-size:var(--fs-md);margin:0 0 var(--s-1)}
/* sample cards */
.bids-main .card{display:block;overflow:visible}
.card{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);padding:var(--s-2);min-width:0;box-shadow:var(--shadow);font-size:var(--fs-sm)}
.card .id{font:700 var(--fs-xs)/1.3 var(--font-body);letter-spacing:.06em;margin:0 0 var(--s-1);color:var(--ink)}
.tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:var(--s-1)}
.tag{font:700 11px/1.2 var(--font-body);padding:4px 6px;border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--text)}
.tag.c{background:var(--ink);border-color:var(--ink);color:#fff}
.tag.d{background:var(--accent);border-color:var(--accent);color:#fff}
.tag.f{background:#fff4d6;border-color:#a8770b;color:#5c4100}
.card dl{display:grid;grid-template-columns:92px 1fr;gap:6px 12px;margin:var(--s-1) 0;line-height:1.45}
.card dt{font:700 11px/1.3 var(--font-body);letter-spacing:.05em;color:var(--muted);padding-top:2px}
.card dd{margin:0;overflow-wrap:anywhere}
.card .src{margin:var(--s-1) 0 4px}.card .src a{font-weight:700;margin-right:12px;display:inline-block}
.card .verify{font-style:italic;color:var(--muted);margin:0;font-size:var(--fs-xs)}
/* pricing */
.price .amt{font:700 2.25rem/1 var(--font-head);color:var(--ink);margin:var(--s-1) 0}
.price .amt span{font:600 var(--fs-sm)/1 var(--font-body);color:var(--muted)}
.price ul{padding-left:1.2em;margin:var(--s-2) 0}
.price.feat{border:2px solid var(--accent);box-shadow:inset 0 4px 0 var(--accent),var(--shadow)}
.badge{display:inline-block;background:var(--accent);color:#fff;font:700 11px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;padding:6px 8px;border-radius:3px}
.counter{display:inline-block;font-weight:700;font-size:var(--fs-sm);color:var(--ink);background:#fbeaea;border:1px dashed var(--accent);padding:6px 10px;border-radius:3px}
/* PayPal wrappers (the PayPal iframe itself is not restyled) */
.pp{margin-top:var(--s-2)}
.pp-or{font:700 11px/1.3 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center;margin:var(--s-2) 0 var(--s-1)}
.pp-btn{min-height:48px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:4px 4px 0}
.pp-btn:empty{display:none}.pp-btn:not(:empty)+.pp-fallback{display:none}
.pp-email{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-2) var(--s-3);margin:0 0 var(--s-3);box-shadow:var(--shadow)}
.pp-email label{margin:0}
.pp-msg{font-size:var(--fs-sm);margin:var(--s-1) 0 0}.pp-msg:empty{display:none}.pp-msg[data-error=true]{color:var(--error)}
.pp-done{border:1px solid var(--success);border-left:4px solid var(--success);border-radius:var(--radius);background:#eef7f1;padding:var(--s-2) var(--s-3);margin:0 0 var(--s-2)}
/* coverage */
.cov table{font-size:var(--fs-sm)}
.cov th{font:700 var(--fs-xs)/1.3 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ok{color:var(--success);font-weight:700}.soon{color:#8a5a00;font-weight:700}
/* trial form */
#trial-form,.bids-main form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-3);box-shadow:var(--shadow)}
.bids-main label{display:block;font-weight:600;font-size:var(--fs-sm);margin:0 0 var(--s-2)}
.bids-main input[type=email],.bids-main input[type=text],.bids-main input[type=tel]{display:block;width:100%;margin-top:6px;min-height:48px;padding:12px;font:400 1rem/1.4 var(--font-body);background:#fff;color:var(--text);border:1px solid #8a8f98;border-radius:var(--radius)}
.bids-main input:focus-visible{outline:3px solid var(--accent);outline-offset:1px}
fieldset{border:1px solid var(--line);border-radius:var(--radius);margin:0 0 var(--s-2);padding:var(--s-2)}
legend{font-weight:700;font-size:var(--fs-sm);padding:0 6px}
.checks{display:grid;gap:4px}
.checks label,.cty label{display:flex;gap:10px;align-items:center;font-weight:400;margin:0;min-height:44px}
.bids-main input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}
details.dist{border-top:1px solid var(--line)}
details.dist summary{display:flex;gap:10px;align-items:center;min-height:44px;font-weight:600;font-size:var(--fs-sm)}
.cty{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;padding:0 0 10px 30px}.cty label{font-size:var(--fs-sm);min-height:40px}
.err{color:var(--error);font-weight:600;font-size:var(--fs-sm);min-height:0}
.qa summary{font-weight:700;min-height:32px}.qa p{color:var(--text);margin:var(--s-1) 0 0}
.disc{background:var(--paper)}
.todo{background:#fff4d6;color:#5c4100;padding:0 4px;border-radius:2px;font-family:ui-monospace,Menlo,monospace;font-size:.85em}
@media(min-width:720px){.how{grid-template-columns:repeat(2,1fr)}.prices{grid-template-columns:repeat(3,1fr)}.faq{grid-template-columns:1fr 1fr}.checks{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.how{grid-template-columns:repeat(4,1fr)}.cards{grid-template-columns:repeat(3,1fr)}.cty{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.bids-main>section{padding-top:var(--s-6);padding-bottom:var(--s-6)}.bids-main>section.hero{padding-top:var(--s-6)}}