*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.8;color:#1a1a1a;background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:#d4521a;text-decoration:none;transition:color .2s}
a:hover{color:#a33c0f;text-decoration:underline}
code{background:#f3f4f6;padding:.15em .4em;border-radius:4px;font-size:.88em;font-family:ui-monospace,'SF Mono',monospace}
pre{background:#111827;color:#e5e7eb;padding:1.25rem 1.5rem;border-radius:8px;overflow-x:auto;margin:1rem 0;font-size:.88rem;line-height:1.6}
pre code{background:none;padding:0;color:inherit}
.mono{font-family:ui-monospace,'SF Mono',monospace;background:#FFF7ED;color:#d4521a;padding:.1em .5em;border-radius:4px;font-size:.9em;border:1px solid #fed7aa}
.container{max-width:780px;margin:0 auto;padding:0 1.5rem}

/* Hero */
.hero{background:#111827;color:#fff;padding:4rem 1.5rem 3rem;text-align:center}
.hero-inner{max-width:720px;margin:0 auto}
.hero-logo{height:44px;margin:0 auto 2rem}
.hero h1{font-size:2.2rem;line-height:1.2;margin-bottom:1rem;font-weight:800;letter-spacing:-.5px}
.hero-sub{font-size:1.05rem;color:rgba(255,255,255,.7);line-height:1.8;margin-bottom:1.25rem}
.hero-meta{font-size:.85rem;color:rgba(255,255,255,.4)}
.hero-meta strong{color:rgba(255,255,255,.65)}

/* Layout: Sidebar + Main */
.layout{display:grid;grid-template-columns:220px 1fr;max-width:1100px;margin:0 auto;gap:3rem;padding:0 1.5rem}
.layout main{max-width:780px;min-width:0}

/* Sidebar TOC */
.toc{position:sticky;top:2rem;align-self:start;padding:1.5rem 0}
.toc strong{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:1.5px;color:#FF6B35;margin-bottom:.75rem;font-weight:700}
.toc nav{display:flex;flex-direction:column;gap:.15rem}
.toc a{font-size:.85rem;color:#667085;font-weight:450;padding:.4rem .75rem;border-radius:6px;border-left:2px solid transparent;transition:all .15s;line-height:1.4}
.toc a:hover{color:#111827;background:#f9fafb;border-left-color:#e5e7eb;text-decoration:none}

/* Content Sections */
.content-section{padding:3rem 0;border-bottom:1px solid #f0f0f0}
.content-section:last-child{border-bottom:none}
.article-hero-img{width:100%;border-radius:10px;border:1px solid #e5e7eb;margin-bottom:1.5rem}
.content-section h2{font-size:1.6rem;color:#111827;margin-bottom:1rem;font-weight:700;line-height:1.3}
.content-section h3{font-size:1.15rem;color:#111827;margin:2rem 0 .5rem;font-weight:600}
.content-section p{margin-bottom:1rem;color:#344054;font-size:1rem}
.content-section ul,.content-section ol{margin:0 0 1.25rem 1.5rem;color:#344054}
.content-section li{margin-bottom:.5rem;font-size:1rem}

/* Format Grid */
.format-grid{margin:1.5rem 0}
.format-block{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:1rem}
.format-block h3{margin-top:0;font-size:1.05rem}
.format-block p{margin-bottom:0;font-size:.95rem;color:#4b5563}

/* Tables */
.table-wrap{overflow-x:auto;margin:1rem 0 1.5rem}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th{background:#f9fafb;text-align:left;padding:.65rem .85rem;border-bottom:2px solid #e5e7eb;font-weight:600;color:#111827;white-space:nowrap}
td{padding:.6rem .85rem;border-bottom:1px solid #f0f0f0;color:#4b5563}
tr:hover td{background:#fafafa}

/* Steps */
.steps-list{counter-reset:step;list-style:none;margin-left:0;padding-left:0}
.steps-list li{counter-increment:step;position:relative;padding-left:3rem;margin-bottom:1.5rem}
.steps-list li::before{content:counter(step);position:absolute;left:0;top:.1rem;width:2rem;height:2rem;background:#FF6B35;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}
.steps-list li strong{display:block;font-size:1rem;color:#111827;margin-bottom:.25rem}
.steps-list li p{margin-bottom:0;font-size:.95rem}

/* Team */
.team-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}
.team-card{display:flex;gap:1.25rem;align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}
.team-card img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #e5e7eb}
.team-card h3{font-size:1rem;margin:0 0 .1rem;color:#111827}
.team-role{font-size:.82rem;color:#FF6B35;font-weight:600;margin-bottom:.5rem}
.team-card p{font-size:.9rem;color:#4b5563;margin-bottom:.4rem}

/* FAQ */
.faq-item{border-bottom:1px solid #f0f0f0;padding:1.25rem 0}
.faq-item h3{font-size:1rem;color:#111827;margin:0 0 .4rem}
.faq-item p{font-size:.95rem;color:#4b5563;margin-bottom:0}
.faq-more{margin-top:1.5rem;font-size:.95rem;color:#667085}

/* CTA Box */
.cta-box{text-align:center;background:#111827;color:#fff;border-radius:12px;padding:3rem 2rem;margin:3rem 0}
.cta-box h2{color:#fff;margin-bottom:.5rem}
.cta-box p{color:rgba(255,255,255,.7);margin-bottom:1.5rem}
.cta-box a.link{color:#FF6B35}

/* Buttons */
.btn{display:inline-block;padding:.7rem 1.75rem;border-radius:10px;font-weight:600;font-size:.95rem;transition:all .25s;border:none}
.btn-primary{background:#FF6B35;color:#fff}
.btn-primary:hover{background:#d4521a;color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,53,.25)}

/* Responsive */
@media(max-width:900px){
    .layout{grid-template-columns:1fr;padding:0 1.25rem;gap:0}
    .toc{position:static;padding:1.5rem;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb;margin-top:2rem}
    .toc nav{flex-direction:row;flex-wrap:wrap;gap:.25rem}
    .toc a{border-left:none;padding:.3rem .65rem;font-size:.8rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px}
}
@media(max-width:768px){
    .hero h1{font-size:1.6rem}
    .hero{padding:3rem 1rem 2rem}
    .team-card{flex-direction:column;text-align:center;align-items:center}
    .team-card img{margin-bottom:.5rem}
    .format-block{padding:1.25rem}
    .content-section{padding:2rem 0}
    .cta-box{margin:2rem 0;padding:2rem 1.25rem}
    .steps-list li{padding-left:2.5rem}
    .about-grid{grid-template-columns:1fr}
    .grid-3,.grid-4{grid-template-columns:1fr}
}