.page-guides-index .guides-container{max-width:1200px;margin:0 auto;padding:0 0 2rem}.page-guides-index .guides-header{margin-bottom:2.5rem}.page-guides-index .guides-eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 .4rem;font-size:.85rem;font-weight:700}.page-guides-index .guides-header h1{margin:0 0 .4rem;font-size:clamp(2.4rem,5vw,3.4rem);line-height:1}.page-guides-index .subtitle{color:var(--text2);max-width:44rem;margin:0;font-size:1.05rem}.page-guides-index .guides-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:3rem;display:grid}.page-guides-index .guide-card{background:var(--bg2);border:1px solid var(--border);border-radius:0;flex-direction:column;padding:1.35rem 1.35rem 1.25rem;transition:border-color .12s,transform .12s;display:flex;position:relative}.page-guides-index .guide-card:before{content:"";background:var(--accent);z-index:1;height:3px;position:absolute;top:0;left:0;right:0}.page-guides-index .guide-card:hover{border-color:var(--accent);box-shadow:none;transform:translateY(-2px)}.page-guides-index .guide-icon{margin-bottom:.85rem;font-size:2rem;line-height:1}.page-guides-index .guide-card h2{letter-spacing:.02em;margin:0 0 .7rem;font-size:1.35rem;font-style:italic;font-weight:700}.page-guides-index .guide-card h2 a{color:var(--text);text-decoration:none;transition:color .15s}.page-guides-index .guide-card h2 a:hover{color:var(--accent2)}.page-guides-index .guide-description{color:var(--text2);flex-grow:1;margin-bottom:1.2rem;font-size:.9rem;line-height:1.6}.page-guides-index .guide-link{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);align-self:flex-start;font-size:.9rem;font-weight:700;text-decoration:none;transition:color .15s}.page-guides-index .guide-link:hover{color:var(--accent2)}.page-guides-index .guides-intro{background:var(--bg2);border:1px solid var(--border);border-left:4px solid var(--accent);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);border-radius:0;padding:1.75rem 2rem}.page-guides-index .guides-intro h2{margin:0 0 .75rem;padding-left:.9rem;position:relative}.page-guides-index .guides-intro h2:before{content:"";background:var(--accent);width:5px;position:absolute;top:.12em;bottom:.12em;left:0;transform:skew(-12deg)}.page-guides-index .guides-intro p{color:var(--text2);margin-bottom:1.5rem;line-height:1.7}.page-guides-index .learning-steps{counter-reset:step;margin:0;padding:0;list-style:none}.page-guides-index .learning-steps li{counter-increment:step;color:var(--text2);margin-bottom:1rem;padding-left:2.3rem;position:relative}.page-guides-index .learning-steps li:before{content:counter(step, decimal-leading-zero);background:var(--accent);color:#0b0d12;min-width:1.7rem;height:1.35rem;font-family:var(--font-display);border-radius:0;justify-content:center;align-items:center;font-size:.82rem;font-style:italic;font-weight:800;display:flex;position:absolute;top:.05rem;left:0;transform:skew(-10deg)}.page-guides-index .learning-steps a{color:var(--accent);text-decoration:none;transition:color .2s}.page-guides-index .learning-steps a:hover{color:var(--accent2)}@media (max-width:768px){.page-guides-index .guides-header h1{font-size:clamp(1.9rem,8vw,2.6rem)}}
