.sample-page{background:var(--surface)}.sample-hero{padding:var(--section-y) var(--gutter) 0}.sample-hero-content{width:100%;max-width:var(--content-max);margin:auto}.sample-container{max-width:900px;margin:auto}.question-pill{display:inline-block;background:var(--accent);color:#fff;padding:8px 18px;border-radius:999px;font-size:var(--fs-eyebrow);font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:18px}.sample-heading{font-size:var(--fs-article-title);line-height:1.12;margin:0 0 clamp(1.25rem, 4vw, 2rem);color:#1b1b1b}.prompt-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1.25rem, 4vw, 2rem);margin-bottom:clamp(1.25rem, 4vw, 2rem);box-shadow:0 10px 30px rgb(0 0 0 / .05)}.prompt-box h2{font-size:var(--fs-content-h2);line-height:1.25;margin:0 0 18px}.prompt-box img{display:block;max-width:100%;height:auto;border-radius:12px;margin-bottom:18px}.prompt-text{line-height:1.8;font-size:var(--fs-body);color:#333}.answer-section{margin-bottom:clamp(2rem, 6vw, 3rem)}#reveal-answer{background:var(--accent);color:#fff;border:none;padding:15px clamp(1.5rem, 5vw, 2.125rem);border-radius:999px;font-weight:700;font-size:var(--fs-body);cursor:pointer;transition:.25s;margin-bottom:20px;min-height:44px}#reveal-answer:hover{background:var(--accent-dark)}.hidden-answer{background:#F5F5F5;padding:clamp(1.25rem, 4vw, 2rem);border-radius:var(--radius-sm);line-height:1.8;font-size:var(--fs-body);filter:blur(8px);transition:.35s;user-select:none}.hidden-answer.visible{filter:none;user-select:auto}.sample-navigation{display:flex;justify-content:space-between;align-items:center;gap:clamp(0.75rem, 3vw, 1.25rem);flex-wrap:wrap;margin:clamp(2rem, 6vw, 3rem) 0;padding-top:clamp(1rem, 3vw, 1.5rem);border-top:1px solid var(--border)}.sample-navigation a{text-decoration:none;color:var(--accent);font-weight:600;font-size:var(--fs-small)}.nav-center a{color:var(--ink-soft)}.related-section{margin-top:clamp(2rem, 6vw, 3rem);padding-bottom:clamp(2.5rem, 8vw, 4rem)}.related-section h2{font-size:var(--fs-section-h2);line-height:1.2;margin:0 0 clamp(1rem, 3vw, 1.5rem)}@media (max-width:700px){.sample-navigation{flex-direction:column;align-items:flex-start;gap:12px}}