.docs-page{max-width:740px}.f7-hero{background:#ffffff04;border:1px solid var(--border);border-radius:.875rem;padding:1.75rem;margin-bottom:3rem}.f7-hero__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.f7-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)}.f7-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}.f7-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}.f7-hero__accent{color:var(--green-500);font-weight:500}.f7-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}.ba-list{display:flex;flex-direction:column;gap:.4rem}.ba-row{background:#ffffff04;border:1px solid var(--border);border-radius:.6rem;padding:.7rem .9rem}.ba-row__aspect{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}.ba-row__cols{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;font-size:var(--text-sm)}.ba-col__label{font-family:var(--font-mono);font-size:var(--text-3xs);display:block;margin-bottom:.15rem}.ba-col--old .ba-col__label{color:var(--text-dim)}.ba-col--old{color:var(--text-dim);line-height:1.45}.ba-col--new .ba-col__label{color:var(--green-400)}.ba-col--new{color:var(--green-50);line-height:1.45}.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}.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__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}.info-card__text code{font-family:var(--font-mono);font-size:var(--text-xs);background:#ffffff0f;padding:.1rem .35rem;border-radius:.25rem;color:var(--green-300)}.res-list{display:flex;flex-direction:column;gap:.35rem}.res-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)}.res-row__name{font-weight:600;color:var(--green-50);min-width:150px}.res-row__desc{color:var(--text-muted);line-height:1.45;flex:1}.res-row__file{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-dim);background:none;padding:0}.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){.ba-row__cols{grid-template-columns:1fr}.res-row{flex-wrap:wrap}.res-row__name{min-width:auto;width:100%}}@media(max-width:600px){.cta-card{flex-direction:column;align-items:flex-start}}