/**
 * RL Help Center V1.1.0
 * Unified RogerLe design system (matches billing + helpdesk)
 */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap');

:root,[data-theme="light"]{--bg:#f8fafc;--bg2:#fff;--bg3:#f1f5f9;--tx:#1e293b;--tx2:#64748b;--tx3:#94a3b8;--brd:#e2e8f0;--brd2:#f1f5f9;--acc:#e67e22;--acc2:#d35400;--accL:#fef3e2;--red:#dc2626;--redL:#fee2e2;--grn:#10b981;--grnL:#d1fae5;--wrn:#f59e0b;--wrnL:#fef3c7;--blue:#3b82f6;--blueL:#dbeafe;--s1:0 1px 3px rgba(30,41,59,.06);--s2:0 4px 12px rgba(30,41,59,.08);--s3:0 10px 30px rgba(30,41,59,.12);--nav:#ffffff;--navT:#1e293b;--navBorder:#e2e8f0;--navHover:rgba(30,41,59,.06);--card:#fff;--inp:#fff;--inpB:#cbd5e1;--r:12px;--rs:8px;--fr:0 0 0 3px rgba(230,126,34,.2);color-scheme:light}
[data-theme="dark"]{--bg:#0f1117;--bg2:#181a23;--bg3:#1f2231;--tx:#e2e8f0;--tx2:#94a3b8;--tx3:#64748b;--brd:#2a2d3a;--brd2:#1f2231;--acc:#e67e22;--acc2:#f0923e;--accL:#3d2a14;--red:#ef4444;--redL:#3f1212;--grn:#10b981;--grnL:#0a2e1f;--wrn:#f59e0b;--wrnL:#3d2e00;--blue:#60a5fa;--blueL:#1e3a5f;--s1:0 1px 3px rgba(0,0,0,.3);--s2:0 4px 12px rgba(0,0,0,.4);--s3:0 10px 30px rgba(0,0,0,.5);--nav:#0a0c12;--navT:#94a3b8;--navBorder:rgba(255,255,255,.12);--navHover:rgba(255,255,255,.08);--card:#181a23;--inp:#1f2231;--inpB:#333749;color-scheme:dark}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth}body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--tx);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:'Outfit',sans-serif;font-weight:700}a{color:var(--acc);text-decoration:none}a:hover{color:var(--acc2)}hr{border:none;border-top:1px solid var(--brd);margin:1.25rem 0}img{max-width:100%;height:auto}main{flex:1}
@keyframes slideUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.anim{animation:slideUp .35s ease both}.d1{animation-delay:.05s}.d2{animation-delay:.1s}.d3{animation-delay:.15s}.d4{animation-delay:.2s}.d5{animation-delay:.25s}
.skip-link{position:absolute;left:-9999px;top:0;z-index:999;padding:8px 16px;background:var(--acc);color:#fff}.skip-link:focus{left:0}

/* Navbar */
.navbar{background:var(--nav);padding:0 1.5rem;position:sticky;top:0;z-index:300;box-shadow:var(--s2);border-bottom:1px solid var(--navBorder)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;height:62px;gap:1.5rem}.nav-logo img{height:36px;width:auto}.nav-right{margin-left:auto;display:flex;align-items:center;gap:.5rem}
.nav-home{color:var(--tx2);font-size:.85rem;display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:var(--rs);border:1px solid var(--brd);text-decoration:none;transition:.2s}.nav-home:hover{border-color:var(--acc);color:var(--acc)}
.nav-btn{background:none;border:1px solid var(--navBorder);color:var(--navT);padding:.38rem .8rem;border-radius:var(--rs);cursor:pointer;font-size:.82rem;font-family:inherit;display:flex;align-items:center;gap:.3rem;transition:.2s}.nav-btn:hover{background:var(--navHover);color:var(--tx)}
.billing-btn{background:var(--acc);color:#fff;padding:.45rem 1.1rem;border-radius:var(--rs);font-weight:700;font-size:.85rem;transition:.2s;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.billing-btn:hover{background:var(--acc2);color:#fff}

/* Language Switcher */
.lang-switcher{position:relative}.lang-current{display:flex;align-items:center;gap:6px;padding:.38rem .75rem;background:transparent;border:1px solid var(--navBorder);border-radius:var(--rs);color:var(--navT);font-size:.82rem;cursor:pointer;transition:all .2s;font-family:inherit}.lang-current:hover{border-color:var(--acc)}.lang-code{font-weight:500}.chevron{transition:transform .2s}.lang-current[aria-expanded="true"] .chevron{transform:rotate(180deg)}
.lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--card);border:1px solid var(--brd);border-radius:var(--rs);box-shadow:var(--s2);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s;z-index:50}.lang-switcher.open .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.lang-option{display:flex;align-items:center;gap:8px;padding:10px 14px;color:var(--tx);font-size:.84rem;transition:background .2s}.lang-option:hover{background:var(--accL);color:var(--tx)}.lang-option.active{color:var(--acc);font-weight:500}
.mobile-toggle{display:none;flex-direction:column;gap:5px;width:28px;background:none;border:none;cursor:pointer;padding:4px 0}.mobile-toggle span{display:block;height:2px;background:var(--tx);border-radius:2px;transition:all .2s}

/* Layout */
.wrap{max-width:1200px;margin:0 auto;padding:1.75rem 1.25rem 3rem}.wrap-sm{max-width:780px;margin:0 auto;padding:1.75rem 1.25rem 3rem}.section{padding:2.5rem 0}.container{max-width:1200px;margin:0 auto;padding:0 1.25rem}

/* Hero */
.hero{background:var(--bg);padding:3.5rem 0 2rem;text-align:center}.hero-compact{padding:1.5rem 0}.hero-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--tx);margin-bottom:1.5rem;letter-spacing:-.5px}
.search-form{max-width:640px;margin:0 auto}.search-input-wrap{display:flex;align-items:center;background:var(--card);border:2px solid var(--brd);border-radius:var(--r);padding:4px;transition:border-color .2s,box-shadow .2s;box-shadow:var(--s1)}.search-input-wrap:focus-within{border-color:var(--acc);box-shadow:var(--fr)}.search-icon{margin-left:14px;color:var(--tx3);flex-shrink:0}.search-input{flex:1;padding:12px 14px;background:transparent;border:none;outline:none;color:var(--tx);font-size:1rem;font-family:inherit}.search-input::placeholder{color:var(--tx3)}.search-btn{padding:.6rem 1.5rem;background:var(--acc);color:#fff;border:none;border-radius:var(--rs);font-family:'Outfit',sans-serif;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s}.search-btn:hover{background:var(--acc2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(230,126,34,.3)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.52rem 1rem;border:1px solid transparent;border-radius:var(--rs);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;min-height:40px;line-height:1.4;white-space:nowrap;text-decoration:none}.btn:focus-visible{outline:none;box-shadow:var(--fr)}.btn-primary{background:var(--acc);color:#fff}.btn-primary:hover{background:var(--acc2);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(230,126,34,.3)}.btn-secondary{background:var(--bg3);color:var(--tx);border-color:var(--brd)}.btn-secondary:hover{background:var(--brd)}.btn-ghost{background:none;border:1px solid var(--brd);color:var(--tx2)}.btn-ghost:hover{color:var(--acc);border-color:var(--acc)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-sm{padding:.32rem .7rem;font-size:.8rem;min-height:34px}.btn-lg{padding:.7rem 1.5rem;font-size:1rem;min-height:48px}.btn-block{width:100%;justify-content:center}

/* Cards */
.card{background:var(--card);border:1px solid var(--brd);border-radius:var(--r);box-shadow:var(--s1)}.card-body{padding:1.5rem}
.section-title{font-size:1.35rem;font-weight:800;color:var(--tx);margin-bottom:1.25rem;letter-spacing:-.3px;display:flex;align-items:center;gap:.45rem}.section-title i{color:var(--acc)}

/* Categories */
.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.category-card{display:flex;flex-direction:column;gap:10px;padding:1.3rem;background:var(--card);border:1px solid var(--brd);border-radius:var(--r);color:var(--tx);transition:all .2s;box-shadow:var(--s1)}.category-card:hover{border-color:var(--acc);box-shadow:var(--s2);transform:translateY(-2px);color:var(--tx)}.category-icon{font-size:1.75rem;line-height:1}.category-name{font-family:'Outfit',sans-serif;font-size:1.05rem;font-weight:700}.category-desc{font-size:.82rem;color:var(--tx2);line-height:1.5}.category-count{font-size:.72rem;color:var(--tx3);margin-top:auto;font-weight:600;text-transform:uppercase;letter-spacing:.4px}

/* Articles */
.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.article-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:1.25rem;background:var(--card);border:1px solid var(--brd);border-radius:var(--r);color:var(--tx);transition:all .2s;box-shadow:var(--s1)}.article-card:hover{border-color:var(--acc);transform:translateY(-2px);color:var(--tx);box-shadow:var(--s2)}
.articles-list{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--brd);border-radius:var(--r);overflow:hidden;box-shadow:var(--s1)}.article-list-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1.25rem;color:var(--tx);transition:background .2s;border-bottom:1px solid var(--brd2)}.article-list-item:last-child{border-bottom:none}.article-list-item:hover{background:var(--bg3);color:var(--tx)}
.article-rank{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accL);color:var(--acc);font-family:'Outfit',sans-serif;font-weight:700;font-size:.82rem;border-radius:50%;flex-shrink:0}.article-list-content{flex:1;min-width:0}.article-title{font-family:'Outfit',sans-serif;font-size:.95rem;font-weight:700;line-height:1.4}.article-excerpt{font-size:.82rem;color:var(--tx2);margin-top:4px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--tx3);margin-top:6px;font-weight:500}.arrow-icon{color:var(--tx3);flex-shrink:0;transition:transform .2s}.article-list-item:hover .arrow-icon{transform:translateX(3px);color:var(--acc)}

/* Badges */
.badge{display:inline-flex;align-items:center;padding:.15rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.badge-private{background:var(--accL);color:var(--acc)}.badge-pinned{background:var(--accL);color:var(--acc)}.badge-lang{background:var(--bg3);color:var(--tx2)}.badge-public{background:var(--grnL);color:var(--grn)}

/* Breadcrumb */
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--tx3);margin-bottom:1rem;flex-wrap:wrap}.breadcrumb a{color:var(--tx3)}.breadcrumb a:hover{color:var(--acc)}.breadcrumb-current{color:var(--tx);font-weight:500}

/* Category page */
.category-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.75rem}.category-header-icon{font-size:2.2rem;line-height:1}.category-page-title{font-size:1.35rem;font-weight:800}.category-page-desc{color:var(--tx2);margin-top:.3rem;font-size:.88rem}.subcategories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:1.75rem}.subcategory-card{display:flex;align-items:center;gap:10px;padding:.75rem 1rem;background:var(--card);border:1px solid var(--brd);border-radius:var(--rs);color:var(--tx);transition:all .2s}.subcategory-card:hover{border-color:var(--acc);color:var(--tx)}.subcategory-icon{font-size:1.1rem}.subcategory-name{font-weight:500;font-size:.88rem;flex:1}.subcategory-count{font-size:.72rem;color:var(--tx3)}

/* Article page */
.article-layout{display:grid;grid-template-columns:220px 1fr;gap:2.5rem;align-items:start}.article-sidebar{position:sticky;top:76px}.toc{padding:1rem;background:var(--card);border:1px solid var(--brd);border-radius:var(--rs);box-shadow:var(--s1)}.toc-title{font-size:.72rem;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.toc-nav{display:flex;flex-direction:column;gap:2px}.toc-link{font-size:.82rem;color:var(--tx2);padding:4px 8px;border-radius:var(--rs);transition:all .2s;line-height:1.4}.toc-link:hover,.toc-link.active{color:var(--acc);background:var(--accL)}.toc-level-2{padding-left:8px}.toc-level-3{padding-left:20px;font-size:.76rem}.toc-level-4{padding-left:32px;font-size:.76rem}
.article-page-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.5px;line-height:1.3;margin-bottom:.75rem}.article-meta-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem;color:var(--tx3);margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--brd)}.meta-sep{color:var(--brd)}.meta-langs{display:flex;gap:6px}.lang-badge{font-size:1rem;transition:transform .2s}.lang-badge:hover{transform:scale(1.2)}
.article-actions{display:flex;gap:8px;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--brd)}
.feedback-section{margin-top:2.25rem;padding:1.5rem;background:var(--card);border:1px solid var(--brd);border-radius:var(--r);text-align:center;box-shadow:var(--s1)}.feedback-question{font-weight:700;margin-bottom:1rem}.feedback-buttons{display:flex;gap:.75rem;justify-content:center}.btn-feedback{padding:.6rem 1.25rem;background:transparent;border:1px solid var(--brd);border-radius:var(--rs);font-size:.88rem;cursor:pointer;color:var(--tx);transition:all .2s;font-family:inherit}.btn-feedback:hover{border-color:var(--acc);background:var(--accL)}.btn-feedback.selected{border-color:var(--acc);background:var(--accL)}.feedback-thanks{color:var(--acc);font-weight:600}
.related-section{margin-top:2.25rem}.related-title{font-size:1.05rem;font-weight:700;margin-bottom:1rem}.related-list{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--brd);border-radius:var(--rs);overflow:hidden;box-shadow:var(--s1)}.related-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;color:var(--tx);font-size:.88rem;transition:background .2s;border-bottom:1px solid var(--brd2)}.related-item:last-child{border-bottom:none}.related-item:hover{background:var(--bg3);color:var(--tx)}

/* Prose */
.prose{line-height:1.75;font-size:.95rem}.prose h1,.prose h2,.prose h3,.prose h4{font-family:'Outfit',sans-serif;font-weight:700;margin:2em 0 .75em}.prose h1{font-size:1.75rem}.prose h2{font-size:1.4rem}.prose h3{font-size:1.15rem}.prose p{margin-bottom:1em}.prose ul,.prose ol{margin:.5em 0 1em 1.5em}.prose li{margin-bottom:.35em}.prose blockquote{border-left:3px solid var(--acc);padding:.75rem 1.25rem;margin:1em 0;background:var(--accL);border-radius:0 var(--rs) var(--rs) 0;color:var(--tx2);font-style:italic}.prose code{background:var(--bg3);padding:2px 6px;border-radius:4px;font-family:'SF Mono','Fira Code',monospace;font-size:.88em}.prose pre{background:var(--bg3);padding:1.25rem;border-radius:var(--rs);overflow-x:auto;margin:1em 0;border:1px solid var(--brd)}.prose pre code{background:none;padding:0;font-size:.82rem}.prose img{border-radius:var(--rs);margin:1em 0}.prose .table-wrap{overflow-x:auto;margin:1em 0}.prose table{width:100%;border-collapse:collapse}.prose th,.prose td{padding:.6rem .85rem;border:1px solid var(--brd);text-align:left;font-size:.88rem}.prose th{background:var(--bg3);font-weight:700}.prose a{color:var(--acc);text-decoration:underline;text-underline-offset:2px}

/* Search */
.search-results-title{font-size:1.25rem;font-weight:800;margin-bottom:.5rem}.search-results-count{font-size:.8rem;color:var(--tx3);margin-bottom:1.25rem}.pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1.75rem}.pagination-info{font-size:.82rem;color:var(--tx3)}

/* Login (matching billing) */
.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b 0%,#0f172a 60%,#1a1523 100%);padding:1rem;flex-direction:column;gap:1.5rem}.login-card{background:var(--card);border-radius:var(--r);box-shadow:var(--s3);padding:2.2rem;width:100%;max-width:420px}.login-logo{text-align:center;margin-bottom:1.75rem}.login-logo img{height:48px;margin-bottom:.75rem}.login-logo h1{font-size:1.5rem;font-weight:800}.login-logo p{color:var(--tx3);font-size:.85rem;margin-top:.2rem}.login-footer{text-align:center;color:var(--tx3);font-size:.8rem}
.form-group{margin-bottom:1.1rem}.form-group label{display:block;font-size:.82rem;font-weight:600;color:var(--tx2);margin-bottom:.3rem}.form-control{width:100%;padding:.58rem .85rem;border:1px solid var(--inpB);border-radius:var(--rs);background:var(--inp);color:var(--tx);font-size:.95rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;min-height:42px}.form-control:focus{outline:none;border-color:var(--acc);box-shadow:var(--fr)}.form-control:-webkit-autofill,.form-control:-webkit-autofill:hover,.form-control:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--inp) inset;-webkit-text-fill-color:var(--tx);caret-color:var(--tx);border-color:var(--inpB);transition:background-color 9999s ease-in-out 0s}select.form-control{cursor:pointer;appearance:none}textarea.form-control{resize:vertical;min-height:90px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:.6rem;margin-top:1.4rem;flex-wrap:wrap}

/* Alerts */
.alert{padding:.7rem 1rem;border-radius:var(--rs);font-size:.88rem;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.alert-error,.alert-danger{background:var(--redL);color:var(--red);border:1px solid var(--red)}.alert-success{background:var(--grnL);color:var(--grn);border:1px solid var(--grn)}.alert-info{background:var(--blueL);color:var(--blue);border:1px solid var(--blue)}.alert-warning{background:var(--wrnL);color:var(--wrn);border:1px solid var(--wrn)}
.flash-message{padding:.7rem 1rem;background:var(--accL);color:var(--acc);border-radius:var(--rs);font-size:.88rem;margin-top:1rem;animation:slideUp .35s ease both;border:1px solid var(--acc)}.fallback-notice{display:flex;align-items:center;gap:8px;padding:.7rem 1rem;background:var(--blueL);color:var(--blue);border:1px solid var(--blue);border-radius:var(--rs);font-size:.82rem;margin-bottom:1.25rem}

/* Empty/Error */
.empty-state{text-align:center;padding:3rem 1rem;color:var(--tx3)}.empty-icon{font-size:2.5rem;opacity:.4;color:var(--acc);display:block;margin-bottom:.8rem}.empty-state h2,.empty-state h3{color:var(--tx2);margin-bottom:.3rem;font-weight:800}.empty-state p{font-size:.9rem;margin-bottom:1.25rem}.error-page .error-code{font-size:5rem;font-weight:900;color:var(--acc);line-height:1;margin-bottom:.5rem;opacity:.7}

/* Footer */
.site-footer{border-top:1px solid var(--brd);padding:1.25rem 0;margin-top:auto;text-align:center;font-size:.8rem;color:var(--tx3)}.site-footer a{color:var(--tx3)}.site-footer a:hover{color:var(--acc)}
.rl-sig{display:none}

/* Responsive */
@media(max-width:768px){.nav-right .nav-home span,.nav-right .billing-btn span{display:none}.mobile-toggle{display:flex}body.nav-open .nav-right{display:flex;flex-direction:column;position:absolute;top:62px;left:0;right:0;background:var(--nav);border-bottom:1px solid var(--navBorder);padding:1rem 1.5rem;gap:.75rem;animation:slideUp .2s ease both;z-index:200}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;order:-1}.categories-grid,.articles-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}
@media(max-width:480px){.hero{padding:2.5rem 0 1.5rem}.hero-title{font-size:1.5rem}.search-btn{padding:.6rem 1rem;font-size:.82rem}.container,.wrap,.wrap-sm{padding-left:.85rem;padding-right:.85rem}}
@media print{.navbar,.site-footer,.feedback-section,.related-section,.article-sidebar,.article-actions,.breadcrumb{display:none!important}body{background:#fff;color:#000}}