.example-hero{padding:52px 0 28px;max-width:880px}
.example-hero h1{max-width:24ch;font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.3;letter-spacing:-.03em}
.readiness{border-left:3px solid #5b7d62;padding:12px 18px;margin:24px 0;background:#edf3e9}
.readiness p{margin:4px 0 0;color:#43594f;font-size:.95rem}
.example-nav,.sample-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
.example-nav a{padding:6px 0;margin-right:18px}
.evidence{border-left:4px solid #537942;padding:12px 18px;background:#edf4e5;overflow-wrap:anywhere}
.sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.sample-grid>*{min-width:0}.sample-grid h3{margin-top:0}
.sample-table{min-width:600px}.sample-table th,.sample-table td{vertical-align:top}.sample-table caption{text-align:left;margin:8px 0;font-weight:650}
figure{margin:18px 0}figure img,figure video{display:block;width:100%;height:auto;border-radius:12px;background:#142b3d}
figcaption{font-size:.9rem;color:#50635d;padding:12px 0;line-height:1.7}
.shop-before{background:#f5f0e7;padding:28px;border:1px solid #d3c9b7;border-radius:14px}
.shop-after{background:#e7f0e3;padding:28px;border:1px solid #8ba480;border-radius:14px}
.shop-hero{padding:42px 30px;background:#183c35;color:#f1f5e8;border-radius:18px;margin:28px 0}.shop-hero .lead,.shop-hero .eyebrow{color:#d6e8d8}.shop-hero a.button{background:#e3edbf;color:#183c35}.shop-hero a.secondary{background:transparent;color:#f1f5e8;border-color:#c0d4c5}
.sandbox-notice{font-size:.9rem;padding:14px 18px;border:1px dashed #829783;border-radius:10px}
.code{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:#e9eee7;border-radius:10px;font:15px/1.85 system-ui,sans-serif}
.sheet{background:#fff;border:1px solid var(--line);padding:28px;margin:22px 0;border-radius:12px}
.write-line{min-height:36px;border-bottom:1px solid #a2afa2}
.status-list dt{font-weight:700;margin-top:14px}.status-list dd{margin-left:0}
.review-note{font-size:.9rem;color:#50635d}
.offer-card{padding:32px;background:#e8efdf;border:1px solid #b8c9a9;border-radius:16px;margin:52px 0 24px}
.production-note{margin:20px 0 50px}
.branch-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:14px;margin:20px 0}
.branch-options{display:flex;gap:12px;flex-wrap:wrap}.branch-options [aria-pressed=true]{background:#183c35;color:#fff}
.branch-result{background:#eef3e8;padding:18px;margin-top:18px;min-height:105px}.branch-result h4{margin:0 0 8px}.branch-result p{margin:0}
.notification{border:1px solid #9fb39d;border-radius:12px;background:#f3f7eb;padding:24px;margin-top:18px}
.lesson-section{margin:16px 0}.lesson-section>summary{font-weight:700}.lesson-section table{font-size:.95rem}
@media(max-width:760px){.sample-grid{grid-template-columns:1fr}.example-hero{padding:28px 0 12px}.example-hero h1{max-width:none}.sheet,.branch-card,.offer-card,.shop-before,.shop-after{padding:20px}.shop-hero{padding:24px 20px}.sample-actions .button{max-width:100%}}
@media print{header,footer,.skip,.no-print,.sample-actions,.example-nav,[data-inquiry],.production-note{display:none!important}body{background:white;color:#111;font:11pt/1.55 sans-serif}.wrap{max-width:none;padding:0}section{margin:14pt 0}h1{font-size:22pt}h2{font-size:16pt;break-after:avoid}h3{font-size:13pt;break-after:avoid}.panel,.sheet,.evidence{border:1px solid #aaa;background:white;padding:10pt}.sample-grid{display:block}.sample-table{min-width:0;font-size:9pt}.scroll{overflow:visible}.code{background:white;border:1px solid #aaa}.write-line{min-height:25pt}.print-break{break-before:page}a{overflow-wrap:anywhere}}