/* R10 additions only. Earlier timeline, artwork and lesson styles are retained. */
.style-period{border-block-start:1px solid var(--line);padding:.7rem 0}.style-period>summary{font-weight:600}.style-period li{margin:.6rem 0}.style-period li span{color:var(--muted);font-size:.9rem}
.style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem;margin:1.5rem 0}.style-card{min-width:0}.style-card>a{text-decoration:none}.style-card h2{font-size:1.2rem;margin:.7rem 0}.style-card img{display:block;width:100%;height:auto;background:#eee5d5;aspect-ratio:3/2;object-fit:contain}.style-card p{margin:.35rem 0;font-size:.95rem}.style-filter{margin:1.2rem 0;padding:1rem 0;border-block:1px solid var(--line)}.style-filter-fields{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.style-filter input{flex:1;min-width:10rem}.style-filter select{max-width:100%}
.style-study{max-width:80ch}.style-study figure{margin:1rem 0 1.5rem}.style-study img{display:block;width:100%;height:auto}.style-study figcaption,.style-comparison-images figcaption{font-size:.9rem;color:var(--muted);margin:.5rem 0}.style-study dt{font-weight:700}.style-study dd{margin:.3rem 0 1rem}.style-evidence{border-block:1px solid var(--line);padding:.7rem 0;margin:1.4rem 0}.style-compare-choice{margin:1.5rem 0}.style-compare-choice select{width:100%;margin:.5rem 0}.style-comparison-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.style-comparison-images section{min-width:0}.style-comparison-images h2{font-size:1.2rem}.style-comparison-images figure{margin:0}.style-comparison-images img{width:100%;height:auto}.style-comparison-row{border-top:1px solid var(--line);padding-top:.6rem;margin:1.3rem 0}.style-comparison-row>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.style-comparison-row section{min-width:0;overflow-wrap:anywhere}.style-comparison-row h3{font-size:1rem;color:var(--muted)}
@media(max-width:700px){.style-grid{grid-template-columns:1fr}.style-filter-fields{display:block}.style-filter-fields>*{display:block;margin:.5rem 0}.style-filter input,.style-filter select{width:100%}.style-comparison-images{grid-template-columns:1fr}.style-comparison-row>div{grid-template-columns:1fr;gap:.5rem}.style-comparison-row section{border-left:2px solid var(--line);padding-left:.7rem}}