/* Flatline RP Community Handbook / November 2026 */
:root{--doc-border:#393350;--doc-bg:#090b1d;--doc-surface:#121429;--doc-ink:#f4f5ff;--doc-muted:#b0b8d0}
.doc-hero{position:relative;overflow:hidden;padding:80px 0 78px;background:radial-gradient(ellipse at 90% 20%,rgba(221,31,191,.17),transparent 46%),linear-gradient(112deg,#08091b,#11112b 68%,#0a142a);border-bottom:1px solid #4d385c}
.doc-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 97%,#2cdfff12 98%);background-size:70px 70px}
.doc-hero .wrap{position:relative}
.doc-breadcrumb{display:flex;gap:10px;align-items:center;color:#9aa8c1;font:600 10px "DM Mono",monospace;letter-spacing:.12em;margin-bottom:34px}
.doc-breadcrumb span:last-child{color:#59e4ff}
.doc-hero .eyebrow{margin:0 0 15px;color:#ff63df}
.doc-hero h1{font:900 clamp(56px,7vw,96px)/.94 "Barlow Condensed",Impact,sans-serif;letter-spacing:.005em;max-width:1000px;margin:0 0 20px;text-wrap:balance}
.doc-lead{font:400 17px/1.8 Inter,sans-serif;color:#c5cce3;max-width:750px;margin:0}
.doc-hero-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:28px}
.doc-hero-links a{font:700 11px/1.5 "DM Mono",monospace;color:#54e3ff;letter-spacing:.05em}
.doc-hero-links a:hover{color:#ff67df}
.doc-body{background:linear-gradient(180deg,#0a0b1d,#0d0e25);padding:65px 0 115px}
.doc-layout{display:grid;grid-template-columns:minmax(220px,270px) minmax(0,1fr);gap:52px;align-items:start}
.doc-sidebar-inner{position:sticky;top:112px;background:#101328;border:1px solid var(--doc-border);padding:24px 22px;max-height:calc(100vh - 124px);overflow:auto}
.doc-sidebar-heading,.doc-summary-label{font:700 10px "DM Mono",monospace;letter-spacing:.13em;color:#e961d5}
.doc-sidebar-heading{margin:0 0 20px}
.doc-sidebar nav{display:flex;flex-direction:column;gap:1px}
.doc-sidebar nav a{display:flex;align-items:flex-start;gap:12px;padding:11px 6px;border-bottom:1px solid #252840;color:#bdc6db;font:600 12px/1.55 Inter,sans-serif}
.doc-sidebar nav a:hover,.doc-sidebar nav a:focus-visible{color:#6feeff;background:#161c34}
.doc-sidebar nav a span{font:600 10px "DM Mono",monospace;color:#fd73df;padding-top:2px}
.doc-sidebar-help{border-top:1px solid #4b385d;margin-top:23px;padding-top:19px}
.doc-sidebar-help span{font:700 10px "DM Mono",monospace;color:#4ce5fa}
.doc-sidebar-help p{font-size:12px;color:#a4b3cb;margin:8px 0}
.doc-sidebar-help a{font-weight:700;color:#f278e0;font-size:12px}
.doc-content{min-width:0;max-width:880px}
.doc-summary{border:1px solid #4a3a60;border-left:4px solid #f14ad4;background:linear-gradient(115deg,#1a1533,#10182d);padding:29px 33px;margin-bottom:27px}
.doc-summary p{font-size:16px;line-height:1.85;color:#d8d9e8;margin:12px 0 18px}
.doc-summary small{font:400 11px/1.7 "DM Mono",monospace;color:#a3afc9}
.doc-section{scroll-margin-top:110px;padding:34px 0 42px;border-bottom:1px solid #3b3551}
.doc-section-number{font:700 11px "DM Mono",monospace;letter-spacing:.12em;color:#6ce9f5;margin-bottom:13px}
.doc-section h2{font:800 clamp(29px,3.8vw,43px)/1.07 "Barlow Condensed",sans-serif;letter-spacing:.02em;text-transform:uppercase;margin:0 0 22px;color:#fff}
.doc-points{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.doc-points li{position:relative;padding-left:24px;color:#c4cbe1;font:400 15px/1.8 Inter,sans-serif}
.doc-points li:before{content:"";position:absolute;left:1px;top:11px;width:8px;height:8px;background:#f444cf;transform:rotate(45deg)}
.doc-points li a,.doc-answer a{color:#6ee5ff;text-decoration:underline;text-underline-offset:3px}
.doc-note{font-size:13px;line-height:1.8;border-left:3px solid #39e5f2;background:#142039;padding:16px 19px;margin:23px 0 0;color:#d4d7ed}
.doc-note a{color:#65e4ff;text-decoration:underline;text-underline-offset:3px}
.doc-faq{background:#15152d;border:1px solid #393856;margin-bottom:12px}
.doc-faq summary{cursor:pointer;position:relative;list-style:none;padding:18px 50px 18px 22px;font:700 15px/1.55 Inter,sans-serif;color:#f1f1ff}
.doc-faq summary::-webkit-details-marker{display:none}
.doc-faq summary:after{content:"+";position:absolute;right:20px;top:15px;color:#64e6f7;font:700 24px "DM Mono",monospace}
.doc-faq[open] summary:after{content:"−";color:#ff75dc}
.doc-answer{color:#c6cbe0;border-top:1px solid #333352;padding:17px 22px 20px;font-size:14px;line-height:1.85}
.doc-end{padding-top:45px}
.doc-end h2{font:800 43px "Barlow Condensed",sans-serif;margin:0 0 12px}
.doc-end p{color:#b3c1d7;margin-bottom:20px}
.doc-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:28px}
.doc-related a{display:flex;justify-content:space-between;padding:16px 17px;border:1px solid #453c60;background:#11162b;font-weight:600;font-size:12px;color:#c7d8eb}
.doc-related a:hover{border-color:#fc52ce;color:#fff}
.doc-related span{color:#ff58d7}
.nav-links a[aria-current="page"]{color:#60eaff}
.doc-reading-progress{display:none}
@media(max-width:980px){.doc-layout{grid-template-columns:minmax(180px,220px) 1fr;gap:25px}.doc-sidebar-inner{padding:18px}}
@media(max-width:760px){.doc-hero{padding:48px 0 55px}.doc-hero h1{font-size:clamp(52px,12vw,74px)}.doc-lead{font-size:15px}.doc-body{padding:30px 0 75px}.doc-layout{grid-template-columns:1fr;gap:25px}.doc-sidebar-inner{position:static;max-height:none}.doc-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}.doc-summary{padding:21px}.doc-section{padding:25px 0 32px}.doc-points li{font-size:14px}.doc-related{grid-template-columns:1fr}}
@media(max-width:430px){.doc-sidebar nav{grid-template-columns:1fr}.doc-hero-links{gap:12px}.doc-hero-links a{font-size:10px}}
@media print{header.site-header,footer,.doc-sidebar,.doc-hero-links,.doc-end .button{display:none!important}.doc-body,.doc-hero{background:white;color:black}.doc-layout{display:block}.doc-content{max-width:100%}.doc-section h2,.doc-hero h1{color:black}.doc-points li,.doc-lead,.doc-summary p{color:#222}.doc-summary{background:#f5f5f5}}