/* ============================================================
   Trans-Digi Global — shared "prose page" styles
   Used by: faq · privacy-policy · terms · return-refund · delivery-information
   Loaded AFTER style.css (inherits tokens: --ink, --body, --accent,
   --lime, --line, --bg-soft, --maxw, --radius, --shadow, fonts).
   ============================================================ */

/* ---------- layout shell ---------- */
.prose-wrap{
  background:var(--bg);
  padding:clamp(38px,5vw,64px) 0 clamp(52px,6vw,80px);
}
.prose-grid{
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:clamp(28px,4vw,56px);
  align-items:start;
}
@media(max-width:900px){
  .prose-grid{grid-template-columns:1fr;gap:26px}
}

/* ---------- sticky side rail (TOC / helper) ---------- */
.prose-rail{
  position:sticky;top:22px;
  align-self:start;
}
@media(max-width:900px){
  .prose-rail{position:static;top:auto}
}
.prose-rail__label{
  font-family:var(--font-head);font-weight:600;font-size:.68rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--accent);
  margin-bottom:14px;
}
.prose-toc{display:flex;flex-direction:column;gap:2px;margin-bottom:26px}
.prose-toc a{
  font-family:var(--font-head);font-weight:500;font-size:.82rem;
  color:var(--body);padding:7px 12px;border-radius:8px;
  border-left:2px solid transparent;line-height:1.3;transition:.18s;
}
.prose-toc a:hover{color:var(--ink);background:var(--bg-soft);border-left-color:var(--lime)}

/* rail help card */
.rail-card{
  background:var(--green-850);color:#e6ede9;border-radius:var(--radius);
  padding:20px 18px;box-shadow:var(--shadow);
}
.rail-card h4{
  font-family:var(--font-head);font-weight:700;color:#fff;font-size:.98rem;
  margin-bottom:6px;line-height:1.2;
}
.rail-card p{font-size:.82rem;color:#b9c8bf;margin-bottom:14px;line-height:1.5}
.rail-card .btn{width:100%}
.rail-card__contact{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.rail-card__contact a{
  display:flex;align-items:center;gap:8px;font-size:.8rem;color:#d7e3dc;
  font-family:var(--font-head);font-weight:500;
}
.rail-card__contact a:hover{color:var(--lime)}
.rail-card__contact svg{width:15px;height:15px;stroke:var(--lime);stroke-width:1.7;fill:none;flex:none}

@media(max-width:900px){
  .prose-rail__label,.prose-toc{display:none}
}

/* ---------- article prose ---------- */
.prose{
  max-width:820px;
  font-size:.96rem;color:var(--body);line-height:1.72;
}
.prose__meta{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-head);font-weight:600;font-size:.72rem;
  letter-spacing:.04em;color:var(--accent);
  background:#eaf3ec;border:1px solid #d4e7d8;border-radius:999px;
  padding:6px 14px;margin-bottom:22px;
}
.prose__meta svg{width:14px;height:14px;stroke:var(--accent);stroke-width:1.8;fill:none}
.prose__lead{
  font-size:1.06rem;color:var(--ink);line-height:1.6;
  margin-bottom:30px;font-weight:400;
}
.prose h2{
  font-family:var(--font-head);font-weight:700;color:var(--ink);
  font-size:1.28rem;line-height:1.25;letter-spacing:-.01em;
  margin:38px 0 6px;scroll-margin-top:90px;
}
.prose h2:first-of-type{margin-top:6px}
.prose h2 .num{color:var(--accent);font-weight:700;margin-right:10px}
.prose h3{
  font-family:var(--font-head);font-weight:600;color:var(--ink);
  font-size:1.02rem;margin:24px 0 4px;
}
.prose h2 + .prose__rule{margin-bottom:16px}
.prose__rule{
  display:block;width:48px;height:3px;background:var(--lime);
  border-radius:3px;margin:10px 0 18px;
}
.prose p{margin:0 0 15px}
.prose a:not(.btn){color:var(--accent);font-weight:500;border-bottom:1px solid rgba(63,155,69,.3)}
.prose a:not(.btn):hover{border-bottom-color:var(--accent)}
.prose strong{color:var(--ink);font-weight:600}
.prose ul,.prose ol{margin:0 0 18px;padding-left:0}
.prose ul li,.prose ol li{
  position:relative;padding-left:26px;margin-bottom:9px;line-height:1.6;
}
.prose ul li::before{
  content:"";position:absolute;left:4px;top:.62em;
  width:7px;height:7px;border-radius:2px;background:var(--lime);
}
.prose ol{counter-reset:li}
.prose ol li{counter-increment:li}
.prose ol li::before{
  content:counter(li);position:absolute;left:0;top:.05em;
  width:19px;height:19px;border-radius:5px;background:#eaf3ec;color:var(--accent);
  font-family:var(--font-head);font-weight:700;font-size:.7rem;
  display:flex;align-items:center;justify-content:center;
}

/* callout box (for key notes) */
.prose__note{
  background:var(--bg-soft);border:1px solid var(--line);
  border-left:3px solid var(--lime);border-radius:10px;
  padding:16px 20px;margin:22px 0;font-size:.9rem;
}
.prose__note strong{display:block;margin-bottom:3px}

/* section block wrapper (keeps id anchors clean) */
.prose__section{margin-bottom:6px}

/* ---------- FAQ accordion ---------- */
.faq-list{max-width:840px;display:flex;flex-direction:column;gap:12px}
.faq-cat{
  font-family:var(--font-head);font-weight:700;color:var(--ink);
  font-size:1.05rem;margin:26px 0 4px;
}
.faq-cat:first-child{margin-top:0}
.faq-item{
  border:1px solid var(--line);border-radius:12px;background:#fff;
  box-shadow:0 4px 14px rgba(4,24,14,.03);overflow:hidden;transition:.2s;
}
.faq-item[open]{border-color:#cfe3d3;box-shadow:0 8px 24px rgba(4,24,14,.06)}
.faq-item summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;gap:14px;
  padding:17px 20px;
  font-family:var(--font-head);font-weight:600;color:var(--ink);
  font-size:.98rem;line-height:1.35;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--accent)}
.faq-item__ic{
  flex:none;width:22px;height:22px;border-radius:6px;background:#eaf3ec;
  display:flex;align-items:center;justify-content:center;
  transition:.25s;margin-left:auto;
}
.faq-item__ic svg{width:13px;height:13px;stroke:var(--accent);stroke-width:2.4;fill:none}
.faq-item[open] .faq-item__ic{background:var(--accent);transform:rotate(180deg)}
.faq-item[open] .faq-item__ic svg{stroke:#fff}
.faq-item__body{padding:0 20px 18px 20px;font-size:.92rem;line-height:1.65;color:var(--body)}
.faq-item__body p{margin:0 0 10px}
.faq-item__body p:last-child{margin-bottom:0}
.faq-item__body strong{color:var(--ink);font-weight:600}
.faq-item__body a{color:var(--accent);font-weight:500}
.faq-item__body ul{margin:6px 0 4px;padding:0}
.faq-item__body ul li{position:relative;padding-left:20px;margin-bottom:6px}
.faq-item__body ul li::before{
  content:"";position:absolute;left:2px;top:.6em;width:6px;height:6px;
  border-radius:2px;background:var(--lime);
}

/* ---------- closing CTA (shared) ---------- */
.prose-cta{background:var(--bg-soft);padding:clamp(40px,5vw,64px) 0}
.prose-cta__card{
  background:var(--green-850);border-radius:var(--radius);
  padding:clamp(28px,4vw,44px);text-align:center;box-shadow:var(--shadow);
  max-width:var(--maxw);
}
.prose-cta__card h2{
  font-family:var(--font-head);font-weight:700;color:#fff;
  font-size:clamp(1.4rem,2.4vw,1.9rem);margin-bottom:8px;
}
.prose-cta__card p{color:#c3d2ca;font-size:.95rem;max-width:520px;margin:0 auto 22px}
.prose-cta__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* faithful long documents can get wide tables/emails — keep in bounds */
.prose *{max-width:100%}