.docs-page{max-width:740px}.f3-hero{background:#ffffff04;border:1px solid var(--border);border-radius:.875rem;padding:1.75rem;margin-bottom:3rem}.f3-hero__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.f3-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)}.f3-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}.f3-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}.f3-hero__accent{color:var(--green-500);font-weight:500}.f3-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}.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}.ann-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.ann-card{background:#ffffff04;border:1px solid var(--border);border-radius:.6rem;padding:.75rem .9rem}.ann-card__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.ann-card__key{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--green-300);background:none;padding:0}.ann-card__val{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-dim);background:none;padding:0}.ann-card__desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.ann-tag{font-family:var(--font-mono);font-size:var(--text-4xs);padding:.1rem .3rem;border-radius:.2rem;border:1px solid;margin-left:auto}.ann-tag--req{color:#ef4444;border-color:#ef444433;background:#ef44440f}.ann-tag--opt{color:var(--text-dim);border-color:#ffffff14;background:#ffffff08}.code-block{background:#0a0a0a;border:1px solid var(--border);border-radius:.6rem;overflow:hidden;margin-bottom:1rem}.code-block__header{display:flex;align-items:center;padding:.45rem .85rem;background:#ffffff06;border-bottom:1px solid var(--border)}.code-block__file{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-dim)}.code-block pre{margin:0;padding:.85rem;overflow-x:auto}.code-block code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);line-height:1.55}.comp-list{display:flex;flex-direction:column;gap:.35rem}.comp-row{display:flex;align-items:center;gap:.75rem;padding:.55rem .85rem;background:#ffffff04;border:1px solid var(--border);border-radius:.5rem;font-size:var(--text-sm)}.comp-row__name{font-weight:600;color:var(--green-50);min-width:150px}.comp-row__role{color:var(--text-muted);line-height:1.45;flex:1}.comp-row__file{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-dim);background:none;padding:0}.inject-grid{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.inject-card{background:#ffffff04;border:1px solid var(--border);border-radius:.6rem;padding:.75rem .9rem}.inject-card__label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--green-300);margin-bottom:.3rem}.inject-card__code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim);display:block;margin-bottom:.35rem;background:none;padding:0}.inject-card__desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.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)}.cta-card__btn svg{width:16px;height:16px;flex-shrink:0}@media(max-width:700px){.comp-row{flex-wrap:wrap}.comp-row__name{min-width:auto;width:100%}}@media(max-width:600px){.cta-card{flex-direction:column;align-items:flex-start}}