.bgrid{display:grid;gap:14px;padding:6px 16px 0;max-width:760px;margin:0 auto}
.bc{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--ink)}
.bc img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 30%}
.bc div{padding:14px 16px 16px}
.bc h2{font:600 22px/1.15 var(--serif);margin:0 0 8px}
.bc p{font:400 15px/1.45 var(--sans);margin:0 0 12px;color:var(--rose)}
.bc span{font:600 15px var(--sans);color:var(--wine)}
.art{padding:0 20px;max-width:760px;margin:0 auto}
.art .back{display:inline-block;margin:6px 0 0;font:600 15px var(--sans);color:var(--wine);text-decoration:none}
.art h1{font:600 30px/1.12 var(--serif);color:var(--ink);margin:10px 0 14px;padding:0;text-align:left}
.art h2{font:600 22px/1.15 var(--serif);color:var(--wine);margin:26px 0 8px}
.art p,.art li{font:400 16px/1.55 var(--sans);margin:0 0 12px}
.art p.lead{font-size:17px}
.art ul{list-style:none;margin:0;padding:0}
.art li b{font-weight:500;color:var(--wine)}
.art figure{margin:18px 0;text-align:center}
.art figure img{max-width:100%;height:auto;border-radius:12px}
.more{display:grid;gap:10px;padding:22px 20px 0;max-width:760px;margin:0 auto}
.more a{font:600 16px var(--sans);color:var(--wine)}
@media(min-width:768px){.bgrid{grid-template-columns:1fr 1fr;gap:18px}.art h1{font-size:40px}}