.seo-intro{margin:24px auto;max-width:850px;line-height:1.65;text-align:center}
.seo-intro h1{font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.25}
.seo-intro a,.wrap nav a,.wrap p a,main>p a{color:#bfdbfe;text-underline-offset:3px}
.seo-topics,.seo-pagination{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;margin:24px 0}
.seo-topics a,.seo-pagination a{color:inherit;text-decoration:underline;text-underline-offset:4px;padding:8px 12px;border:1px solid #64748b;border-radius:8px}
.seo-topics a[aria-current],.seo-pagination a:hover{background:#334155}
.seo-excerpt{font-size:.9rem;line-height:1.5;color:#cbd5e1}
.gallery-tab{text-decoration:none}
.gallery-card:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #93c5fd;outline-offset:4px}
.photo-caption{margin:8px 0 0;font-size:.95rem;line-height:1.5;color:#cbd5e1;text-align:center}
.media-metadata{width:100%;min-width:0;display:grid;gap:8px;margin:8px 0;color:#e2e8f0;font-size:14px}
.media-metadata label{display:grid;gap:4px}
.media-metadata input{box-sizing:border-box;width:100%;min-width:0;padding:8px;color:#e2e8f0;background:#111827;border:1px solid #64748b;border-radius:5px}
.seo-error{padding:12px;border:1px solid #b45309;border-radius:8px}
@media(max-width:700px){
  .app,.app.is-closed{grid-template-columns:74px minmax(0,1fr)}
  .app:not(.is-closed)>.side{position:fixed;inset:0 auto 0 0;width:min(300px,85vw);z-index:1000}
  .app .editor{width:calc(100% - 24px)}
  .app .rowwrap{flex-direction:column}
  .app .rowwrap>.cell{width:100%;flex:auto}
}