/* Final shared component contract. index.html is the unchanged visual reference.
   White: content. Neutral grey: examples, references, steps. Black: promise/close.
   Blue is reserved for actions and keyboard focus, as on the homepage. */
.refined-page[data-home-components]{--line:#dededb;--paper:#f5f5f5;background:#fff}
.refined-page[data-home-components] .section{padding-block:var(--space)}
.refined-page[data-home-components] .landing-hero{background:#fff;padding-block:48px 52px;border:0}
.refined-page[data-home-components] .page-breadcrumb{display:none}
.refined-page[data-home-components] :is(.landing-hero-copy,.form-hero) h1{font-size:clamp(38px,3.8vw,56px);line-height:1.08;letter-spacing:-.045em;max-width:18ch;font-weight:500}
.refined-page[data-home-components] :is(.chapter-heading,.chapter-body,.closing-grid) h2{font-size:clamp(30px,3vw,44px);line-height:1.12;letter-spacing:-.045em;max-width:23ch;font-weight:500;margin-bottom:24px}
.refined-page[data-home-components] :is(.chapter-body,.section-content)>p{font-size:15px;line-height:1.65}
.refined-page[data-home-components] .chapter-layout{gap:clamp(28px,4vw,56px)}
.refined-page[data-home-components] :is(.chapter-process,.chapter-faq) .chapter-heading{position:static}
.refined-page[data-home-components] .home-image-row .chapter-layout{grid-template-columns:1.05fr 1fr;align-items:center}
.refined-page[data-home-components] .home-image-row .chapter-heading{display:block;max-width:none}
.refined-page[data-home-components] .home-image-row :is(.story-image,.writer-portrait){margin:0}
.refined-page[data-home-components] .home-image-row .writer-portrait{max-width:400px}
.refined-page[data-home-components] .home-faq>.container{max-width:1050px}
.refined-page[data-home-components] .home-faq .chapter-layout{display:block}
.refined-page[data-home-components] .home-faq .chapter-heading{margin-bottom:36px}
.refined-page[data-home-components] .home-faq .chapter-body{max-width:none}
.refined-page[data-home-components] .has-editor-band{padding-bottom:0}
.refined-page[data-home-components] .has-editor-band>.container{padding-bottom:var(--space)}
.refined-page[data-home-components] :is(.home-editor-band,.renewal-editors){background:#f5f5f5;padding-block:var(--space);color:#171717}
.refined-page[data-home-components] :is(.home-editor-band,.renewal-editors) .quote-grid{grid-template-columns:1fr 1fr;gap:40px;margin:28px 0 0}
.refined-page[data-home-components] .home-editor-band p{max-width:76ch;font-size:15px;line-height:1.65}
.refined-page[data-home-components] .editor-quote{border:0;border-top:1px solid #ddd;background:transparent;padding:24px 0;box-shadow:none}
.refined-page[data-home-components] .designed-sample{border:0;border-top:1px solid #171717;padding:24px 0;background:transparent;box-shadow:none}
.refined-page[data-home-components] .specimen-top{border:0;padding:0;margin-bottom:20px}
.refined-page[data-home-components] .specimen-top span:last-child{display:none}
.refined-page[data-home-components] .draft-status{padding:0;background:transparent;border:0;border-radius:0;color:#626262!important}
.refined-page[data-home-components] .home-new-copy{background:#f5f5f5;border:0;border-left:2px solid #111;padding:24px;color:#171717}
.refined-page[data-home-components] .home-source-note{background:transparent;border:0;border-top:1px solid #ddd;padding:16px 0;color:#626262}
.refined-page[data-home-components] .home-source-note .field-value{font-size:12px}
.refined-page[data-home-components] .email-comparison{grid-template-columns:1fr 1fr;gap:40px}
.refined-page[data-home-components] .email-pane{background:transparent;border:0;border-top:1px solid #ddd;padding:24px 0;color:#626262}
.refined-page[data-home-components] .email-pane :is(p,li){color:#626262}
.refined-page[data-home-components] .email-pane:last-child{background:#f5f5f5;border:0;border-left:2px solid #111;padding:24px;color:#171717}
.refined-page[data-home-components] .email-pane:last-child :is(p,li){color:#171717}
.refined-page[data-home-components] .audit-records .record-card{border:0;border-top:1px solid #ddd;background:transparent;padding:24px 0}
.refined-page[data-home-components] .audit-records .record-card.home-written-result{border:0;border-left:2px solid #111;background:#f5f5f5;padding:24px}
.refined-page[data-home-components] .home-before{color:#626262;background:transparent}
.refined-page[data-home-components] .home-after{color:#171717;background:#f5f5f5;border-left:2px solid #111;padding:20px}
.refined-page[data-home-components] .manuscript-part{background:transparent;padding:24px 0}
.refined-page[data-home-components] .manuscript-part.wide{background:#f5f5f5;border:0;border-left:2px solid #111;padding:24px}
.refined-page[data-home-components] .offer-grid{gap:40px}
.refined-page[data-home-components] .offer-card{border:0;border-top:1px solid #ddd;padding:24px 0;border-radius:0;box-shadow:none}
.refined-page[data-home-components] .price-line .price-current{font-size:clamp(32px,3vw,44px);line-height:1.12;letter-spacing:-.045em}
.refined-page[data-home-components] .closing-grid{gap:clamp(28px,4vw,56px)}
.refined-page[data-home-components] .secondary{background:#f5f5f5!important;border-color:#ddd!important}
/* Reference pages use the same white editorial canvas, not a second visual theme. */
.refined-page.reference-page[data-home-components] .reference-chapter h2{font-size:clamp(30px,3vw,44px)!important;line-height:1.12;letter-spacing:-.045em;max-width:23ch}
.refined-page.reference-page[data-home-components] .reference-chapter :is(p,li){font-size:15px;line-height:1.65}
.refined-page.reference-page[data-home-components] .policy-point{background:transparent;border:0;border-top:1px solid #ddd;padding:20px 0}
.refined-page.reference-page[data-home-components] .reference-summary{background:#f5f5f5;border:0;padding:28px!important}
.refined-page.reference-page[data-home-components] .source-directory{background:#fff}
.refined-page.reference-page[data-home-components] .role-panel .section-content{border:0;padding:0}
.refined-page.reference-page[data-home-components] .policy-records .record-card{background:transparent}
/* Form controls retain their state and focus affordances. No framed mock cards. */
.refined-page.request-page[data-home-components] .form-hero{max-width:none;margin:0}
.refined-page.request-page[data-home-components] .route-chooser{display:block}
.refined-page.request-page[data-home-components] .route-chooser>a{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:28px 56px;padding:40px 0;font-size:clamp(24px,2.2vw,31px);line-height:1.2;border-radius:0}
.refined-page.request-page[data-home-components] .route-chooser>a img{grid-column:1;grid-row:1/span 3;margin:0}
.refined-page.request-page[data-home-components] .route-chooser>a:before{position:static;grid-column:2;padding:0;margin:0;background:none}
.refined-page.request-page[data-home-components] .route-chooser>a>span{grid-column:2}
.refined-page.request-page[data-home-components] .option-card.selected{border:2px solid #171717}
.refined-page.receipt-page[data-home-components] main{padding:0;background:#fff}
.refined-page.receipt-page[data-home-components] .receipt-section{max-width:1050px;margin:0 auto;padding-block:var(--space)!important}
.refined-page.receipt-page[data-home-components] .receipt-section>.container{padding-inline:var(--gutter)}
.refined-page.receipt-page[data-home-components] .receipt-section :is(.section-content,.form-hero){padding:0;border:0}
.refined-page.receipt-page[data-home-components] .receipt-section+section{border-top:1px solid #ddd}
.refined-page.receipt-page[data-home-components] h2{font-size:clamp(30px,3vw,44px);line-height:1.12;max-width:23ch}
@media(max-width:800px){
 .refined-page[data-home-components] .home-image-row .chapter-layout{grid-template-columns:1fr}
 .refined-page[data-home-components] .home-image-row .chapter-body{grid-row:1}
 .refined-page[data-home-components] :is(.home-editor-band,.renewal-editors) .quote-grid{grid-template-columns:1fr;gap:24px}
 .refined-page.request-page[data-home-components] .route-chooser>a{grid-template-columns:1fr;gap:20px}
 .refined-page.request-page[data-home-components] .route-chooser>a img{grid-column:1;grid-row:auto}
 .refined-page.request-page[data-home-components] .route-chooser>a:before,.refined-page.request-page[data-home-components] .route-chooser>a>span{grid-column:1}
}
@media(max-width:700px){
 .refined-page[data-home-components] .landing-hero{padding-block:36px}
 .refined-page[data-home-components] .container{padding-inline:var(--gutter)}
 .refined-page.reference-page[data-home-components] .reference-chapter>.container{padding:0}
 .refined-page[data-home-components] .email-comparison{grid-template-columns:1fr;gap:24px}
 .refined-page[data-home-components] :is(.home-new-copy,.email-pane:last-child){padding:20px}
}