.landing-samples { width:100%; margin:48px auto; --sample-top:calc(var(--header-height, 64px) + var(--builders-services-height, 0px)); }
#landing-samples-title { font-size:clamp(24px,3vw,34px); line-height:1.2; }
.sample-accordion { box-sizing:border-box; width:540px; max-width:100%; margin-top:14px; border:1px solid #d2d2d7; border-radius:16px; background:#fff; scroll-margin-top:calc(var(--sample-top) + 8px); }
.sample-accordion[open] { width:100%; }
.sample-accordion > summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 20px; cursor:pointer; list-style:none; background:#f5f5f7; border-radius:16px; font-size:18px; font-weight:600; }
.sample-accordion > summary::-webkit-details-marker { display:none; }
.sample-accordion[open] > summary { position:sticky; top:var(--sample-top); z-index:20; border-radius:16px 16px 0 0; box-shadow:0 1px 0 #d2d2d7; }
.sample-toggle { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:34px; height:34px; border-radius:50%; background:var(--builders-yellow, #f7d72b); color:var(--builders-ink, #1d1d1f); font-size:26px; font-weight:400; line-height:1; transition:transform .35s ease; }
.sample-accordion[open] .sample-toggle { transform:rotate(45deg); }
.sample-preview-content { padding:0 10px 8px; }
.sample-preview-feedback { display:flex; align-items:center; flex-wrap:wrap; flex-shrink:0; gap:12px; padding:6px 0; }
.sample-preview-feedback .sample-preview-status { margin:0; flex:1; font-size:14px; }
.sample-preview-feedback button { border:1px solid #d2d2d7; border-radius:10px; padding:6px 12px; background:#fff; font:inherit; cursor:pointer; }
.sample-preview-scroll { height:max(180px, calc(100dvh - var(--sample-top) - var(--sample-chrome, 56px) - 18px)); overflow:auto; overscroll-behavior:contain; overflow-anchor:none; background:#ececef; border:1px solid #d2d2d7; padding:6px; }
.sample-preview-page { margin:0 0 20px; }
.sample-preview-page figcaption { padding:8px 0; font-size:13px; }
.sample-preview-image { display:block; width:100%; height:auto; background:#fff; }
.sample-accordion :is(summary,button,[tabindex]):focus-visible { outline:3px solid #0066cc; outline-offset:-3px; }
.sample-preview-content [hidden] { display:none !important; }
@media(max-width:700px) {
  .sample-accordion > summary { padding:10px 14px; font-size:16px; }
  .sample-preview-content { padding:0 6px 6px; }
  .sample-preview-feedback { gap:8px; }
  .sample-preview-feedback button { font-size:13px; }
  .sample-preview-scroll { padding:6px; }
}

/* Static report text scales with each sheet; narrow screens can pan horizontally
   instead of shrinking detailed prices and quantities below readable size. */
.sample-html-report { min-width:760px; color:#000; font-family:Arial,Helvetica,sans-serif; }
.sample-html-page { margin:0 0 16px; }
.sample-html-page-label { margin:0 !important; padding:6px 8px !important; font-size:12px !important; line-height:1.4 !important; text-align:left !important; }
.sample-html-sheet { position:relative; container-type:inline-size; width:100%; background:#fff; overflow:hidden; }
.sample-html-rules { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.sample-html-word { position:absolute; white-space:pre; line-height:1; font-family:Arial,Helvetica,sans-serif; font-weight:400; letter-spacing:normal; text-transform:none; }
.sample-html-heading { display:flex; position:absolute; font-size:2.13805cqw; font-weight:700; line-height:1; white-space:nowrap; }
.sample-html-run { display:flex; position:absolute; line-height:1; white-space:nowrap; }
.sample-html-run > .sample-html-word,
.sample-html-heading > .sample-html-word { position:static; font-size:inherit; font-weight:inherit; }

@media(prefers-reduced-motion:reduce) {
  .sample-toggle { transition:none; }
}