/* ForgeKits guides (SEO articles). Loaded only on /guides pages. */
.guide-hero{background:#1E1B4B;color:#F7F3EC;padding:3rem 0 2.6rem}
.guide-hero .crumbs{color:rgba(247,243,236,.6)}
.guide-hero .crumbs a{color:inherit}
.guide-hero h1{font-family:var(--display);font-size:clamp(2rem,4.2vw,3.1rem);letter-spacing:-.03em;line-height:1.06;margin:.4rem 0 .9rem;color:#fff;max-width:46rem}
.guide-hero .lede{font-size:1.12rem;max-width:42rem;color:rgba(247,243,236,.86);margin:0}
.guide-hero .meta{font-size:.82rem;color:rgba(247,243,236,.6);margin-top:1rem}
.guide-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3rem;padding:2.6rem 0 3.5rem;align-items:start}
@media(max-width:900px){.guide-wrap{grid-template-columns:1fr}}
.guide-body{max-width:44rem;font-size:1.04rem;line-height:1.68}
.guide-body h2{font-family:var(--display);font-size:1.6rem;letter-spacing:-.02em;margin:2.2rem 0 .7rem;line-height:1.15}
.guide-body h3{font-size:1.12rem;margin:1.6rem 0 .4rem}
.guide-body ul,.guide-body ol{padding-left:1.2rem}
.guide-body li{margin:0 0 .45rem}
.guide-body li::marker{color:#D97706}
.guide-body table{width:100%;border-collapse:collapse;margin:1rem 0 1.4rem;font-size:.95rem}
.guide-body th,.guide-body td{border-bottom:1px solid #e6e1f0;padding:.55rem .6rem;text-align:left;vertical-align:top}
.guide-body th{background:#F3F0FA;font-weight:700}
.guide-body .tldr{background:#FFF7E6;border-left:4px solid #F59E0B;padding:1rem 1.2rem;border-radius:10px;margin:0 0 1.6rem}
.guide-body .tldr p{margin:0}
.guide-body pre,.guide-body .prompt{background:#F3F0FA;border-radius:10px;padding:.9rem 1rem;white-space:pre-wrap;font-family:var(--mono,ui-monospace,monospace);font-size:.88rem;line-height:1.5;overflow-x:auto}
.guide-cta{background:#1E1B4B;color:#F7F3EC;border-radius:16px;padding:1.3rem 1.4rem;margin:2rem 0}
.guide-cta h3{color:#fff;margin:0 0 .4rem;font-size:1.15rem}
.guide-cta p{margin:0 0 .9rem;color:rgba(247,243,236,.82)}
.guide-side{position:sticky;top:5.5rem;display:grid;gap:1rem}
@media(max-width:900px){.guide-side{position:static}}
.side-card{border:1px solid #e6e1f0;border-radius:16px;padding:1.1rem 1.2rem;background:#fff}
.side-card h4{margin:0 0 .5rem;font-size:.95rem}
.side-card p{margin:0 0 .8rem;font-size:.9rem;color:var(--muted)}
.side-card a.btn{width:100%;text-align:center;box-sizing:border-box}
.side-card ul{margin:0;padding-left:1rem;font-size:.9rem}
.side-card li{margin:0 0 .35rem}
.guide-faq{margin-top:2.4rem}
.guide-faq details{border-bottom:1px solid #e6e1f0;padding:.8rem 0}
.guide-faq summary{font-weight:700;cursor:pointer}
.guide-faq details p{margin:.5rem 0 0}
.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.2rem;padding:2.4rem 0 3.5rem}
.guide-card{display:block;border:1px solid #e6e1f0;border-radius:16px;padding:1.2rem 1.3rem;background:#fff;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
.guide-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(30,27,75,.1)}
.guide-card .tag{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#D97706}
.guide-card h2{font-size:1.15rem;margin:.35rem 0 .45rem;line-height:1.25}
.guide-card p{margin:0;font-size:.92rem;color:var(--muted)}