/* Offers ("What you sell"): Cofello Warm. The page sits on paper like every workspace page; forms
   and saved items are surface cards. The page header is the shared .cf-page-header markup (one
   serif H1) and each view has one .cf-btn--primary. Buttons, fields and notices follow the shared
   components in shell.css (DESIGN.md). Tokens only. */
.offer-book{font-family:var(--cf-font-sans);font-size:var(--cf-text-md);color:var(--cf-color-ink);background:transparent;max-width:1040px;margin:auto;padding:0}
.offer-book *{box-sizing:border-box}
.offer-book h3,.offer-book h4{font-family:var(--cf-font-sans);font-weight:var(--cf-weight-bold);color:var(--cf-color-ink)}
/* Zero class weight, so the shared header's eyebrow and description keep their own look. */
:where(.offer-book) p{line-height:var(--cf-leading-md);color:var(--cf-color-muted)}
.offer-book .offer-kicker{margin:0;font-size:var(--cf-text-xs);line-height:var(--cf-leading-xs);font-weight:var(--cf-weight-bold);letter-spacing:var(--cf-tracking-eyebrow);text-transform:uppercase;color:var(--cf-color-accent-strong)}
.offer-book .cf-page-header .offer-kicker{margin:0 0 var(--cf-space-3)}
.offer-book .offer-state{margin:var(--cf-space-2) 0 0;font-size:var(--cf-text-sm);line-height:var(--cf-leading-sm)}
.offer-book form,.offer-book details{margin-top:var(--cf-space-6)}
.offer-book fieldset{border:0;border-radius:var(--cf-radius-lg);background:var(--cf-color-surface);box-shadow:var(--cf-shadow-sm);padding:var(--cf-space-6);min-width:0}
.offer-book legend{font-weight:var(--cf-weight-bold);font-size:var(--cf-text-lg);color:var(--cf-color-ink);padding:0 var(--cf-space-2)}
.offer-book label{display:block;font-size:var(--cf-text-sm);line-height:var(--cf-leading-sm);font-weight:var(--cf-weight-bold);color:var(--cf-color-ink);margin:var(--cf-space-4) 0}
.offer-book label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:var(--cf-space-1);font-size:var(--cf-text-md);line-height:var(--cf-leading-md);font-weight:var(--cf-weight-regular)}
.offer-book textarea,.offer-book select{display:block;width:100%;min-height:var(--cf-control-height);margin-top:var(--cf-space-2);background:var(--cf-color-raised);color:var(--cf-color-ink);border:1px solid var(--cf-color-control);border-radius:var(--cf-radius-sm);font:inherit;font-weight:var(--cf-weight-regular);font-size:var(--cf-text-md);line-height:var(--cf-leading-md);padding:var(--cf-space-2) var(--cf-space-3);resize:vertical}
.offer-book textarea:hover,.offer-book select:hover{border-color:var(--cf-color-ink)}
.offer-book button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--cf-control-height);background:var(--cf-color-surface);color:var(--cf-color-ink);border:1px solid var(--cf-color-control);border-radius:var(--cf-radius-pill);padding:var(--cf-space-2) var(--cf-space-5);font:inherit;font-size:var(--cf-text-md);font-weight:var(--cf-weight-regular);cursor:pointer}
.offer-book button:hover:not(:disabled){background:var(--cf-color-raised);border-color:var(--cf-color-ink)}
.offer-book .cf-btn--primary{background:var(--cf-color-accent);border-color:var(--cf-color-accent);color:var(--cf-color-on-accent)}
.offer-book .cf-btn--primary:hover:not(:disabled){background:var(--cf-color-accent-strong);border-color:var(--cf-color-accent-strong);color:var(--cf-color-on-accent)}
.offer-book button:disabled{background:var(--cf-color-sunken);border-color:var(--cf-color-line-strong);color:var(--cf-color-muted);opacity:1;cursor:not-allowed}
.offer-book :focus-visible{outline:var(--cf-focus-width) solid var(--cf-color-focus);outline-offset:var(--cf-focus-offset)}
.offer-book pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--cf-font-mono);font-size:var(--cf-text-sm);line-height:var(--cf-leading-md);background:var(--cf-color-sunken);color:var(--cf-color-ink);border-radius:var(--cf-radius-md);padding:var(--cf-space-4);max-height:480px;overflow:auto}
.offer-book summary{cursor:pointer;padding:var(--cf-space-3) 0;font-weight:var(--cf-weight-bold);color:var(--cf-color-ink)}
.offer-book [role=status]{min-height:24px;color:var(--cf-color-ink)}
.offer-book article{border-top:0;margin-top:var(--cf-space-4)}
.offer-book input[type=checkbox]{width:20px;height:20px;vertical-align:middle;accent-color:var(--cf-color-accent);margin:0 var(--cf-space-2) 0 0}
@media(max-width:760px){.offer-book fieldset{padding:var(--cf-space-4)}
}
.offer-book dt{font-size:var(--cf-text-xs);line-height:var(--cf-leading-xs);letter-spacing:var(--cf-tracking-eyebrow);text-transform:uppercase;color:var(--cf-color-muted);margin-top:var(--cf-space-4);font-weight:var(--cf-weight-bold)}
.offer-book dd{margin:var(--cf-space-1) 0;line-height:var(--cf-leading-md);color:var(--cf-color-ink);overflow-wrap:anywhere}
.offer-book blockquote{margin:var(--cf-space-4) 0;padding:var(--cf-space-3) var(--cf-space-4);border-left:4px solid var(--cf-color-accent);border-radius:0 var(--cf-radius-md) var(--cf-radius-md) 0;background:var(--cf-color-sunken);color:var(--cf-color-ink)}
.offer-book article p{overflow-wrap:anywhere}
.offer-book a{color:var(--cf-color-accent-strong);font-weight:var(--cf-weight-regular);text-underline-offset:3px}
.offer-book nav>a{display:inline-flex;align-items:center;min-height:var(--cf-control-height);padding:var(--cf-space-2) var(--cf-space-1)}
/* Links that act as buttons: secondary by default, the view's main action as .cf-btn--primary. */
.offer-book .offer-action{display:inline-flex;align-items:center;justify-content:center;min-height:var(--cf-control-height);padding:var(--cf-space-2) var(--cf-space-5);border:1px solid var(--cf-color-control);border-radius:var(--cf-radius-pill);background:var(--cf-color-surface);color:var(--cf-color-ink);text-decoration:none;font-weight:var(--cf-weight-regular)}
.offer-book .offer-action:hover{background:var(--cf-color-raised);border-color:var(--cf-color-ink)}
.offer-book .offer-action.cf-btn--primary{border-color:var(--cf-color-accent);background:var(--cf-color-accent);color:var(--cf-color-on-accent)}
.offer-book .offer-action.cf-btn--primary:hover{background:var(--cf-color-accent-strong);border-color:var(--cf-color-accent-strong)}
.offer-list{display:grid;gap:var(--cf-space-4);margin-top:var(--cf-space-8)}
.offer-list article{border:0;border-radius:var(--cf-radius-lg);padding:var(--cf-space-5);margin:0;background:var(--cf-color-surface);box-shadow:var(--cf-shadow-sm)}
.offer-list h3{margin:var(--cf-space-1) 0;font-size:var(--cf-text-xl);line-height:var(--cf-leading-xl)}
.offer-list p{margin:var(--cf-space-2) 0}
.offer-current{margin-top:var(--cf-space-6);padding:var(--cf-space-6);border:0;border-radius:var(--cf-radius-lg);background:var(--cf-color-surface);box-shadow:var(--cf-shadow-sm)}
.offer-current-head{display:flex;gap:var(--cf-space-4);align-items:center;justify-content:space-between}
.offer-current h3{font-size:var(--cf-text-2xl);line-height:var(--cf-leading-2xl);margin:var(--cf-space-1) 0}
.offer-current .offer-kicker{margin:0}
.offer-current dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cf-space-3) var(--cf-space-6);margin:var(--cf-space-4) 0}
.offer-current dt{margin:0}
.offer-current dd{margin:var(--cf-space-1) 0}
.offer-current-note,.offer-decision{border-top:0;padding-top:var(--cf-space-4)}
.offer-decision{margin-top:var(--cf-space-4)}
@media(max-width:760px){.offer-current{padding:var(--cf-space-4)}
.offer-current-head{align-items:flex-start;flex-direction:column}
.offer-current dl{grid-template-columns:1fr}
.offer-book nav>a,.offer-book nav>button{min-height:var(--cf-control-height)}
}
.offer-follow-on{margin-top:var(--cf-space-5);padding:var(--cf-space-5);border-radius:var(--cf-radius-md);background:var(--cf-color-success-bg);border:1px solid var(--cf-color-success-border);border-left-width:4px}
.offer-follow-on h3{margin:0;font-size:var(--cf-text-xl);line-height:var(--cf-leading-xl);color:var(--cf-color-success-text)}
.offer-follow-on p{margin:var(--cf-space-1) 0 var(--cf-space-4);color:var(--cf-color-ink)}
.offer-follow-on>div{display:flex;flex-wrap:wrap;gap:var(--cf-space-3);align-items:center}
.offer-follow-on>div>*{min-height:var(--cf-control-height)}
.offer-learning-guidance{margin-top:var(--cf-space-6);padding:var(--cf-space-5);border:1px solid var(--cf-color-info-border);border-left-width:4px;border-radius:var(--cf-radius-md);background:var(--cf-color-info-bg)}
.offer-learning-guidance h3{margin:var(--cf-space-1) 0 var(--cf-space-2);font-size:var(--cf-text-xl);line-height:var(--cf-leading-xl);color:var(--cf-color-info-text)}
.offer-learning-guidance h3:focus-visible{outline:var(--cf-focus-width) solid var(--cf-color-focus);outline-offset:4px}
.offer-learning-guidance p{overflow-wrap:anywhere;color:var(--cf-color-ink)}
.offer-book .offer-help{font-size:var(--cf-text-sm);line-height:var(--cf-leading-sm);font-weight:var(--cf-weight-regular);color:var(--cf-color-muted)}
.offer-book .offer-alert{margin-top:var(--cf-space-4);padding:var(--cf-space-4) var(--cf-space-5);border:1px solid var(--cf-color-warning-border);border-left-width:4px;border-radius:var(--cf-radius-md);background:var(--cf-color-warning-bg);color:var(--cf-color-ink);overflow-wrap:anywhere}
.offer-book .offer-alert p{color:var(--cf-color-ink)}
.offer-book .offer-notice{margin-top:var(--cf-space-4)}
.offer-book .offer-actions{display:flex;flex-wrap:wrap;gap:var(--cf-space-3);align-items:center;margin-top:var(--cf-space-3)}
.offer-book .offer-actions>*{min-height:var(--cf-control-height)}
.offer-book .offer-actions>a{display:inline-flex;align-items:center}
.offer-book .offer-learning{border:0;border-radius:var(--cf-radius-md);padding:var(--cf-space-1) var(--cf-space-4) var(--cf-space-3);background:var(--cf-color-surface)}
.offer-book .offer-learning p,.offer-book .offer-learning a{overflow-wrap:anywhere}

/* Batch 10: scoped presentation; persisted state and route hooks stay unchanged. */

.cf-pages-business-offers.cf-pages-business-offers{box-sizing:border-box;width:100%;max-width:var(--cf-content-narrow);margin-inline:auto;padding:var(--cf-space-8) var(--cf-space-3);gap:0;align-items:stretch;justify-content:flex-start;text-align:left;color:var(--cf-color-ink);background:var(--cf-color-paper);font-family:var(--cf-font-sans);font-size:var(--cf-text-body);line-height:1.5;overflow-wrap:anywhere}
.cf-pages-business-offers [hidden][hidden]{display:none!important}
.cf-pages-business-offers :is(header,.cf-page-header){display:flex;flex-direction:column;align-items:flex-start;gap:var(--cf-space-3);margin:0 0 var(--cf-space-8);padding:0;border:0;box-shadow:none}
.cf-pages-business-offers :is(.cf-page-header__actions,nav){flex-wrap:wrap;gap:var(--cf-space-2)}
.cf-pages-business-offers :is(h1,h2,h3,h4){color:var(--cf-color-ink);font-family:var(--cf-font-sans);font-weight:var(--cf-weight-bold);overflow-wrap:anywhere}
.cf-pages-business-offers h2{font-size:var(--cf-text-h2);line-height:1.2}
.cf-pages-business-offers h3{font-size:var(--cf-text-h3);line-height:1.3}
.cf-pages-business-offers>:is(section,form,details),.cf-pages-business-offers>div>section{margin-block-start:var(--cf-space-8)}
.cf-pages-business-offers :is(article,fieldset,aside,form,section,details){box-shadow:none;min-width:0}
.cf-pages-business-offers fieldset{border:0;padding:0;margin:0;background:var(--cf-color-paper)}
.cf-pages-business-offers label{display:block;margin-block:var(--cf-space-3);font-size:var(--cf-text-body);line-height:1.5}
.cf-pages-business-offers :is(input,select,textarea){max-width:100%;font-family:var(--cf-font-sans);font-size:var(--cf-text-body)}
.cf-pages-business-offers textarea.cf-input{min-height:var(--cf-control-height);max-height:calc(6em + var(--cf-space-2) + 2px);padding:var(--cf-space-1) var(--cf-space-2);line-height:1.5;resize:none;overflow-y:auto}
.cf-pages-business-offers .cf-btn{min-height:var(--cf-control-height);padding:var(--cf-space-1) var(--cf-space-3);font-size:var(--cf-text-body);border:1px solid var(--cf-color-ink);border-radius:var(--cf-radius-pill);box-shadow:none;opacity:1}
.cf-pages-business-offers .cf-btn:not(.cf-btn--primary){background:var(--cf-color-paper);color:var(--cf-color-ink)}
.cf-pages-business-offers .cf-btn--primary{background:var(--cf-color-ink);color:var(--cf-color-on-accent)}
.cf-pages-business-offers .cf-btn:disabled{background:var(--cf-color-sunken);color:var(--cf-color-muted);opacity:1}
.cf-pages-business-offers .cf-card{padding:var(--cf-space-3);margin-block:var(--cf-space-3);border:1px solid var(--cf-color-line);border-radius:var(--cf-radius-card);background:var(--cf-color-paper);box-shadow:none}
.cf-pages-business-offers :is(dl,dt,dd,pre){max-width:100%;overflow-wrap:anywhere;white-space:normal}
.cf-pages-business-offers pre{white-space:pre-wrap;font-family:var(--cf-font-sans);font-size:var(--cf-text-body)}
.cf-pages-business-offers :is(blockquote,[role=alert]){border-width:1px;box-shadow:none}
.cf-pages-business-offers :focus-visible{outline:var(--cf-focus-width) solid var(--cf-color-focus);outline-offset:var(--cf-focus-offset)}
@media(max-width:760px){.cf-pages-business-offers.cf-pages-business-offers{padding:var(--cf-space-4) var(--cf-space-2)}.cf-pages-business-offers :is(form,section,article,nav){max-width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){.cf-pages-business-offers *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.cf-pages-business-offers .offer-current dl{grid-template-columns:1fr}.cf-pages-business-offers .offer-list{gap:var(--cf-space-3)}

.cf-pages-business-offers .cf-page-header__text{flex:0 1 auto}
.cf-pages-business-offers *{box-sizing:border-box;min-width:0}
.cf-pages-business-offers a{color:var(--cf-color-ink)}