.posts-page { overflow-wrap:anywhere; }
.posts-header .header-actions { min-width:0; margin-inline-start:auto; gap:12px; }
.posts-main { flex:1; width:100%; max-width:var(--site-width,1180px); margin:0 auto; padding:28px var(--site-gutter,28px) 56px; }
.posts-breadcrumbs { margin-bottom:38px; color:var(--muted); font-size:12px; line-height:1.6; }
.posts-breadcrumbs ol { display:flex; flex-wrap:wrap; gap:7px 10px; margin:0; padding:0; list-style:none; }
.posts-breadcrumbs li { min-width:0; }
.posts-breadcrumbs li + li::before { content:"/"; margin-inline-end:10px; color:var(--muted); opacity:.65; }
.posts-breadcrumbs a { text-decoration:underline; text-underline-offset:3px; }
.posts-breadcrumbs a:hover { color:var(--ink); }
.posts-breadcrumbs [aria-current] { color:var(--ink); }
.posts-intro { max-width:760px; margin-bottom:32px; }
.posts-eyebrow { margin:0 0 14px; color:var(--lavender,var(--accent)); font-size:11px; font-weight:700; line-height:1.5; letter-spacing:1.5px; }
.posts-intro h1,.post-heading h1 { margin:0 0 18px; font-size:clamp(30px,4.4vw,48px); line-height:1.14; letter-spacing:-.035em; text-wrap:balance; }
.posts-lead { max-width:720px; margin:0; color:var(--muted); font-size:17px; line-height:1.75; }
.posts-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.posts-card { display:flex; flex-direction:column; min-width:0; padding:28px; border:1px solid var(--line); border-radius:18px; background:var(--surface); }
.posts-card:hover { border-color:var(--accent); }
.posts-card-number { display:grid; place-items:center; width:42px; height:42px; margin:0 0 28px; border:1px solid var(--line); border-radius:12px; background:var(--theme-field,var(--paper)); color:var(--lavender,var(--accent)); font:600 13px/1 var(--mono); }
.posts-card .posts-card-category { margin:0 0 10px; color:var(--muted); font-size:12px; }
.posts-card h2 { margin:0 0 14px; font-size:23px; font-weight:700; line-height:1.3; letter-spacing:-.025em; }
.posts-card > p:not(.posts-card-category) { margin:0 0 26px; color:var(--muted); font-size:14px; line-height:1.75; }
.posts-card-link { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:20px; border-top:1px solid var(--line); color:var(--ink); font-size:13px; font-weight:600; }
.posts-card-link span { color:var(--lavender,var(--accent)); font-size:20px; }
.posts-support { display:flex; align-items:center; justify-content:space-between; gap:24px; max-width:100%; margin:44px 0 0; padding:26px 28px; border:1px solid var(--line); border-radius:16px; }
.posts-support h2 { margin:0 0 6px; font-size:19px; line-height:1.4; }
.posts-support p { margin:0; color:var(--muted); font-size:14px; line-height:1.7; }
.posts-support .button { flex:none; gap:14px; max-width:100%; font-size:13px; }
.post-document { max-width:800px; margin:0 auto; font-size:16px; line-height:1.8; }
.post-heading { margin-bottom:28px; }
.post-document a:not(.button) { color:var(--lavender,var(--accent)); text-decoration:underline; text-underline-offset:3px; }
.post-document a:not(.button):hover { color:var(--ink); }
.post-summary { margin:0 0 36px; padding:22px 24px; border:1px solid var(--line); border-inline-start:3px solid var(--accent); border-radius:0 12px 12px 0; background:var(--surface); }
.post-summary strong { display:block; margin-bottom:6px; color:var(--ink); font-size:15px; line-height:1.5; }
.post-summary p { margin:0; color:var(--muted); font-size:15px; line-height:1.8; }
.post-steps { display:grid; gap:30px; margin:0; padding:0; list-style:none; }
.post-steps > li { display:grid; grid-template-columns:36px minmax(0,1fr); align-items:start; gap:18px; }
.post-step-number { display:grid; place-items:center; width:36px; height:36px; border:1px solid var(--line); border-radius:10px; color:var(--lavender,var(--accent)); font:600 12px/1 var(--mono); }
.post-document h2 { margin:1px 0 12px; font-size:22px; line-height:1.4; letter-spacing:-.02em; }
.post-document p { margin:0 0 12px; }
.post-document p:last-child { margin-bottom:0; }
.post-section { margin:36px 0 0; padding-top:28px; border-top:1px solid var(--line); }
.post-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.post-actions .button { gap:10px; max-width:100%; text-align:center; }
.posts-footer { width:calc(100% - var(--site-gutter,28px) * 2); max-width:calc(var(--site-width,1180px) - var(--site-gutter,28px) * 2); margin:0 auto; padding:24px 0; border-top:1px solid var(--line); }
.posts-footer .footer-links { gap:12px 24px; }
.posts-footer .footer-links a { font-size:12px; }
.posts-footer p { font-size:12px; }
@media(max-width:900px) {
  .posts-card { padding:22px; }
  .posts-card h2 { font-size:20px; }
  .posts-grid { gap:14px; }
}
@media(max-width:700px) {
  .posts-grid { grid-template-columns:1fr; }
  .posts-card { padding:24px; }
  .posts-card-number { margin-bottom:18px; }
  .posts-card h2 { font-size:23px; }
  .posts-card > p:not(.posts-card-category) { margin-bottom:20px; }
  .posts-support { align-items:flex-start; flex-direction:column; gap:18px; padding:24px; }
  .posts-footer { align-items:flex-start; flex-direction:column; gap:12px; text-align:start; }
}
@media(max-width:600px) {
  .posts-header .header-actions { flex:1 1 100%; justify-content:space-between; gap:8px; }
  .posts-main { padding-top:20px; padding-bottom:36px; }
  .posts-breadcrumbs { margin-bottom:28px; }
  .posts-lead { font-size:16px; }
  .posts-support { margin-top:30px; }
  .post-steps > li { grid-template-columns:30px minmax(0,1fr); gap:12px; }
  .post-step-number { width:30px; height:30px; }
  .post-document { font-size:15px; }
  .post-document h2 { font-size:20px; }
  .post-summary { padding:18px; }
  .post-actions .button { flex:1 1 100%; }
}
@media(max-width:380px) {
  .posts-header .theme-button > span { display:none; }
  .posts-header .theme-button { padding-inline:10px; }
}
@media print {
  .posts-page { --paper:#fff; --surface:#fff; --ink:#000; --muted:#444; --line:#bbb; --lavender:#000; display:block; }
  .posts-header,.posts-footer,.posts-breadcrumbs,.posts-support,.post-actions,.posts-page .skip-link { display:none!important; }
  .posts-main,.post-document { max-width:none; padding:0; }
  .post-document h2 { break-after:avoid; }
  .post-steps > li { break-inside:avoid; }
}

.posts-jump { display:flex; flex-wrap:wrap; gap:12px 24px; margin:0 0 28px; font-size:14px; }
.posts-jump a { min-height:44px; display:inline-flex; align-items:center; color:var(--lavender,var(--accent)); text-underline-offset:4px; }
.posts-section-heading { margin:36px 0 20px; font-size:24px; line-height:1.4; scroll-margin-top:100px; }

/* Two new bonus stories share the same cover-card treatment. */
.posts-grid-promotions { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:700px) { .posts-grid-promotions { grid-template-columns:1fr; } }

/* Scoped formatting for the cryptocurrency buying guide. */
.post-buy-crypto .post-fees-table-wrap { max-width:100%; overflow-x:auto; margin:18px 0; border:1px solid var(--line); border-radius:12px; }
.post-buy-crypto .post-fees-table { width:100%; min-width:480px; border-collapse:collapse; font-size:14px; line-height:1.65; }
.post-buy-crypto .post-fees-table th,.post-buy-crypto .post-fees-table td { padding:12px 16px; text-align:start; vertical-align:top; border-bottom:1px solid var(--line); }
.post-buy-crypto .post-fees-table th { background:var(--surface); color:var(--ink); font-weight:650; }
.post-buy-crypto .post-fees-table tbody tr:last-child td { border-bottom:0; }
.post-buy-crypto .post-fees-table caption { padding:12px 16px; text-align:start; color:var(--muted); }
.post-buy-crypto .post-meta { color:var(--muted); font-size:13px; margin-top:16px; }
.post-buy-crypto h3 { margin:22px 0 8px; font-size:18px; line-height:1.45; }
