@import url("base.css");
@import url("responsive.css");
@import url("about.css");
@import url("reading.css");
@import url("immersive-site.css");

.track-row audio { width:100%; max-width:320px; height:42px; }
@media (max-width:700px) { .track-row audio { grid-column:2 / -1; } }

.artifact-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:28px; }
.artifact-card { margin:0; padding:26px; border:1px solid var(--line); background:var(--paper-light, #fcfaf5); }
.artifact-card h3 { margin:0 0 12px; font:30px Georgia,serif; }
.artifact-card p { font-size:16px; line-height:1.7; }
@media (max-width:700px) { .artifact-grid { grid-template-columns:1fr; } }