/* ─── Members Warehouse Help Centre — Shared Styles ─── */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Inter',sans-serif;background:#f5f5f5;color:#0d1b2a;line-height:1.7;}

/* ─── Navigation ─── */
nav.help-nav{background:#0d1b2a;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.help-nav-logo{font-family:'Bebas Neue',sans-serif;color:#fff;font-size:1.3rem;letter-spacing:0.08em;text-decoration:none;}
.help-nav-links{display:flex;gap:1.5rem;align-items:center;}
.help-nav-links a{color:#cdd5e0;text-decoration:none;font-family:'DM Mono',monospace;font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;}
.help-nav-links a:hover{color:#ff7a45;}
.help-nav-back{color:#ff7a45 !important;}

/* ─── Layout ─── */
.help-layout{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:0;min-height:calc(100vh - 100px);}
@media(max-width:900px){.help-layout{grid-template-columns:1fr;}}

/* ─── Sidebar ─── */
.help-sidebar{background:#fff;padding:2rem 1.5rem;border-right:1px solid #e1e1e1;position:sticky;top:0;align-self:start;max-height:100vh;overflow-y:auto;}
@media(max-width:900px){.help-sidebar{position:static;max-height:none;border-right:none;border-bottom:1px solid #e1e1e1;}}
.help-back{display:block;color:#ff7a45;text-decoration:none;font-family:'DM Mono',monospace;font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;font-weight:600;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0;}
.help-section{margin-bottom:1.5rem;}
.help-section-title{font-family:'DM Mono',monospace;font-size:0.55rem;letter-spacing:0.25em;text-transform:uppercase;color:#666;margin-bottom:0.5rem;}
.help-section ul{list-style:none;padding:0;}
.help-section ul li{margin-bottom:0.3rem;}
.help-section ul li a{display:block;color:#444;text-decoration:none;padding:0.4rem 0.6rem;font-size:0.88rem;border-radius:3px;transition:all 0.15s;}
.help-section ul li a:hover{background:#fff5f0;color:#ff7a45;}
.help-section ul li a.active{background:#ff7a45;color:#fff;font-weight:600;}

/* ─── Main content ─── */
.help-main{background:#fff;padding:3rem 3rem;min-height:100vh;}
@media(max-width:768px){.help-main{padding:2rem 1.5rem;}}

/* Breadcrumbs */
.breadcrumbs{display:flex;align-items:center;gap:0.5rem;font-family:'DM Mono',monospace;font-size:0.6rem;letter-spacing:0.15em;text-transform:uppercase;color:#888;margin-bottom:1.5rem;flex-wrap:wrap;}
.breadcrumbs a{color:#ff7a45;text-decoration:none;}
.breadcrumbs a:hover{text-decoration:underline;}
.breadcrumbs .sep{opacity:0.4;}

/* Article header */
.article-header{padding-bottom:2rem;margin-bottom:2rem;border-bottom:2px solid #ff7a45;}
.article-eyebrow{font-family:'DM Mono',monospace;font-size:0.6rem;letter-spacing:0.3em;text-transform:uppercase;color:#ff7a45;margin-bottom:0.5rem;}
.article-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2rem,4vw,3rem);letter-spacing:0.03em;color:#0d1b2a;line-height:1.1;margin-bottom:0.6rem;}
.article-summary{font-size:1.05rem;color:#666;line-height:1.6;}

/* Article body */
.article-body{font-size:1rem;color:#333;}
.article-body h2{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:0.03em;color:#0d1b2a;margin:2rem 0 0.8rem;border-bottom:1px solid #f0f0f0;padding-bottom:0.5rem;}
.article-body h3{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:0.04em;color:#ff7a45;margin:1.5rem 0 0.5rem;}
.article-body p{margin-bottom:1rem;line-height:1.7;}
.article-body ul, .article-body ol{margin:0.5rem 0 1.2rem 1.5rem;}
.article-body ul li, .article-body ol li{margin-bottom:0.4rem;line-height:1.6;}
.article-body strong{color:#0d1b2a;font-weight:600;}
.article-body a{color:#ff7a45;text-decoration:none;font-weight:500;}
.article-body a:hover{text-decoration:underline;}
.article-body code{background:#fafafa;padding:0.15rem 0.4rem;border-radius:3px;font-family:'DM Mono',monospace;font-size:0.85rem;color:#ff7a45;border:1px solid #f0f0f0;}

/* Callout boxes */
.callout{padding:1.2rem 1.5rem;margin:1.5rem 0;border-radius:6px;border-left:4px solid #ff7a45;background:#fff5f0;}
.callout-tip{background:#fff5f0;border-color:#ff7a45;}
.callout-warn{background:#fef3c7;border-color:#f59e0b;}
.callout-info{background:#dbeafe;border-color:#3b82f6;}
.callout strong{display:block;font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;margin-bottom:0.3rem;}

/* Tables */
.article-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:0.9rem;}
.article-body table th, .article-body table td{padding:0.7rem 0.9rem;text-align:left;border-bottom:1px solid #e1e1e1;}
.article-body table th{background:#fafafa;font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;color:#666;}

/* Step-by-step boxes */
.steps{margin:1.5rem 0;}
.step{display:flex;gap:1rem;margin-bottom:1.2rem;align-items:flex-start;}
.step-num{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#ff7a45;color:#fff;font-family:'Bebas Neue',sans-serif;font-size:1rem;display:flex;align-items:center;justify-content:center;}
.step-body{flex:1;padding-top:0.2rem;}
.step-body strong{display:block;color:#0d1b2a;font-weight:600;margin-bottom:0.3rem;}

/* Prev/Next nav */
.prev-next{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid #e1e1e1;}
@media(max-width:600px){.prev-next{grid-template-columns:1fr;}}
.prev-next a{display:block;padding:1.2rem;background:#fafafa;border-radius:6px;text-decoration:none;color:#0d1b2a;transition:all 0.2s;border:1px solid #e1e1e1;}
.prev-next a:hover{background:#fff5f0;border-color:#ff7a45;}
.prev-next .label{font-family:'DM Mono',monospace;font-size:0.55rem;letter-spacing:0.25em;text-transform:uppercase;color:#888;display:block;margin-bottom:0.3rem;}
.prev-next .title{font-family:'Bebas Neue',sans-serif;font-size:1rem;letter-spacing:0.03em;color:#0d1b2a;}
.prev-next .next{text-align:right;}

/* Related articles */
.related{background:#fafafa;padding:1.5rem;border-radius:6px;margin:2rem 0;}
.related h3{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;letter-spacing:0.04em;color:#0d1b2a;margin-bottom:0.8rem;}
.related ul{list-style:none;padding:0;}
.related ul li{padding:0.3rem 0;}
.related ul li a{color:#ff7a45;text-decoration:none;font-size:0.92rem;}
.related ul li a::before{content:'→ ';font-weight:bold;}

/* Footer */
.site-footer{background:#0d1b2a;color:#aab8cc;padding:2rem 1rem;text-align:center;font-size:0.85rem;}
.site-footer .trust-line{display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap;padding:0.5rem 0 0.8rem;font-family:'DM Mono',monospace;font-size:0.6rem;letter-spacing:0.15em;color:#888;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,0.06);margin-bottom:0.8rem;}
.site-footer a{color:#ff7a45;text-decoration:none;}