/* Project Timber — Returns page (templates/page-returns.php).
   Loaded after base.css + secondary.css. Only the Returns-unique sections live
   here; hero/breadcrumb/help-CTA/accordion/typography come from secondary.css
   and tokens from base.css :root. No JavaScript. */

/* Steps */
.steps-sec .wrap{ max-width:960px; }
.steps{ display:grid; gap:16px; margin-top:8px; }
@media(min-width:760px){ .steps{ grid-template-columns:repeat(3,1fr); gap:22px; } }
.step{ background:#fff; border:1px solid rgba(33,30,36,.1); border-radius:var(--r-sm); padding:24px 22px; box-shadow:var(--e1); }
.step .n{ width:36px; height:36px; border-radius:50%; background:var(--charcoal); color:#fff; font-weight:700; display:flex; align-items:center; justify-content:center; font-size:.95rem; margin-bottom:14px; }
.step h3{ font-size:1.05rem; margin-bottom:6px; }
.step p{ font-weight:300; font-size:.9rem; color:var(--txt-soft); line-height:1.5; }
.step p a{ color:var(--charcoal); font-weight:700; text-decoration:none; }

/* Key points */
.points{ background:var(--paper); }
.points .wrap{ max-width:960px; }
.points .grid{ display:grid; gap:16px; margin-top:30px; }
@media(min-width:700px){ .points .grid{ grid-template-columns:1fr 1fr; gap:20px; } }
.pt{ display:flex; gap:14px; align-items:flex-start; background:#fff; border:1px solid rgba(33,30,36,.1); border-radius:var(--r-sm); padding:20px 20px; box-shadow:var(--e1); }
.pt .ic{ flex:0 0 auto; width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center; }
.pt .ic svg{ width:22px; height:22px; }
.pt.ok .ic{ background:var(--ok-bg); color:var(--ok); }
.pt.no .ic{ background:var(--no-bg); color:var(--no); }
.pt h3{ font-size:1rem; margin-bottom:4px; }
.pt p{ font-weight:300; font-size:.88rem; color:var(--txt-soft); line-height:1.5; }

/* FAQ block (Returns' centred variant; accordion styling is in secondary.css) */
.faq .wrap{ max-width:820px; }
.faq h2{ font-size:clamp(2rem,5vw,2.6rem); margin-bottom:20px; text-align:center; }