/* صفحات المختبرات والألعاب العامة (/labs-gallery) وقسمها في صفحة المميزات. */
.lg-page{margin-top:24px}
.lg-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.88em;color:var(--text-muted);margin-bottom:22px}
.lg-crumbs a{color:var(--accent-ink)}
.lg-crumbs a:hover{text-decoration:underline}
.lg-crumbs [aria-current]{color:var(--text-secondary);font-weight:600}
.lg-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:36px;align-items:center;margin-bottom:46px}
.lg-hero .eyebrow,.lg-hub-head .eyebrow{display:inline-flex;align-items:center;gap:7px}
.lg-hero .eyebrow svg,.lg-hub-head .eyebrow svg{width:17px;height:17px}
.lg-hero h1,.lg-hub-head h1{margin:8px 0 12px}
.lg-lead{font-size:1.08em;line-height:1.85}
.lg-meta{list-style:none;padding:0;margin:20px 0;display:flex;flex-wrap:wrap;gap:10px}
.lg-meta li{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1)}
.lg-meta li svg{color:var(--accent)}
.lg-meta small{display:block;color:var(--text-muted);font-size:.78em;line-height:1.3}
.lg-meta span{font-weight:600;line-height:1.4}
.lg-actions{margin:6px 0 10px}
.lg-note{display:flex;gap:8px;align-items:flex-start;font-size:.9em;color:var(--text-muted)}
.lg-note svg{width:17px;height:17px;margin-top:3px}
.lg-shot{margin:0}
.lg-shot img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-card);background:var(--surface-3)}
.lg-shot figcaption{margin-top:9px;text-align:center;font-size:.85em;color:var(--text-muted)}
.lg-block{margin:0 0 42px}
.lg-block>h2{margin-bottom:12px}
.lg-block a:not(.btn):not(.tool-card){color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}
.lg-points{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lg-points li{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);line-height:1.75}
.lg-points li svg{color:var(--fg-low);margin-top:4px}
.lg-topics{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:9px}
.lg-topics li{padding:7px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-weight:600}
.lg-steps{margin:0 0 12px;padding-inline-start:22px;line-height:1.95;color:var(--text-secondary)}
.lg-hub-head{text-align:center;max-width:820px;margin:0 auto 44px}
.lg-hub-head .lg-actions{justify-content:center}
.lg-card{display:flex;flex-direction:column}
.lg-card .lg-thumb{display:block;width:calc(100% + 32px);height:auto;max-width:none;margin:-17px -16px 14px;aspect-ratio:16/10;object-fit:cover;border-radius:12px 12px 0 0;border-bottom:1px solid var(--border);background:var(--surface-3)}
.lg-card .lab-subject{margin-top:auto;color:var(--text-muted)}
.lg-card .badge{top:12px;left:12px;z-index:1;box-shadow:var(--shadow-sm)}
:root[data-theme] .lg-card .badge{background:var(--surface-1)}
.lg-related .landing-tools{margin-bottom:14px}
.lg-band{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:26px 28px;border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:20px}
.lg-band h2{margin-bottom:6px}
.lg-band p{margin:0}
.labs-showcase-title{margin:28px 0 4px;font-size:1.05em}
.labs-showcase .whats-new-actions{justify-content:center;margin-top:26px}
@media (max-width:900px){
  .lg-hero{grid-template-columns:1fr;gap:24px}
  .lg-shot{order:-1}
  .lg-points{grid-template-columns:1fr}
}
@media (max-width:560px){
  .lg-page{margin-top:10px}
  .lg-band{padding:20px}
  .lg-actions .btn{flex:1 1 100%}
}