.project-heading{display:flex;align-items:center;gap:18px;margin-top:24px}.project-heading h1{margin:0}.project-heading img{flex-shrink:0}.subtitle{color:var(--mint);font-size:1.15rem;font-weight:700;margin:16px 0}.info strong{color:var(--paper)}.info a:not(.button){color:var(--mint)}code{overflow-wrap:anywhere;font-size:.9em;background:rgba(127,127,127,.15);padding:3px 6px;border-radius:5px}figure{margin:24px 0}.preview{display:block;max-width:100%;height:auto;border:1px solid var(--line);border-radius:16px}.compact-preview{max-width:300px}figcaption{color:var(--muted);font-size:.85rem;line-height:1.7;margin-top:10px}@media(max-width:600px){.project-heading{gap:12px}.project-heading img{width:48px;height:48px}.button{font-size:.9rem;max-width:100%}}

.project-heading{flex-wrap:wrap}.school-versions{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.school-versions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap}.school-versions a[aria-current="page"]{background:var(--mint);border-color:var(--mint);color:var(--button-text)}.school-versions a:hover{border-color:var(--mint)}@media(min-width:601px){.project-heading:has(.school-versions) h1{font-size:clamp(2.25rem,4.2vw,3.3rem)}}@media(max-width:600px){.school-versions{margin-left:0;width:100%;margin-top:4px}.school-versions a{flex:1}}