.guide-page{box-sizing:border-box;width:100%;min-height:100%;max-width:44rem;container-type:inline-size;container-name:guide-page}.guide-page--wide{max-width:76rem}.guide-page__subtitle{line-height:1.5;color:var(--card-muted-fg-color)}.guide-callout{color:var(--card-fg-color)}.guide-callout__body{line-height:1.5;font-size:.9375rem}.guide-callout__note{border-left:3px solid rgba(249,115,22,.85);padding-left:.75rem;line-height:1.5;font-size:.875rem}.guide-workflow-summary{color:var(--card-fg-color)}.guide-timeline{display:flex;flex-direction:column}.guide-step-row{box-sizing:border-box;width:100%}.guide-step-row--with-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,40%);gap:24px;align-items:center}.guide-step-content-card{min-width:0}.guide-step-media-card{width:100%;min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:5px!important;border-color:#94a3b847!important;background:#0f172a59!important}.guide-step-card{color:var(--card-fg-color)}.guide-step-card--production,.guide-page .guide-final-checklist,.guide-page .guide-callout,.guide-page .guide-workflow-summary{border-color:#f59e0b8c!important;background:#f59e0b24!important}.guide-step-card--critical{border-color:#f87171bf!important;background:#ef444429!important;box-shadow:0 0 18px #ef44441f!important;color:var(--card-fg-color)!important}.guide-step-card--critical .guide-step-description,.guide-step-card--critical .guide-checklist__item,.guide-step-card--critical .guide-checklist__mark{color:var(--card-muted-fg-color)!important}.guide-step-description{line-height:1.5;color:var(--card-muted-fg-color)}.guide-checklist{margin:0;padding:0;list-style:none}.guide-checklist__item{display:flex;gap:.5rem;align-items:flex-start;line-height:1.45;font-size:.8125rem;font-weight:400;color:var(--card-muted-fg-color)}.guide-checklist__mark{flex-shrink:0;width:1rem;text-align:center;color:var(--card-muted-fg-color);opacity:.85;font-size:.6875rem;line-height:1.45}.guide-example{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.45;padding:.625rem .75rem;border-radius:.375rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:var(--card-muted-fg-color)}.guide-step-card--production .guide-example{border:1px solid rgba(245,158,11,.45);background:#f59e0b1a}.guide-step-card--primary .guide-example{border:1px solid rgba(148,163,184,.2);background:#0f172a4d}.guide-note{border-left:3px solid rgba(99,102,241,.75);padding-left:.75rem;line-height:1.45;font-size:.875rem}.guide-note--production{border-left-color:#f97316d9}.guide-note--critical{border-left-color:#f87171d9}.guide-step-media-card__body{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0}.guide-screenshot{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:100%}.guide-step-media-card .guide-screenshot{margin:0;gap:4px;align-items:center}.guide-screenshot__image-link,.guide-screenshot__image{display:block;max-width:100%;width:100%;height:auto;border-radius:.375rem;border:1px solid rgba(148,163,184,.2);box-sizing:border-box}.guide-step-media-card .guide-screenshot__image-link{display:block;line-height:0;margin-inline:auto;border:none}.guide-step-media-card .guide-screenshot__image{width:calc(100% - 22.67px);height:auto;border-radius:.25rem;margin-inline:auto;border:none}.guide-screenshot__caption{line-height:1.4;font-size:.75rem;color:var(--card-muted-fg-color)}.guide-screenshot-placeholder{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.25rem;width:100%;min-height:8rem;padding:.75rem;border-radius:.5rem;border:1px dashed rgba(148,163,184,.25);background:#0f172a33;font-size:.8125rem;color:var(--card-muted-fg-color);box-sizing:border-box}.guide-step-card--production .guide-screenshot-placeholder{border:1px dashed rgba(245,158,11,.35);background:#f59e0b14}.guide-link-button{display:inline-flex}@container guide-page (max-width: 40rem){.guide-step-row--with-media{grid-template-columns:1fr}}.guide-final-checklist{color:var(--card-fg-color)}.guide-final-checklist__grid{display:grid;grid-template-columns:1fr;gap:.5rem 1.5rem}@media(min-width:36rem){.guide-final-checklist__grid{grid-template-columns:1fr 1fr}}.guide-grid{align-items:stretch}