.sample-preview-banner{padding:11px 18px;text-align:center;background:#fff0c9;color:#3a2d17;font:600 13px/1.5 system-ui,sans-serif}
.sample-page .sample-section[id]{scroll-margin-top:110px}
.sample-page .sample-story{max-width:880px}
.sample-page .sample-story>p{max-width:820px;color:#4f606c}
.sample-page .sample-story>h2{margin-bottom:1.6rem}
.sample-page .sample-callout{margin-top:2rem;padding:1.5rem 1.7rem;border-left:4px solid var(--sample-gold);background:#fff}
.sample-page .sample-callout h3{font-family:inherit;letter-spacing:-.02em;font-size:1.2rem}
.sample-page .sample-callout p{color:#53616b;margin:.6rem 0 0;max-width:870px}
.sample-page .sample-table-scroll{overflow-x:auto;margin:1.7rem 0;border:1px solid var(--sample-line);background:#fff}
.sample-page table{width:100%;border-collapse:collapse;min-width:570px;text-align:left;font-size:.95rem;line-height:1.6}
.sample-page th{background:var(--sample-navy);color:#fff;font-weight:700;padding:1.1rem 1.3rem}
.sample-page td{vertical-align:top;padding:1.1rem 1.3rem;border-top:1px solid var(--sample-line)}
.sample-page td:first-child{width:35%;font-weight:700;color:var(--sample-navy)}
.sample-page tr:nth-child(even) td{background:#fbf8f1}
.sample-page .sample-jumps{display:flex;flex-wrap:wrap;gap:.55rem 1.5rem;margin:0;padding:1.4rem 0}
.sample-page .sample-jumps a{color:#17354a;font-size:.88rem;text-underline-offset:4px}
.sample-page .sample-jump-wrap{border-bottom:1px solid var(--sample-line)}
.sample-page .sample-project-pair{margin-top:3rem;max-width:960px;align-items:start}
.sample-page .sample-project-pair img{height:auto;aspect-ratio:auto;object-fit:contain}
.sample-page .sample-project-pair a{display:block}
.sample-page .sample-approval{grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:start}
.sample-page .sample-approval-card{padding:1.7rem;background:#fff;border-left:4px solid var(--sample-gold);min-width:0;box-shadow:0 14px 50px #1e344010}
.sample-page .sample-approval-card pre{font:14px/1.8 system-ui,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--sample-ink);margin:0 0 1rem}
.sample-page #sample-approval-copy{font:600 14px/1.5 system-ui,sans-serif;background:var(--sample-navy);color:#fff;border:0;border-radius:3px;padding:.8rem 1rem;cursor:pointer}
.sample-page #sample-approval-copy[hidden]{display:none}
.sample-page #sample-approval-status{font-size:.8rem;color:#596873;margin:.8rem 0 0}
.sample-page .sample-faq{max-width:920px;border-top:1px solid var(--sample-line)}
.sample-page .sample-faq details{border-bottom:1px solid var(--sample-line)}
.sample-page .sample-faq summary{padding:1.4rem 0;cursor:pointer;font-size:1.05rem;font-weight:700;color:var(--sample-navy);line-height:1.5}
.sample-page .sample-faq details p{margin:0 0 1.4rem;color:#53616b}
.sample-page .sample-table-hint{display:none;font-size:.77rem;color:#687984;margin:.4rem 0}
.sample-page .sample-final .sample-product-link{font-size:.85rem;margin-top:1.1rem!important}
.sample-page .sample-product-link a{color:#17354a;text-underline-offset:4px}
.sample-page :is(a,button,summary,[tabindex]):focus-visible{outline:3px solid #bf8a30;outline-offset:4px}
@media(max-width:850px){.sample-page .sample-approval{grid-template-columns:1fr}}
@media(max-width:620px){.sample-page .sample-project-pair{grid-template-columns:1fr;gap:1.3rem}.sample-page .sample-project-pair figure{padding:.55rem}.sample-page .sample-project-pair figcaption{font-size:.78rem}.sample-page .sample-callout,.sample-page .sample-approval-card{padding:1.2rem}.sample-page .sample-table-hint{display:block}.sample-page .sample-jumps{gap:.7rem 1.2rem}.sample-page .sample-table-scroll{margin-top:.5rem}}