:root{
  --cw-bg: #ffffff;
  --cw-card: #f8fafc;
  --cw-fg: #111827;
  --cw-muted: #6b7280;
  --cw-accent: #22d3be;
  --cw-accent-ink: #ffffff;
  --cw-border: #d8dfde;
}
*{box-sizing:border-box}
html{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji"; line-height:1.49}
body.cw-6rl-body{margin:0;color:var(--cw-fg);background:var(--cw-bg);font-size:18px}
.cw-6rl-container{max-width:74rem;margin-inline:auto;padding:1rem}

.cw-6rl-header{border-bottom:1px solid var(--cw-border); background:#fff; position:sticky; top:0; z-index:30}
.cw-6rl-header-bar{display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.75rem 1rem}
.cw-6rl-brand{font-weight:700; text-decoration:none; color:var(--cw-fg); font-size:1.125rem}
.cw-6rl-nav{display:flex; gap:.75rem; align-items:center}
.cw-6rl-nav-link{color:var(--cw-muted); text-decoration:none; padding:.25rem .5rem; border-radius:.375rem}
.cw-6rl-nav-link:hover{color:var(--cw-fg); background:rgba(14,165,233,.08)}



.cw-6rl-button{display:inline-block;border:1px solid var(--cw-accent);background:var(--cw-accent);color:#fff;font-weight:600;padding:.5rem .9rem;border-radius:.5rem;text-decoration:none}
.cw-6rl-button:hover{background:#1db3a2;border-color:#1db3a2;color:#fff}
.cw-6rl-button-lg{padding:.7rem 1.1rem;font-size:1.05rem}
.cw-6rl-link{color:var(--cw-accent);text-decoration:none;font-weight:500}
.cw-6rl-link:hover{text-decoration:underline}

.cw-6rl-hero{padding:2rem 0 1.25rem;border-bottom:1px solid var(--cw-border)}
.cw-6rl-hero-title{margin:0 0 .5rem; font-size:clamp(1.6rem,2.6vw,2.2rem); line-height:1.22}
.cw-6rl-hero-sub{color:var(--cw-muted)}
.cw-6rl-hero{text-align:center}.cw-6rl-hero-title{margin:0 0 .4rem}.cw-6rl-hero-sub{margin:0 auto;max-width:59ch}

.cw-6rl-section{padding:1.5rem 0}
.cw-6rl-section-title{font-size:1.25rem;margin:0 0 .75rem}

.cw-6rl-list{list-style:none;padding:0;margin:0;display:grid;gap:1rem}
.cw-6rl-card{ background:var(--cw-card); border:1px solid var(--cw-border); border-radius:.75rem; padding:1rem; }
.cw-6rl-card-title{margin:.2rem 0 .35rem;font-size:1.05rem}
.cw-6rl-card-title a{text-decoration:none;color:var(--cw-fg)}
.cw-6rl-card-title a:hover{text-decoration:underline}
.cw-6rl-card-summary{color:var(--cw-muted);max-width:59ch}
.cw-6rl-card-meta{display:flex;flex-wrap:wrap;gap:.6rem;color:var(--cw-muted);margin-top:.5rem}
.cw-6rl-tag{display:inline-block;border:1px solid var(--cw-border);background:#f1f5f9;border-radius:999px;padding:.1rem .5rem;font-size:.85rem}

.cw-6rl-pagination{display:flex;align-items:center;gap:.35rem;margin-top:1rem;flex-wrap:wrap}
.cw-6rl-page-link{padding:.4rem .7rem;border:1px solid var(--cw-border);border-radius:999px}
.cw-6rl-page-link:hover{background:#f8fafc}
.cw-6rl-page-active{background:var(--cw-accent);color:#fff;border-color:var(--cw-accent)}
.cw-6rl-page-disabled{pointer-events:none;opacity:.5}
.cw-6rl-page-ellipsis{padding:.4rem .5rem;color:var(--cw-muted)}

.cw-6rl-article{padding:1.25rem 0}
.cw-6rl-article-header{margin-bottom:1rem}
.cw-6rl-article-title{margin:.2rem 0 .4rem; font-size:clamp(1.4rem,2.3vw,2rem); line-height:1.25}
.cw-6rl-article-summary{color:var(--cw-muted); max-width:59ch}
.cw-6rl-article-tags{margin-top:.5rem}

.cw-6rl-prose{max-width:59ch; font-size:1.02rem}
.cw-6rl-prose p{margin:1em 0}
.cw-6rl-prose h2,.cw-6rl-prose h3,.cw-6rl-prose h4{margin:1.6em 0 .6em; line-height:1.25}
.cw-6rl-prose h2{font-size:1.35rem}
.cw-6rl-prose h3{font-size:1.2rem}
.cw-6rl-prose h4{font-size:1.05rem}
.cw-6rl-prose a{color:var(--cw-accent); text-decoration:underline}
.cw-6rl-prose ul,.cw-6rl-prose ol{padding-left:1.25rem}
.cw-6rl-prose blockquote{border-left:3px solid var(--cw-border);margin:1em 0;padding:.25rem .9rem;color:var(--cw-muted)}
.cw-6rl-disclaimer{margin-top:1rem;color:var(--cw-muted);font-size:.95rem}

.cw-6rl-refs{margin-top:1.5rem}
.cw-6rl-refs-list{max-width:59ch}

/* FAQ */
.cw-6rl-faqs{margin-top:1.5rem}
.cw-6rl-faq{border:1px solid var(--cw-border);border-radius:.5rem;background:#fff;margin:.6rem 0;padding:.4rem .6rem}
.cw-6rl-faq summary{cursor:pointer;font-weight:600}
.cw-6rl-faq p{margin:.5rem 0 0}

.cw-6rl-cta{background:linear-gradient(180deg,#ffffff,#f8fafc); border-top:1px solid var(--cw-border); border-bottom:1px solid var(--cw-border)}
.cw-6rl-cta-box{max-width:59ch; margin:0 auto; padding:1rem 0; text-align:left}
.cw-6rl-cta-title{margin:.3rem 0}
.cw-6rl-cta-copy{color:var(--cw-muted); margin:.4rem 0 1rem}

.cw-6rl-footer{margin-top:2rem;border-top:1px solid var(--cw-border);background:#fff}
.cw-6rl-footer-inner{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;padding:1rem 0}
.cw-6rl-footer-nav{display:flex;flex-wrap:wrap;gap:.6rem}
.cw-6rl-footer-link{color:var(--cw-muted);text-decoration:none;padding:.25rem .4rem;border-radius:.375rem}
.cw-6rl-footer-link:hover{color:var(--cw-fg);background:#f1f5f9}
.cw-6rl-footer-note{color:var(--cw-muted);margin:0}

.icon{vertical-align:middle}

/* Hide rail label on narrow screens */
@media (max-width:640px){ .cw-6rl-rail-label{display:none} }

/* Header-only tweaks for ≤750px (sm and smaller) */
@media (max-width:750px){
  .cw-6rl-brand{display:none}
  .cw-6rl-header .cw-6rl-nav{gap:.5rem}
  .cw-6rl-header .cw-6rl-nav-link{font-size:0.7em;padding:.175rem .35rem}
  .cw-6rl-header .cw-6rl-button{font-size:0.7em;padding:.35rem .63rem}
}