/* Website book (manual website copy): Cofello Warm. Page on paper, the copy form is one surface
   card, section groups inside it are outlined (not nested cards). The page header is the shared
   .cf-page-header markup (one serif H1) and Save is the view's one .cf-btn--primary. Buttons, fields
   and focus follow the shared components in shell.css (DESIGN.md). Tokens only. */
.website-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}
.website-book *{box-sizing:border-box}
.website-book h3{font-family:var(--cf-font-sans);font-size:var(--cf-text-xl);line-height:var(--cf-leading-xl);font-weight:var(--cf-weight-bold)}
/* Zero class weight, so the shared header's eyebrow and description keep their own look. */
:where(.website-book) p{margin:var(--cf-space-3) 0;line-height:var(--cf-leading-md);color:var(--cf-color-muted)}
.website-book .wb-state{margin:var(--cf-space-2) 0 0;font-size:var(--cf-text-sm);line-height:var(--cf-leading-sm)}
.website-book form,.website-book details,.website-book .wb-preview{margin-top:var(--cf-space-6)}
.website-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}
.website-book fieldset fieldset{margin:var(--cf-space-6) 0;padding:var(--cf-space-5);border-color:var(--cf-color-line-strong);border-radius:var(--cf-radius-md);background:transparent;box-shadow:none}
.website-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)}
.website-book fieldset fieldset legend{font-size:var(--cf-text-md)}
.website-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}
.website-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)}
.website-book textarea,.website-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}
.website-book textarea:hover,.website-book select:hover{border-color:var(--cf-color-ink)}
.website-book button{display:inline-flex;align-items:center;justify-content:center;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;min-height:var(--cf-control-height)}
.website-book button:hover:not(:disabled){background:var(--cf-color-raised);border-color:var(--cf-color-ink)}
.website-book .cf-btn--primary{background:var(--cf-color-accent);border-color:var(--cf-color-accent);color:var(--cf-color-on-accent)}
.website-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)}
.website-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}
.website-book :focus-visible,.website-book textarea:focus-visible,.website-book input:focus-visible{outline:var(--cf-focus-width) solid var(--cf-color-focus);outline-offset:var(--cf-focus-offset)}
.website-book pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--cf-font-mono);font-size:var(--cf-text-xs);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}
.website-book summary{cursor:pointer;padding:var(--cf-space-3) 0;font-weight:var(--cf-weight-bold);color:var(--cf-color-ink)}
.website-book [role=status]{min-height:24px;color:var(--cf-color-ink)}
.website-book article{border-top:0;margin-top:var(--cf-space-4)}
.website-book input[type=checkbox]{width:20px;height:20px;padding:0;margin:0 var(--cf-space-2) 0 0;vertical-align:middle;accent-color:var(--cf-color-accent)}
.website-book aside{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);margin:var(--cf-space-5) 0;line-height:var(--cf-leading-md)}
.website-book aside p{color:var(--cf-color-ink)}
.website-book a{color:var(--cf-color-accent-strong);font-weight:var(--cf-weight-regular);text-underline-offset:4px}
.website-book iframe{width:100%;height:600px;border:1px solid var(--cf-color-line-strong);border-radius:var(--cf-radius-md);background:var(--cf-color-raised)}
.website-book .wb-compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--cf-space-4)}
.website-book .wb-compare>div{min-width:0}
.website-book p,.website-book li{overflow-wrap:anywhere}
@media(max-width:760px){.website-book fieldset{padding:var(--cf-space-4)}
.website-book fieldset fieldset{padding:var(--cf-space-3)}
.website-book .wb-compare{grid-template-columns:1fr}
.website-book iframe{height:480px}
}

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

.cf-pages-business-copy.cf-pages-business-copy{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-copy [hidden][hidden]{display:none!important}
.cf-pages-business-copy :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-copy :is(.cf-page-header__actions,nav){flex-wrap:wrap;gap:var(--cf-space-2)}
.cf-pages-business-copy :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-copy h2{font-size:var(--cf-text-h2);line-height:1.2}
.cf-pages-business-copy h3{font-size:var(--cf-text-h3);line-height:1.3}
.cf-pages-business-copy>:is(section,form,details),.cf-pages-business-copy>div>section{margin-block-start:var(--cf-space-8)}
.cf-pages-business-copy :is(article,fieldset,aside,form,section,details){box-shadow:none;min-width:0}
.cf-pages-business-copy fieldset{border:0;padding:0;margin:0;background:var(--cf-color-paper)}
.cf-pages-business-copy label{display:block;margin-block:var(--cf-space-3);font-size:var(--cf-text-body);line-height:1.5}
.cf-pages-business-copy :is(input,select,textarea){max-width:100%;font-family:var(--cf-font-sans);font-size:var(--cf-text-body)}
.cf-pages-business-copy 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-copy .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-copy .cf-btn:not(.cf-btn--primary){background:var(--cf-color-paper);color:var(--cf-color-ink)}
.cf-pages-business-copy .cf-btn--primary{background:var(--cf-color-ink);color:var(--cf-color-on-accent)}
.cf-pages-business-copy .cf-btn:disabled{background:var(--cf-color-sunken);color:var(--cf-color-muted);opacity:1}
.cf-pages-business-copy .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-copy :is(dl,dt,dd,pre){max-width:100%;overflow-wrap:anywhere;white-space:normal}
.cf-pages-business-copy pre{white-space:pre-wrap;font-family:var(--cf-font-sans);font-size:var(--cf-text-body)}
.cf-pages-business-copy :is(blockquote,[role=alert]){border-width:1px;box-shadow:none}
.cf-pages-business-copy :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-copy.cf-pages-business-copy{padding:var(--cf-space-4) var(--cf-space-2)}.cf-pages-business-copy :is(form,section,article,nav){max-width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){.cf-pages-business-copy *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.cf-pages-business-copy .wb-compare{grid-template-columns:1fr}

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