:root { --bg:#ffffff; --fg:#111111; --muted:#666666; --accent:#000000; --card:#ffffff; --border:#e5e5e5; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
a { color: inherit; text-decoration: underline; }
a:hover { opacity: .75; text-decoration: none; }
.container { max-width: 1080px; margin: 0 auto; padding: 1rem; }
.header, .footer { background: transparent; border-bottom: 1px solid var(--border); }
.header nav a { margin-right: 1rem; }
.layout { display: grid; grid-template-columns: 260px 1fr; gap: 1rem; }
.content { background: var(--card); padding: 1rem; border: 1px solid var(--border); border-radius: 0; min-height: 100px; }
.links a { margin-right: .75rem; color: inherit; }
@media (max-width: 820px) { .layout { grid-template-columns: 1fr; } }
/* Responsive embeds */
.embeds { display: flex; flex-wrap: wrap; gap: 1rem; }
.embeds .embed { flex: 0 0 calc((100% - 2rem) / 3); max-width: calc((100% - 2rem) / 3); }
.embed iframe { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; border: 0; display: block; }
@media (max-width: 600px) {
  .embeds { gap: .75rem; }
  .embeds .embed { flex-basis: 100%; max-width: 100%; }
}