.guide-article.svelte-pfcgis{max-width:1120px;margin:0 auto;padding:2rem 1.5rem 0}.breadcrumb.svelte-pfcgis{margin-bottom:2.5rem}.breadcrumb.svelte-pfcgis ol:where(.svelte-pfcgis){display:flex;align-items:center;gap:.5rem;list-style:none;padding:0;margin:0;font-size:.9375rem}.breadcrumb.svelte-pfcgis li:where(.svelte-pfcgis){display:flex;align-items:center;gap:.5rem}.breadcrumb.svelte-pfcgis li:where(.svelte-pfcgis):not(:last-child):after{content:"/";color:var(--color-ss-text-muted)}.breadcrumb.svelte-pfcgis a:where(.svelte-pfcgis){color:var(--color-ss-text-muted);text-decoration:none;transition:color .15s}.breadcrumb.svelte-pfcgis a:where(.svelte-pfcgis):hover{color:var(--color-ss-accent)}.breadcrumb.svelte-pfcgis li[aria-current=page]:where(.svelte-pfcgis){color:var(--color-ss-text);font-weight:600}.hero.svelte-pfcgis{text-align:center;padding:1rem 0 3.5rem}.hero-badge.svelte-pfcgis{display:inline-block;padding:.5rem 1.25rem;background:var(--color-ss-accent);color:#fff;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:8px;margin-bottom:1.5rem}.hero.svelte-pfcgis h1:where(.svelte-pfcgis){font-family:var(--font-ss-display);font-size:clamp(2rem,5vw,3.25rem);font-weight:900;line-height:1.1;margin:0 0 1.25rem;color:var(--color-ss-text);letter-spacing:-.02em}.hero-subtitle.svelte-pfcgis{font-size:1.1875rem;color:var(--color-ss-text-secondary);max-width:560px;margin:0 auto 2.5rem;line-height:1.6}.hero-stats.svelte-pfcgis{display:flex;justify-content:center;gap:3rem}.stat-item.svelte-pfcgis{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value.svelte-pfcgis{font-family:var(--font-ss-display);font-size:2rem;font-weight:900;color:var(--color-ss-accent)}.stat-label.svelte-pfcgis{font-size:.875rem;font-weight:600;color:var(--color-ss-text-muted);text-transform:uppercase;letter-spacing:.04em}.section-header.svelte-pfcgis{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--color-ss-border-soft)}.section-num.svelte-pfcgis{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;background:var(--color-ss-accent);color:#fff;font-family:var(--font-ss-mono);font-size:.9375rem;font-weight:800;border-radius:10px;border:3px solid var(--color-ss-border-hard);box-shadow:4px 4px 0 var(--color-ss-shadow)}.section-header.svelte-pfcgis h2:where(.svelte-pfcgis){font-family:var(--font-ss-display);font-size:1.75rem;font-weight:800;margin:0;color:var(--color-ss-text);letter-spacing:-.02em}.section-intro.svelte-pfcgis{font-size:1.0625rem;color:var(--color-ss-text-secondary);margin:0 0 2rem;line-height:1.5}.verdict-section.svelte-pfcgis{margin:0 0 3.5rem}.verdict-grid.svelte-pfcgis{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.verdict-card.svelte-pfcgis{background:var(--card-bg);border:3px solid var(--color-ss-border-hard);border-radius:20px;padding:1.75rem;box-shadow:6px 6px 0 var(--card-accent);transition:transform .2s ease,box-shadow .2s ease}.verdict-card.svelte-pfcgis:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--card-accent)}.verdict-icon.svelte-pfcgis{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--card-accent);color:#fff;border-radius:12px;margin-bottom:1rem}.verdict-constraint.svelte-pfcgis{font-size:.875rem;font-weight:600;color:var(--color-ss-text-secondary);margin:0 0 .75rem}.verdict-arrow.svelte-pfcgis{color:var(--card-accent);margin-bottom:.5rem}.verdict-name.svelte-pfcgis{font-family:var(--font-ss-display);font-size:1.375rem;font-weight:800;color:var(--color-ss-text);margin:0 0 .75rem}.verdict-reason.svelte-pfcgis{font-size:.9375rem;color:var(--color-ss-text-secondary);line-height:1.6;margin:0 0 1rem}.verdict-stack.svelte-pfcgis{display:flex;flex-direction:column;gap:.25rem;padding-top:1rem;border-top:2px solid var(--color-ss-border-soft)}.stack-label.svelte-pfcgis{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ss-text-muted)}.verdict-stack.svelte-pfcgis code:where(.svelte-pfcgis){font-family:var(--font-ss-mono);font-size:.875rem;font-weight:600;color:var(--card-accent)}.methodology.svelte-pfcgis{display:flex;gap:1.5rem;background:linear-gradient(135deg,#f0fdf4,#ecfdf5,#f0fdf4);border:3px solid var(--color-ss-border-hard);border-radius:16px;padding:1.75rem 2rem;margin:0 0 3.5rem;box-shadow:4px 4px 0 var(--color-ss-shadow);position:relative;overflow:hidden}.methodology.svelte-pfcgis:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--color-ss-accent)}.methodology-icon.svelte-pfcgis{flex-shrink:0;width:3.25rem;height:3.25rem;display:flex;align-items:center;justify-content:center;background:var(--color-ss-accent);color:#fff;border-radius:12px;border:3px solid var(--color-ss-border-hard);box-shadow:3px 3px 0 var(--color-ss-shadow)}.methodology-content.svelte-pfcgis{flex:1}.methodology.svelte-pfcgis h3:where(.svelte-pfcgis){font-family:var(--font-ss-display);font-size:1.125rem;font-weight:800;margin:0 0 1.25rem;color:var(--color-ss-text)}.methodology-grid.svelte-pfcgis{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.methodology-item.svelte-pfcgis{display:flex;flex-direction:column;gap:.5rem}.methodology-item.svelte-pfcgis dt:where(.svelte-pfcgis){font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--color-ss-accent);padding-bottom:.375rem;border-bottom:2px solid var(--color-ss-border-soft)}.methodology-item.svelte-pfcgis dd:where(.svelte-pfcgis){font-size:.9375rem;font-weight:500;color:var(--color-ss-text);margin:0;line-height:1.5}.constraints-section.svelte-pfcgis{margin:0 0 3.5rem}.tabs.svelte-pfcgis{display:flex;gap:.75rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:3px solid var(--color-ss-border-hard);border-radius:16px;padding:.75rem;margin-bottom:1.5rem}.tab.svelte-pfcgis{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#fff;border:3px solid var(--color-ss-border-soft);border-radius:12px;font-weight:700;font-size:.9375rem;color:var(--color-ss-text-secondary);cursor:pointer;transition:all .2s ease}.tab.svelte-pfcgis:hover{border-color:var(--color-ss-border-hard)}.tab.active.svelte-pfcgis{background:var(--tab-bg);border-color:var(--tab-color);color:var(--tab-color);box-shadow:5px 5px 0 var(--color-ss-shadow);transform:translateY(-2px)}.tab.svelte-pfcgis svg:where(.svelte-pfcgis){width:20px;height:20px}.tab-content.svelte-pfcgis{background:var(--active-bg);border:3px solid var(--color-ss-border-hard);border-radius:16px;padding:2rem;box-shadow:4px 4px 0 var(--color-ss-shadow)}.tab-title.svelte-pfcgis{font-family:var(--font-ss-display);font-size:1.5rem;font-weight:800;color:var(--active-color);margin:0 0 1rem}.tab-text.svelte-pfcgis{font-size:1.0625rem;color:var(--color-ss-text-secondary);line-height:1.7;margin:0 0 1.5rem}.questions-card.svelte-pfcgis{background:#fff;border:3px solid var(--color-ss-border-hard);border-radius:12px;padding:1.5rem;box-shadow:4px 4px 0 var(--active-color)}.questions-card.svelte-pfcgis h4:where(.svelte-pfcgis){display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--active-color);margin:0 0 1rem}.questions-card.svelte-pfcgis ul:where(.svelte-pfcgis){margin:0;padding:0 0 0 1.5rem}.questions-card.svelte-pfcgis li:where(.svelte-pfcgis){font-size:.9375rem;color:var(--color-ss-text);line-height:1.8}.questions-card.svelte-pfcgis li:where(.svelte-pfcgis)::marker{color:var(--active-color)}.requirements-section.svelte-pfcgis{margin:0 0 3.5rem}.requirements-table.svelte-pfcgis{background:var(--color-ss-bg-card);border:3px solid var(--color-ss-border-hard);border-radius:16px;overflow:hidden}.requirements-header.svelte-pfcgis{display:grid;grid-template-columns:180px repeat(3,1fr);gap:1rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:3px solid var(--color-ss-border-hard);padding:1.25rem 1.5rem}.req-metric-header.svelte-pfcgis{font-size:.875rem;font-weight:700;color:var(--color-ss-text-muted);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center}.req-stage-header.svelte-pfcgis{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem;background:#fff;border:3px solid var(--color-ss-border-hard);border-radius:12px;box-shadow:3px 3px 0 var(--color-ss-shadow);font-size:.875rem;font-weight:600;color:var(--color-ss-text-secondary)}.stage-badge.svelte-pfcgis{padding:.25rem .75rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-radius:6px;color:#fff}.stage-badge.mvp.svelte-pfcgis{background:#6366f1}.stage-badge.growth.svelte-pfcgis{background:#10b981}.stage-badge.enterprise.svelte-pfcgis{background:#f59e0b}.requirements-row.svelte-pfcgis{display:grid;grid-template-columns:180px repeat(3,1fr);gap:1rem;padding:1rem 1.5rem;border-bottom:2px solid var(--color-ss-border-soft);align-items:center}.requirements-row.svelte-pfcgis:last-child{border-bottom:none}.requirements-row.svelte-pfcgis:nth-child(odd){background:var(--color-ss-bg-base)}.req-metric.svelte-pfcgis{font-weight:700;font-size:.9375rem;color:var(--color-ss-text)}.req-cell.svelte-pfcgis{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;background:#fff;border:2px solid var(--color-ss-border-soft);border-radius:10px;font-size:.875rem;font-weight:600;color:var(--color-ss-text);text-align:center}.categories-section.svelte-pfcgis{margin:0 0 3.5rem}.categories-table.svelte-pfcgis{background:var(--color-ss-bg-card);border:3px solid var(--color-ss-border-hard);border-radius:16px;overflow:hidden}.categories-header.svelte-pfcgis{display:grid;grid-template-columns:200px 100px 1fr 1fr;gap:1rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:3px solid var(--color-ss-border-hard);padding:1.25rem 1.5rem}.cat-name-header.svelte-pfcgis,.cat-critical-header.svelte-pfcgis,.cat-examples-header.svelte-pfcgis,.cat-pick-header.svelte-pfcgis{font-size:.8125rem;font-weight:700;color:var(--color-ss-text-muted);text-transform:uppercase;letter-spacing:.04em}.categories-row.svelte-pfcgis{display:grid;grid-template-columns:200px 100px 1fr 1fr;gap:1rem;padding:1rem 1.5rem;border-bottom:2px solid var(--color-ss-border-soft);align-items:center}.categories-row.svelte-pfcgis:last-child{border-bottom:none}.categories-row.svelte-pfcgis:nth-child(odd){background:var(--color-ss-bg-base)}.cat-name.svelte-pfcgis{font-weight:700;font-size:.9375rem;color:var(--color-ss-text)}.cat-critical.svelte-pfcgis{display:flex;justify-content:center}.critical-yes.svelte-pfcgis{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:#dcfce7;color:#15803d;border-radius:8px}.critical-no.svelte-pfcgis{font-size:.75rem;font-weight:600;color:var(--color-ss-text-muted)}.cat-examples.svelte-pfcgis,.cat-pick.svelte-pfcgis{font-size:.875rem;color:var(--color-ss-text-secondary)}.scoring-section.svelte-pfcgis{margin:0 0 3.5rem}.dimension-tabs.svelte-pfcgis{display:flex;gap:.5rem;margin-bottom:1.5rem}.dimension-tab.svelte-pfcgis{flex:1;padding:1rem;background:#fff;border:3px solid var(--color-ss-border-soft);border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.dimension-tab.svelte-pfcgis:hover{border-color:var(--dim-color)}.dimension-tab.active.svelte-pfcgis{background:var(--dim-color);border-color:var(--dim-color);box-shadow:4px 4px 0 var(--color-ss-shadow);transform:translateY(-2px)}.dim-abbr.svelte-pfcgis{font-family:var(--font-ss-mono);font-size:.875rem;font-weight:800;color:var(--color-ss-text-secondary)}.dimension-tab.active.svelte-pfcgis .dim-abbr:where(.svelte-pfcgis){color:#fff}.dimension-panel.svelte-pfcgis{background:#fff;border:3px solid var(--dim-color);border-radius:16px;padding:2rem;box-shadow:6px 6px 0 var(--dim-color)}.dim-header.svelte-pfcgis{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dim-name.svelte-pfcgis{font-family:var(--font-ss-display);font-size:1.5rem;font-weight:800;color:var(--dim-color);margin:0}.dim-weight.svelte-pfcgis{padding:.375rem .875rem;background:var(--dim-color);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:6px}.dim-description.svelte-pfcgis{font-size:1.0625rem;color:var(--color-ss-text-secondary);line-height:1.7;margin:0 0 1.5rem}.dim-factors.svelte-pfcgis{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid var(--color-ss-border-soft);border-radius:12px;padding:1.25rem}.dim-factors.svelte-pfcgis h4:where(.svelte-pfcgis){font-size:.875rem;font-weight:700;color:var(--dim-color);margin:0 0 .75rem}.dim-factors.svelte-pfcgis ul:where(.svelte-pfcgis){display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:0;padding:0;list-style:none}.dim-factors.svelte-pfcgis li:where(.svelte-pfcgis){display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--color-ss-text)}.dim-factors.svelte-pfcgis li:where(.svelte-pfcgis):before{content:"";width:6px;height:6px;background:var(--dim-color);border-radius:50%}.context-section.svelte-pfcgis{margin:0 0 3.5rem}.context-grid.svelte-pfcgis{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.context-card.svelte-pfcgis{background:var(--ctx-bg);border:3px solid var(--color-ss-border-hard);border-radius:16px;padding:1.5rem;box-shadow:5px 5px 0 var(--ctx-accent);transition:transform .2s ease,box-shadow .2s ease}.context-card.svelte-pfcgis:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ctx-accent)}.ctx-icon.svelte-pfcgis{width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;background:var(--ctx-accent);color:#fff;border-radius:10px;margin-bottom:1rem}.ctx-name.svelte-pfcgis{font-family:var(--font-ss-display);font-size:1.125rem;font-weight:800;color:var(--color-ss-text);margin:0 0 1rem}.ctx-adjustments.svelte-pfcgis{display:flex;flex-wrap:wrap;gap:.5rem}.adjustment.svelte-pfcgis{padding:.375rem .75rem;font-family:var(--font-ss-mono);font-size:.75rem;font-weight:700;border-radius:6px;border:2px solid}.adjustment.positive.svelte-pfcgis{background:#dcfce7;border-color:#15803d;color:#15803d}.adjustment.negative.svelte-pfcgis{background:#fee2e2;border-color:#b91c1c;color:#b91c1c}.layers-section.svelte-pfcgis{margin:0 0 3.5rem}.layers-timeline.svelte-pfcgis{display:flex;flex-direction:column;gap:1rem;position:relative;padding-left:3.5rem}.layers-timeline.svelte-pfcgis:before{content:"";position:absolute;left:1.25rem;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#10b981,#3b82f6,#f59e0b,#8b5cf6,#ec4899);border-radius:4px}.layer-card.svelte-pfcgis{display:flex;gap:1.5rem;background:#fff;border:3px solid var(--color-ss-border-hard);border-radius:16px;padding:1.5rem;box-shadow:4px 4px 0 var(--layer-color);position:relative}.layer-num.svelte-pfcgis{position:absolute;left:-3.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--layer-color);color:#fff;font-family:var(--font-ss-mono);font-size:1rem;font-weight:800;border-radius:50%;border:3px solid var(--color-ss-border-hard)}.layer-content.svelte-pfcgis{flex:1}.layer-name.svelte-pfcgis{font-family:var(--font-ss-display);font-size:1.25rem;font-weight:800;color:var(--layer-color);margin:0 0 .5rem}.layer-decision.svelte-pfcgis{font-size:.9375rem;color:var(--color-ss-text-secondary);margin:0 0 .75rem}.layer-decision.svelte-pfcgis strong:where(.svelte-pfcgis){color:var(--color-ss-text)}.layer-recommendation.svelte-pfcgis{display:flex;align-items:flex-start;gap:.5rem;font-size:.9375rem;color:var(--layer-color);font-weight:600;margin:0}.layer-recommendation.svelte-pfcgis svg:where(.svelte-pfcgis){flex-shrink:0;margin-top:2px}.flowchart-section.svelte-pfcgis{margin:0 0 3.5rem}.flowchart-container.svelte-pfcgis{background:#fff;border:3px solid var(--color-ss-border-hard);border-radius:16px;padding:1.5rem;box-shadow:4px 4px 0 var(--color-ss-shadow);min-height:400px}.mistakes-section.svelte-pfcgis{margin:0 0 3.5rem}.mistakes-grid.svelte-pfcgis{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.mistake-card.svelte-pfcgis{display:flex;align-items:center;gap:1rem;background:#fff;border:3px solid var(--color-ss-border-hard);border-radius:12px;padding:1.25rem;box-shadow:3px 3px 0 var(--color-ss-shadow)}.mistake-wrong.svelte-pfcgis{display:flex;align-items:center;gap:.5rem;flex:1;color:#b91c1c;font-size:.9375rem;font-weight:600}.mistake-wrong.svelte-pfcgis svg:where(.svelte-pfcgis){flex-shrink:0}.mistake-arrow.svelte-pfcgis{color:var(--color-ss-text-muted)}.mistake-right.svelte-pfcgis{display:flex;align-items:center;gap:.5rem;flex:1;color:#15803d;font-size:.9375rem;font-weight:600}.mistake-right.svelte-pfcgis svg:where(.svelte-pfcgis){flex-shrink:0}.faq-section.svelte-pfcgis{margin:0 0 3.5rem}.faq-list.svelte-pfcgis{display:flex;flex-direction:column;gap:.75rem}.faq-item.svelte-pfcgis{background:var(--color-ss-bg-card);border:3px solid var(--color-ss-border-soft);border-radius:12px;overflow:hidden;transition:all .2s ease}.faq-item.svelte-pfcgis:hover{border-color:var(--color-ss-border-hard)}.faq-item[open].svelte-pfcgis{border-color:var(--color-ss-accent);box-shadow:4px 4px 0 var(--color-ss-shadow)}.faq-item.svelte-pfcgis summary:where(.svelte-pfcgis){display:flex;align-items:center;gap:1rem;padding:1.25rem;cursor:pointer;list-style:none}.faq-item.svelte-pfcgis summary:where(.svelte-pfcgis)::-webkit-details-marker{display:none}.faq-num.svelte-pfcgis{font-family:var(--font-ss-mono);font-size:.8125rem;font-weight:700;color:var(--color-ss-accent);background:color-mix(in srgb,var(--color-ss-accent) 15%,white);padding:.375rem .625rem;border-radius:6px}.faq-question.svelte-pfcgis{flex:1;font-weight:600;font-size:1rem;color:var(--color-ss-text)}.faq-chevron.svelte-pfcgis{flex-shrink:0;color:var(--color-ss-text-muted);transition:transform .2s ease}.faq-item[open].svelte-pfcgis .faq-chevron:where(.svelte-pfcgis){transform:rotate(180deg);color:var(--color-ss-accent)}.faq-answer.svelte-pfcgis{padding:0 1.25rem 1.25rem 4.25rem}.faq-answer.svelte-pfcgis p:where(.svelte-pfcgis){font-size:.9375rem;line-height:1.7;color:var(--color-ss-text-secondary);margin:0}.cta-section.svelte-pfcgis{text-align:center;background:linear-gradient(135deg,#f0fdf4,#ecfdf5,#f0fdf4);border:3px solid var(--color-ss-border-hard);border-radius:20px;padding:3rem 2rem;margin:0 0 3.5rem;box-shadow:6px 6px 0 var(--color-ss-shadow)}.cta-section.svelte-pfcgis h2:where(.svelte-pfcgis){font-family:var(--font-ss-display);font-size:1.75rem;font-weight:800;color:var(--color-ss-text);margin:0 0 .75rem}.cta-section.svelte-pfcgis p:where(.svelte-pfcgis){font-size:1.0625rem;color:var(--color-ss-text-secondary);margin:0 0 2rem}.cta-buttons.svelte-pfcgis{display:flex;justify-content:center;gap:1rem}.cta-primary.svelte-pfcgis{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--color-ss-accent);color:#fff;font-weight:700;font-size:1rem;border:3px solid var(--color-ss-border-hard);border-radius:12px;box-shadow:4px 4px 0 var(--color-ss-shadow);text-decoration:none;transition:all .15s ease}.cta-primary.svelte-pfcgis:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-ss-shadow)}.cta-secondary.svelte-pfcgis{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#fff;color:var(--color-ss-text);font-weight:700;font-size:1rem;border:3px solid var(--color-ss-border-hard);border-radius:12px;box-shadow:4px 4px 0 var(--color-ss-shadow);text-decoration:none;transition:all .15s ease}.cta-secondary.svelte-pfcgis:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-ss-shadow)}.related-section.svelte-pfcgis{margin:0 0 3.5rem}.related-section.svelte-pfcgis h2:where(.svelte-pfcgis){font-family:var(--font-ss-display);font-size:1.5rem;font-weight:800;color:var(--color-ss-text);margin:0 0 1.5rem}.related-grid.svelte-pfcgis{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.related-card.svelte-pfcgis{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:#fff;border:3px solid var(--color-ss-border-hard);border-radius:12px;box-shadow:4px 4px 0 var(--color-ss-shadow);text-decoration:none;transition:all .15s ease}.related-card.svelte-pfcgis:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-ss-shadow)}.related-tag.svelte-pfcgis{font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--color-ss-accent);background:color-mix(in srgb,var(--color-ss-accent) 15%,white);padding:.25rem .625rem;border-radius:4px;align-self:flex-start}.related-title.svelte-pfcgis{font-weight:700;font-size:1rem;color:var(--color-ss-text);line-height:1.4}.article-footer.svelte-pfcgis{text-align:center;padding:2rem 0;border-top:2px solid var(--color-ss-border-soft)}.article-footer.svelte-pfcgis time:where(.svelte-pfcgis){font-size:.875rem;color:var(--color-ss-text-muted)}@media(max-width:900px){.verdict-grid.svelte-pfcgis,.context-grid.svelte-pfcgis,.related-grid.svelte-pfcgis,.mistakes-grid.svelte-pfcgis{grid-template-columns:1fr}.methodology-grid.svelte-pfcgis{grid-template-columns:1fr;gap:1rem}.requirements-header.svelte-pfcgis,.requirements-row.svelte-pfcgis{grid-template-columns:1fr;gap:.75rem}.req-metric-header.svelte-pfcgis{display:none}.req-stage-header.svelte-pfcgis{flex-direction:row;justify-content:center}.categories-header.svelte-pfcgis,.categories-row.svelte-pfcgis{grid-template-columns:1fr;gap:.5rem}.cat-name-header.svelte-pfcgis,.cat-critical-header.svelte-pfcgis,.cat-examples-header.svelte-pfcgis,.cat-pick-header.svelte-pfcgis{display:none}.categories-row.svelte-pfcgis{display:flex;flex-direction:column;align-items:flex-start}.cat-critical.svelte-pfcgis{justify-content:flex-start}.tabs.svelte-pfcgis{flex-direction:column}.dimension-tabs.svelte-pfcgis{flex-wrap:wrap}.dimension-tab.svelte-pfcgis{flex:0 0 calc(33.333% - .5rem)}.dim-factors.svelte-pfcgis ul:where(.svelte-pfcgis){grid-template-columns:1fr}.layers-timeline.svelte-pfcgis{padding-left:2.5rem}.layers-timeline.svelte-pfcgis:before{left:.75rem}.layer-num.svelte-pfcgis{left:-2.5rem;width:2rem;height:2rem;font-size:.875rem}.hero-stats.svelte-pfcgis{gap:2rem}.cta-buttons.svelte-pfcgis{flex-direction:column}}@media(max-width:640px){.guide-article.svelte-pfcgis{padding:1rem 1rem 0}.hero.svelte-pfcgis h1:where(.svelte-pfcgis){font-size:1.75rem}.section-header.svelte-pfcgis h2:where(.svelte-pfcgis){font-size:1.375rem}.dimension-tab.svelte-pfcgis{flex:0 0 calc(50% - .25rem)}.methodology.svelte-pfcgis{flex-direction:column}.mistake-card.svelte-pfcgis{flex-direction:column;text-align:center}.mistake-arrow.svelte-pfcgis{transform:rotate(90deg)}}
