.docs-page{max-width:740px}.f4-hero{background:#ffffff04;border:1px solid var(--border);border-radius:.875rem;padding:1.75rem;margin-bottom:3rem}.f4-hero__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.f4-hero__badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--green-300);padding:.35rem .7rem;border-radius:.4rem;background:#ffffff08;border:1px solid var(--border)}.f4-hero__time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim);padding:.35rem .65rem;border-radius:.4rem;border:1px solid var(--border);background:#ffffff05}.f4-hero__title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--green-50);line-height:1.15;margin-bottom:.5rem}.f4-hero__accent{color:var(--green-500);font-weight:500}.f4-hero__subtitle{font-size:var(--text-md);color:var(--text-muted);line-height:1.6;max-width:560px}.overview-section{margin-bottom:3rem}.overview-section--cta{margin-top:1rem}.section-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.section-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--green-600);font-weight:500}.overview-h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--green-50);margin:0}.overview-lead{font-size:var(--text-base);color:var(--text-muted);line-height:1.65;margin-bottom:1.5rem;max-width:560px}.overview-text{font-size:var(--text-sm);color:var(--text-muted);line-height:1.65;margin-bottom:1rem}.env-list{display:flex;flex-direction:column;gap:.3rem}.env-row{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;background:#ffffff04;border:1px solid var(--border);border-radius:.4rem;font-size:var(--text-xs)}.env-row__var{font-family:var(--font-mono);font-weight:600;color:var(--green-300);min-width:180px;background:none;padding:0}.env-row__val{font-family:var(--font-mono);color:var(--text-dim);min-width:80px;background:none;padding:0}.env-row__desc{color:var(--text-muted);line-height:1.4}.wf-list{display:flex;flex-direction:column;gap:.35rem}.wf-card{background:#ffffff04;border:1px solid var(--border);border-radius:.5rem;padding:.55rem .8rem}.wf-card__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.wf-card__name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--green-50)}.wf-card__trigger{font-family:var(--font-mono);font-size:var(--text-3xs);color:var(--text-dim);padding:.1rem .3rem;border-radius:.2rem;background:#ffffff0a;border:1px solid var(--border)}.wf-card__desc{font-size:var(--text-xs);color:var(--text-muted);line-height:1.45}.loop-viz{display:flex;align-items:center;gap:.3rem;padding:1rem .75rem;background:#ffffff04;border:1px solid var(--border);border-radius:.6rem;margin-bottom:1rem;overflow-x:auto}.loop-step{text-align:center;padding:.5rem;background:#ffffff05;border:1px solid var(--border);border-radius:.5rem;flex-shrink:0;min-width:80px}.loop-step__icon{font-size:1.2rem;margin-bottom:.1rem}.loop-step__title{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;color:var(--green-300)}.loop-step__sub{font-size:var(--text-4xs);color:var(--text-dim)}.loop-arrow{color:var(--green-500);font-weight:700;flex-shrink:0}.info-card{display:flex;gap:.65rem;padding:.875rem 1rem;background:#ffffff05;border:1px solid var(--border);border-radius:.6rem;font-size:var(--text-sm);color:var(--text-muted);line-height:1.6;margin-bottom:1rem}.info-card--tip{border-color:#22c55e33;background:#22c55e08}.info-card--tip .info-card__icon{color:var(--green-400)}.info-card__icon{flex-shrink:0;color:var(--green-400);margin-top:.1rem}.info-card__icon svg{width:16px;height:16px;display:block}.info-card__text strong{color:var(--green-50);font-weight:600}.specs-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.spec-mini{text-align:center;padding:.75rem .5rem;background:#ffffff04;border:1px solid var(--border);border-radius:.6rem}.spec-mini__val{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--green-400);margin-bottom:.15rem}.spec-mini__label{font-family:var(--font-mono);font-size:var(--text-3xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.cta-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;background:#ffffff04;border:1px solid var(--border);border-radius:.75rem}.cta-card__content{flex:1}.cta-card__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--green-50);margin:0 0 .25rem}.cta-card__desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.55;margin:0}.cta-card__btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--green-50);background:#ffffff0a;border:1px solid var(--border);border-radius:.5rem;padding:.6rem 1rem;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .2s,border-color .2s}.cta-card__btn:hover{background:#ffffff14;border-color:var(--border-hover)}@media(max-width:700px){.specs-row{grid-template-columns:repeat(2,1fr)}.loop-viz{flex-direction:column}.loop-arrow{display:none}}@media(max-width:600px){.cta-card{flex-direction:column;align-items:flex-start}.env-row{flex-wrap:wrap}.env-row__var{min-width:auto;width:100%}}