.writing-archive{background:var(--surface)}.archive-hero{background-image:url(https://topikwritinglab.com/wp-content/uploads/2026/07/g1380541ee990b167d23b4dba0c439c88d86a23ca720b597dea4120610b941907e64682fc6e21c02b4b5d98b393107a2a7c5cef22a8adfd0163ddf097f6d88d70_1280-4119806.jpg)}.archive-content{padding:var(--section-y) var(--gutter)}.archive-inner{max-width:var(--content-max);margin:auto}.archive-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(0.5rem, 2vw, 1rem);margin-bottom:clamp(1.5rem, 4vw, 2.25rem)}.archive-filter{padding:12px clamp(1rem, 3vw, 1.5rem);border-radius:999px;background:var(--surface-alt);color:#222;text-decoration:none;font-weight:600;font-size:var(--fs-small);white-space:nowrap;transition:.25s}.archive-filter:hover,.archive-filter.active{background:var(--accent);color:#fff}.question-section{margin-bottom:clamp(2rem, 6vw, 3rem)}.question-heading{font-size:var(--fs-section-h2);line-height:1.15;margin:0 0 clamp(0.875rem, 2.5vw, 1.25rem);padding-bottom:clamp(0.625rem, 2vw, 1.125rem);border-bottom:2px solid #E8E2D8}.archive-pagination{margin-top:clamp(1.5rem, 4vw, 2.5rem);text-align:center}.archive-pagination .page-numbers{display:inline-block;padding:12px 18px;margin:0 6px;border-radius:10px;background:var(--surface-alt);color:#222;text-decoration:none}.archive-pagination .current{background:var(--accent);color:#fff}.sample-section{padding:var(--block-y) var(--gutter)}.samples-container{max-width:var(--content-max);margin:0 auto}.samples-container h2{font-size:var(--fs-section-h2);line-height:1.2;margin:0 0 clamp(0.625rem, 2vw, 0.875rem)}.section-description{font-size:var(--fs-body);line-height:1.75;color:var(--ink-soft);max-width:70ch;margin:0 0 clamp(1.25rem, 3.5vw, 1.75rem)}.browse-link{margin:clamp(1rem, 3vw, 1.5rem) 0 0;font-size:var(--fs-small)}.browse-link a{color:var(--accent);font-weight:600;text-decoration:none}.browse-link a:hover{text-decoration:underline}@media (max-width:700px){.archive-filters{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.archive-filters::-webkit-scrollbar{display:none}}