.page-guide{max-width:900px;margin:0 auto}.page-guide .guide-container{max-width:900px;margin:0 auto;padding:0 0 2rem}.page-guide .breadcrumb .separator{color:var(--text2);opacity:.6;margin:0 .45rem}.page-guide .guide-article{color:var(--text)}.page-guide .guide-header{background:linear-gradient(180deg, var(--bg2) 0%, var(--bg) 100%);border:1px solid var(--border);border-top:3px solid var(--accent);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);margin-bottom:2rem;padding:1.4rem 1.5rem 1.35rem;position:relative}.page-guide .guide-header:before{content:"CSDB.gg // Guide";font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:.5rem;font-size:.82rem;font-weight:700;display:block}.page-guide .guide-header h1{margin:0 0 .5rem;font-size:clamp(2rem,4.5vw,2.9rem);line-height:1.02}.page-guide .lead{color:var(--text2);margin:0 0 .5rem;font-size:1.08rem;line-height:1.6}.page-guide .intro-section{background:linear-gradient(90deg, rgba(var(--accent-rgb),.06) 0%, var(--bg2) 55%);border:1px solid var(--border);box-shadow:inset 4px 0 0 var(--accent);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);margin-bottom:2.5rem;padding:1.35rem 1.5rem;font-size:1.05rem;line-height:1.8}.page-guide .intro-section p:last-child{margin-bottom:0}.page-guide section{margin-bottom:2.5rem}.page-guide h2{margin:2rem 0 1rem;padding-left:.9rem;font-size:1.7rem;position:relative}.page-guide h2:before{content:"";background:var(--accent);width:5px;position:absolute;top:.12em;bottom:.12em;left:0;transform:skew(-12deg)}.page-guide h3{color:var(--text);margin:1.5rem 0 .75rem;font-size:1.2rem}.page-guide p{color:var(--text2);margin-bottom:1rem;line-height:1.7}.page-guide ul{margin:1rem 0 1.5rem;padding:0;list-style:none}.page-guide li{color:var(--text2);margin-bottom:.75rem;padding-left:1.4rem;line-height:1.6;position:relative}.page-guide li:before{content:"";background:var(--accent);opacity:.75;width:8px;height:8px;position:absolute;top:.55em;left:0;transform:skew(-12deg)}.page-guide ol li:before{display:none}.page-guide ol li{padding-left:0}.page-guide code{background:var(--bg3);border:1px solid var(--border);color:var(--accent);border-radius:2px;padding:.12rem .4rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em}.page-guide table{border-collapse:collapse;width:100%;margin:1.25rem 0;font-size:.9rem}.page-guide th{background:var(--bg3);color:var(--text2);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;text-align:left;border-bottom:2px solid var(--accent);padding:.6rem .8rem;font-size:.82rem;font-weight:700}.page-guide td{border-bottom:1px solid var(--border);color:var(--text2);padding:.6rem .8rem}.page-guide tr:hover td{background:var(--bg3)}.page-guide .faq-section{margin-top:3rem}.page-guide .faq-items{gap:1rem;display:grid}.page-guide .faq-item{background:var(--bg2);border:1px solid var(--border);box-shadow:inset 3px 0 0 var(--accent);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);padding:1.25rem 1.4rem;transition:border-color .12s}.page-guide .faq-item:hover{border-color:var(--accent)}.page-guide .faq-item h3{color:var(--text);margin:0 0 .4rem;font-size:1.05rem}.page-guide .faq-item p{margin-bottom:0}.page-guide .faq dt{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;color:var(--text);border-top:1px solid var(--border);padding:.8rem 0 .3rem;font-size:1.05rem;font-weight:700}.page-guide .faq dt:first-of-type{border-top:none;padding-top:0}.page-guide .faq dd{color:var(--text2);margin:0;padding-bottom:.85rem;font-size:.92rem;line-height:1.65}.page-guide .guide-links{background:var(--bg2);border:1px solid var(--border);border-top:3px solid var(--accent);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);padding:1.4rem 1.5rem}.page-guide .guide-links h3{margin-top:0}.page-guide .guide-links ul{margin:1rem 0 0}.page-guide .guide-links a{color:var(--accent);text-decoration:none;transition:color .15s}.page-guide .guide-links a:hover{color:var(--accent2)}.page-guide .author-box{background:var(--bg2);border:1px solid var(--border);border-left:4px solid var(--accent);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border-radius:2px;margin:2rem 0;padding:1.2rem 1.3rem}.page-guide .author-box-inner{align-items:flex-start;gap:1rem;display:flex}.page-guide .author-avatar{background:var(--accent);color:#0b0d12;width:48px;height:48px;font-family:var(--font-display);letter-spacing:.02em;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;font-style:italic;font-weight:800;display:flex}.page-guide .author-info{flex:1;min-width:0}.page-guide .author-name-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.page-guide .author-written-by{color:var(--text2);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:600}.page-guide .author-name-row a{color:var(--text);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-size:1.05rem;font-weight:700;transition:color .15s}.page-guide .author-name-row a:hover{color:var(--accent);text-decoration:none}.page-guide .author-bio{color:var(--text2);margin:.3rem 0 0;font-size:.85rem;line-height:1.5}.page-guide .author-updated{color:var(--text2);opacity:.85;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.07em;margin-top:.35rem;font-size:.74rem;font-weight:600;display:block}@media (max-width:480px){.page-guide .author-box{padding:1rem}.page-guide .author-avatar{width:40px;height:40px;font-size:.95rem}}.page-guide .qa-box{background:linear-gradient(90deg, rgba(var(--accent-rgb),.08) 0%, var(--bg2) 60%);border:1px solid rgba(var(--accent-rgb),.35);box-shadow:inset 4px 0 0 var(--accent);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border-radius:0;margin:1.25rem 0 .25rem;padding:1rem 1.2rem}.page-guide .qa-label{background:var(--accent);color:#0b0d12;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;border-radius:0;margin-bottom:.5rem;padding:.14rem .6rem;font-size:.72rem;font-weight:800;display:inline-block;transform:skew(-10deg)}.page-guide .qa-text{color:var(--text);margin:0;font-size:.94rem;line-height:1.65}.page-guide .qa-text a{color:var(--accent);text-decoration:underline}.page-guide .db-wrap{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.75rem 0 1rem;font-size:.8rem;display:flex}.page-guide .db-pill{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.07em;color:var(--db-color);background:color-mix(in srgb,var(--db-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--db-color) 45%,transparent);border-radius:0;align-items:center;padding:.18rem .7rem;font-size:.74rem;font-weight:700;display:inline-flex;transform:skew(-10deg)}.page-guide .db-desc{color:var(--text2);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-size:.76rem;font-weight:600}.page-guide .db-prereq{color:var(--text2);font-size:.75rem;font-style:italic}.page-guide .db-prereq a{color:var(--accent);text-decoration:underline}.page-guide .ra-wrap{background:var(--bg2);border:1px solid var(--border);border-top:3px solid var(--accent);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border-radius:0;margin:2rem 0;padding:1.2rem 1.3rem}.page-guide h2.ra-heading{margin:0 0 .75rem;padding-left:0;font-size:1.15rem;font-style:normal}.page-guide h2.ra-heading:before{display:none}.page-guide .ra-list{flex-direction:column;gap:.35rem;display:flex}.page-guide .ra-card{background:var(--bg3);border:1px solid var(--border);border-radius:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .75rem;text-decoration:none;transition:box-shadow .15s,background .15s,border-color .15s;display:flex;box-shadow:inset 3px 0 #0000}.page-guide .ra-card:hover{box-shadow:inset 3px 0 0 var(--accent);border-color:var(--accent);background:rgba(var(--accent-rgb),.04)}.page-guide .ra-title{color:var(--text);font-size:.85rem;font-weight:600;transition:color .15s}.page-guide .ra-card:hover .ra-title{color:var(--accent)}.page-guide .ra-hint{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--text2);white-space:nowrap;opacity:.75;font-size:.7rem;font-weight:600}@media (max-width:768px){.page-guide .guide-header{padding:1.1rem 1.1rem 1.05rem}.page-guide .guide-header h1{font-size:clamp(1.7rem,7.5vw,2.2rem)}.page-guide .intro-section{padding:1.1rem 1.15rem;font-size:1rem}.page-guide h2{font-size:1.4rem}.page-guide table{display:block;overflow-x:auto}}