.guides-page{--color-primary: #5a6fd6;--color-primary-dark: #4c5fc9;--color-bg: #ffffff;--color-bg-secondary: #fafafa;--color-bg-tertiary: #f4f4f5;--color-bg-elevated: #f4f4f5;--color-bg-card: #ffffff;--color-text: #18181b;--color-text-secondary: #52525b;--color-text-muted: #71717a;--color-border: #e4e4e7;--color-border-light: #d4d4d8;background:var(--color-bg);min-height:70vh;padding:64px 0 96px}.guides-page__container{max-width:1080px;margin:0 auto;padding:0 24px}.guides-page__article-container{max-width:760px;margin:0 auto;padding:0 24px}.guides-page__title{font-size:2.25rem;font-weight:800;color:var(--color-text);margin:0}.guides-page__subtitle{margin:8px 0 0;color:var(--color-text-secondary);font-size:1.05rem}.guides-search{position:relative;margin-top:28px}.guides-search__input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text);font-size:1rem;outline:none}.guides-search__input:focus{border-color:var(--color-primary)}.guides-category{margin-top:40px}.guides-category__title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 16px}.guides-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px}@media(min-width:640px){.guides-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.guides-grid{grid-template-columns:repeat(3,1fr)}}.guides-card{display:flex;flex-direction:column;padding:20px;border-radius:16px;border:1px solid var(--color-border);background:var(--color-bg-card);text-decoration:none;transition:border-color .15s,transform .15s}.guides-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.guides-card__title{font-size:1.05rem;font-weight:700;color:var(--color-text);margin:0 0 8px}.guides-card__desc{font-size:.9rem;color:var(--color-text-secondary);margin:0;flex:1}.guides-card__cta{margin-top:16px;font-size:.9rem;font-weight:600;color:var(--color-primary)}.guides-empty{margin-top:40px;padding:64px 24px;text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:16px}.guide-article__back{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem}.guide-article__back:hover{color:var(--color-text)}.guide-article__category{margin-top:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary)}.guide-article__title{font-size:2rem;font-weight:800;color:var(--color-text);margin:8px 0 0}.guide-article__desc{margin:12px 0 0;color:var(--color-text-secondary)}.guide-article__updated{margin:12px 0 0;font-size:.8rem;color:var(--color-text-muted)}.guide-article__divider{margin:24px 0;border:none;border-top:1px solid var(--color-border)}.guide-content{color:var(--color-text);font-size:1rem;line-height:1.7}.guide-content p{margin:14px 0;color:var(--color-text)}.guide-content h2{font-size:1.4rem;font-weight:700;margin:32px 0 12px}.guide-content h3{font-size:1.15rem;font-weight:700;margin:24px 0 8px}.guide-content ul,.guide-content ol{margin:14px 0;padding-left:24px}.guide-content li{margin:6px 0}.guide-content a{color:var(--color-primary)}.guide-content code{background:var(--color-bg-elevated);padding:2px 6px;border-radius:4px;font-size:.85em}.guide-content pre{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:10px;padding:16px;overflow-x:auto;margin:16px 0}.guide-content pre code{background:none;padding:0}.guide-step{display:flex;gap:16px}.guide-step__rail{display:flex;flex-direction:column;align-items:center}.guide-step__num{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:999px;background:var(--color-primary);color:#fff;font-weight:700;font-size:.9rem}.guide-step__line{width:1px;flex:1;background:var(--color-border);margin:4px 0}.guide-step__body{flex:1;min-width:0;padding-bottom:24px}.guide-step__title{font-size:1.15rem;font-weight:700;margin:4px 0}.guide-callout{margin:16px 0;padding:12px 16px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-elevated);font-size:.95rem}.guide-callout--tip{border-color:#60a5fa66;background:#3b82f61a}.guide-callout--warn{border-color:#fbbf2480;background:#f59e0b1a}.guide-callout--sec{border-color:#34d39966;background:#10b9811a}.guide-callout--cost{border-color:#a78bfa66;background:#8b5cf61a}.guide-callout--alert{border-color:#f8717180;background:#ef44441a}.guide-callout p{margin:0}.guide-callout p+p{margin-top:8px}.guide-applink{display:inline-flex;align-items:center;gap:6px;margin:4px 0;padding:8px 14px;border-radius:10px;background:var(--color-primary);color:#fff!important;font-weight:600;font-size:.9rem;text-decoration:none}.guide-applink:hover{background:var(--color-primary-dark)}.guide-figure{margin:16px 0}.guide-figure img{width:100%;border-radius:12px;border:1px solid var(--color-border)}.guide-figure figcaption{margin-top:6px;text-align:center;font-size:.8rem;color:var(--color-text-muted)}.guide-author{display:flex;align-items:center;gap:12px;margin:16px 0}.guide-author>p{margin:0}.guide-avatar{width:56px;height:56px;flex-shrink:0;border-radius:50%;object-fit:cover;border:1px solid var(--color-border)}.guide-imgph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 24px;border:2px dashed var(--color-border);border-radius:12px;background:var(--color-bg-elevated);color:var(--color-text-muted);text-align:center}.guide-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.9rem}.guide-content th,.guide-content td{border:1px solid var(--color-border);padding:8px 12px;text-align:left;vertical-align:top}.guide-content thead{background:var(--color-bg-elevated)}.guide-fallback{margin-top:48px;padding:24px;border-radius:16px;border:1px solid var(--color-border);background:var(--color-bg-card);display:flex;flex-direction:column;gap:12px}@media(min-width:640px){.guide-fallback{flex-direction:row;align-items:center;justify-content:space-between}}.guide-fallback__title{font-weight:700;color:var(--color-text);margin:0}.guide-fallback__sub{margin:4px 0 0;font-size:.9rem;color:var(--color-text-secondary)}.guide-fallback__cta{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;background:var(--color-primary);color:#fff;font-weight:600;font-size:.9rem;text-decoration:none;white-space:nowrap}.guide-fallback__cta:hover{background:var(--color-primary-dark)}