/* Shared styles for /guides pages. Loaded after styles.css. */
.guide-wrap{max-width:780px;margin:0 auto;padding:0 24px;}
.guide-body{color:#c9c9c4;font-size:1.05rem;line-height:1.72;padding:44px 0 96px;}
.guide-crumb{font-family:'JetBrains Mono',monospace;font-size:0.74rem;letter-spacing:0.06em;color:#8f8f88;margin-bottom:18px;}
.guide-crumb a{color:#e8b931;text-decoration:none;}
.guide-body h1{font-family:'Inter',sans-serif;font-weight:700;font-size:clamp(1.9rem,3.8vw,2.6rem);color:#f7f7f4;letter-spacing:-0.02em;line-height:1.1;margin-bottom:12px;}
.guide-meta{font-family:'JetBrains Mono',monospace;font-size:0.76rem;letter-spacing:0.05em;color:#8f8f88;margin-bottom:30px;}
.guide-body h2{font-family:'Inter',sans-serif;font-weight:700;font-size:1.5rem;color:#f5f5f2;margin:42px 0 14px;letter-spacing:-0.01em;}
.guide-body h3{font-family:'Inter',sans-serif;font-weight:600;font-size:1.14rem;color:#e8b931;margin:28px 0 10px;}
.guide-body p{margin-bottom:16px;}
.guide-body ul,.guide-body ol{margin:0 0 18px 22px;}
.guide-body li{margin-bottom:9px;}
.guide-body a{color:#e8b931;text-decoration:none;}
.guide-body a:hover{text-decoration:underline;}
.guide-body strong{color:#f1f1ec;font-weight:600;}
.guide-tldr{background:rgba(232,185,49,0.06);border-left:3px solid #e8b931;border-radius:0 8px 8px 0;padding:18px 22px;margin:0 0 30px;}
.guide-tldr p{margin:0;}
.guide-table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:0.94rem;}
.guide-table th{font-family:'JetBrains Mono',monospace;font-size:0.68rem;letter-spacing:0.08em;color:#8f8f88;text-align:left;padding:8px 12px;border-bottom:1px solid #2a2a31;}
.guide-table td{padding:10px 12px;border-bottom:1px solid #1f1f22;vertical-align:top;}
.guide-cta{background:#16161b;border:1px solid #34343d;border-radius:14px;padding:26px 28px;margin:48px 0 0;}
.guide-cta h2{margin:0 0 10px;font-size:1.3rem;}
.guide-cta p{color:#9c9c97;}
.guide-cta a.btn{display:inline-block;background:#e8b931;color:#1a1500;font-weight:600;padding:12px 22px;border-radius:7px;margin-top:6px;}
.guide-cta a.btn:hover{background:#ffe34d;text-decoration:none;}
.guide-related{margin:40px 0 0;padding-top:26px;border-top:1px solid #1f1f22;}
.guide-faq details{border-top:1px solid #1f1f22;}
.guide-faq details:last-child{border-bottom:1px solid #1f1f22;}
.guide-faq summary{cursor:pointer;padding:16px 0;font-weight:600;color:#f5f5f2;font-size:1.02rem;}
.guide-faq p{padding:0 0 16px;color:#9c9c97;}
/* Guides index cards */
.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:40px;}
.guide-card{display:block;background:#16161b;border:1px solid #34343d;border-radius:14px;padding:26px 26px;text-decoration:none;transition:border-color 0.18s, transform 0.18s;}
.guide-card:hover{border-color:rgba(232,185,49,0.5);transform:translateY(-3px);text-decoration:none;}
.guide-card .tag{font-family:'JetBrains Mono',monospace;font-size:0.64rem;letter-spacing:0.1em;color:#e8b931;display:block;margin-bottom:10px;}
.guide-card h2{font-family:'Inter',sans-serif;font-weight:600;font-size:1.18rem;color:#f5f5f2;margin:0 0 9px;line-height:1.3;}
.guide-card p{font-size:0.94rem;line-height:1.55;color:#9c9c97;margin:0;}