/* Shop drawings sample page (/shop-drawings-sample) and the sample teaser on /shop-drawings */
.sdgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.sdcard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0}
.sdcard>a{display:block;background:#fff;border-bottom:1px solid var(--line)}
.sdcard img,.sdteaser img{width:100%;height:auto;display:block}
.sdcard .sb{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.sdcard h3{font-weight:800;font-size:var(--fs-h3);line-height:1.45;margin:0}
.sdcard .ticks{margin:0}
.sdcard .go{margin-top:auto;padding-top:8px;font-weight:800;font-size:var(--fs-sm);color:var(--link)}
.sdfigs{display:grid;gap:28px}
.sdfig{margin:0;min-width:0}
.sdfig img{display:block;max-width:100%;height:auto;background:#fff;border:1px solid var(--line);border-radius:6px}
.sdfig figcaption{margin-top:8px;color:var(--mut);font-size:var(--fs-sm)}
.sdnote{margin:28px 0 0;padding:16px 18px;background:var(--soft);border:1px solid var(--line);border-inline-start:3px solid var(--mut);border-radius:6px;color:var(--mut);font-size:var(--fs-sm);max-width:52em}
.sdteaser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.sdteaser picture{display:block;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.sdteaser p{color:var(--mut);margin:0 0 18px;max-width:34em}
.sdteaser .h2s{margin-bottom:12px}
@media (max-width:760px){.sdgrid,.sdteaser{grid-template-columns:minmax(0,1fr);gap:22px}}
@media print{.sdcard{break-inside:avoid}}