.portfolio .guide-breadcrumb{color:var(--p-muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:30px;font-size:13px;display:flex}.portfolio .guide-breadcrumb a{color:var(--p-muted)}.portfolio .guide-breadcrumb a:hover{color:var(--p-lilac)}.portfolio .guide-breadcrumb .guide-lang-link{color:var(--p-lilac);margin-left:auto}.portfolio .guide-header{margin-bottom:30px}.portfolio .guide-header h1{margin-bottom:14px}.portfolio .guide-meta,.portfolio .guide-intro{color:var(--p-muted);font-size:14px}.portfolio .guide-intro{max-width:680px;font-size:17px;line-height:1.7}.portfolio .guide strong{color:var(--p-ink);font-weight:600}.portfolio .guide-summary{background:#c8b6ee0d;border:1px solid #c8b6ee50;border-radius:12px;margin-bottom:26px;padding:24px 28px}.portfolio .guide-summary-title,.portfolio .guide-toc-title,.portfolio .guide-tip-title{font-family:var(--font-geist-mono),monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--p-lilac);margin-bottom:10px;font-size:11px}.portfolio .guide-summary ul,.portfolio .guide-list{gap:6px;padding-left:20px;list-style:outside;display:grid}.portfolio .guide-steps{gap:8px;margin-block:14px;padding-left:22px;list-style:decimal;display:grid}.portfolio .guide-steps li::marker{color:var(--p-lilac);font-weight:600}.portfolio .guide-toc{margin-bottom:10px}.portfolio .guide-toc ol{gap:4px;padding-left:22px;list-style:decimal;display:grid}.portfolio .guide-toc a{color:var(--p-muted);font-size:14px}.portfolio .guide-toc a:hover{color:var(--p-lilac)}.portfolio .guide-section{border-top:1px solid #ffffff25;padding-block:32px;scroll-margin-top:90px}.portfolio .guide-section>p+p{margin-top:14px}.portfolio .guide-section a{color:var(--p-lilac);text-underline-offset:4px;text-decoration:underline}.portfolio .guide-tip{border-left:3px solid var(--p-lime);background:#d4f77d0d;border-radius:0 10px 10px 0;margin-block:16px;padding:14px 18px}.portfolio .guide-tip .guide-tip-title{color:var(--p-lime)}.portfolio .guide-figure{text-align:center;max-width:300px;margin:22px auto}.portfolio .guide-figure img{border:1px solid #ffffff20;border-radius:22px;width:100%;height:auto}.portfolio .guide-figure figcaption{color:var(--p-muted);margin-top:10px;font-size:13px}.portfolio .guide-cta{background:linear-gradient(135deg,#c8b6ee14,#d4f77d0a);border:1px solid #c8b6ee60;border-radius:16px;align-items:flex-start;gap:20px;margin-block:28px;padding:26px;display:flex}.portfolio .guide-cta-icon{border-radius:15px;flex-shrink:0}.portfolio .guide-cta-title{color:var(--p-ink);margin-bottom:8px;font-size:20px;font-weight:600}.portfolio .guide-cta-text{color:var(--p-muted);font-size:15px;line-height:1.7}.portfolio .guide-cta-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:16px;display:flex}.portfolio .guide-cta-actions a{text-decoration:none}.portfolio .guide-cta-link{color:var(--p-lilac);font-size:14px}.portfolio .guide-cta-note{color:var(--p-muted);margin-top:10px;font-size:12px}.portfolio .guide-faq details{border-top:1px solid #ffffff15;padding-block:16px}.portfolio .guide-faq summary{cursor:pointer;color:var(--p-ink);font-weight:600}.portfolio .guide-faq details[open] summary{color:var(--p-lilac)}.portfolio .guide-faq details p{margin-top:10px}.portfolio .guide-related ul{gap:10px;display:grid}.portfolio .guide-cards{gap:16px;margin-block:10px 20px;display:grid}.portfolio .guide-card{border:1px solid #ffffff20;border-radius:14px;gap:8px;padding:24px;text-decoration:none;transition:border-color .2s,transform .2s;display:grid}.portfolio .guide-card:hover{border-color:#c8b6ee80;transform:translateY(-2px)}.portfolio .guide-card-title{color:var(--p-ink);font-size:20px;font-weight:600;line-height:1.35}.portfolio .guide-card-desc{color:var(--p-muted);font-size:14px;line-height:1.7}.portfolio .guide-card-more{color:var(--p-lilac);font-size:13px}@media (max-width:640px){.portfolio .guide-cta{flex-direction:column;padding:22px}.portfolio .guide-summary{padding:20px}.portfolio .guide-breadcrumb .guide-lang-link{width:100%;margin-left:0}}