/* Restrict all theme overrides to the clay collection */
.mdclay{font:17px/1.65 Georgia,"Times New Roman",serif;color:#34302a;margin:0 0 3rem;line-height:1.65}
.mdclay *, .mdclay *::before,.mdclay *::after{box-sizing:border-box}
.mdclay a{color:#285574}
.mdclay p{margin:0 0 1em;max-width:82ch}
.mdclay h2{font-family:Georgia,"Times New Roman",serif;color:#302f2a;font-size:clamp(22px,2.4vw,29px);line-height:1.3;margin:30px 0 14px}
.mdclay h3{font-family:Georgia,"Times New Roman",serif;color:#302f2a}
.mdclay .lead{font-size:19px}
.mdclay .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}
.mdclay .card,.mdclay .small-card{background:#fff;display:block;border:1px solid #e2dbd0;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s}
.mdclay .card:hover,.mdclay .small-card:hover,.mdclay .card:focus-visible,.mdclay .small-card:focus-visible{box-shadow:0 6px 22px #0002;outline:2px solid #b5a486}
.mdclay .card img{width:100%;height:240px;object-fit:contain;background:#f3f0ea;display:block}
.mdclay .card .body,.mdclay .small-card .body{padding:12px 15px 16px}
.mdclay .card h3,.mdclay .small-card h3{font-size:19px;margin:0 0 6px;line-height:1.32}
.mdclay .card p,.mdclay .small-card p{font-size:15px;color:#57544e;margin:0 0 4px;line-height:1.5}
.mdclay .small-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0}
.mdclay .small-card img{display:block;width:100%;height:170px;object-fit:contain;background:#f3f0ea}
.mdclay .all-link{font-weight:600;margin-top:16px}
.mdclay .subnav{font:15px/1.5 Arial,sans-serif;margin:0 0 20px}
.mdclay .subnav a{display:inline-block;padding:6px 0}
.mdclay .gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:20px 0 30px}
.mdclay .gallery figure{margin:0;background:#fff;border:1px solid #e2dccc;border-radius:6px;overflow:hidden}
.mdclay .gallery img{display:block;width:100%;height:auto;cursor:zoom-in;object-fit:contain}
.mdclay .gallery img:focus-visible{outline:3px solid #285574;outline-offset:-3px}
.mdclay .gallery figcaption{padding:12px 14px 15px;color:#4e4b46;font-size:14px;line-height:1.55}
.mdclay .story{border-top:1px solid #ded8cd;margin-top:35px;padding-top:10px}
.mdclay .educator{border-top:1px solid #ded8cd;margin:32px 0;padding-top:12px}
.mdclay .educator summary{cursor:pointer;font-weight:600}
.mdclay .tradition{border-top:1px solid #ddd5c7;padding-top:16px;margin-top:32px}
.mdclay .toc{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 32px}
.mdclay .toc a{font:14px/1.45 Arial,sans-serif;border-radius:6px;padding:7px 10px;border:1px solid #ded4c8;background:#fff;text-decoration:none}
.mdclay .source{font-size:14px;color:#605b52;border-top:1px solid #ddd6c8;padding-top:15px;margin-top:30px}
.mdclay .note{border-left:3px solid #af9c7a;padding-left:12px}
.mdclay .return-link{margin-top:34px}
body.mdclay-modal-open{overflow:hidden}
.mdclay-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:48px 58px 84px;background:rgba(14,16,18,.94);box-sizing:border-box}
.mdclay-modal.is-open{display:flex}
.mdclay-modal>img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.mdclay-modal button{position:absolute;border:1px solid #fff5;background:#ffffff24;color:#fff;cursor:pointer;border-radius:6px;width:46px;height:46px;font-size:28px}
.mdclay-modal .close{top:8px;right:8px}
.mdclay-modal .prev{left:6px;top:50%;transform:translateY(-50%)}
.mdclay-modal .next{right:6px;top:50%;transform:translateY(-50%)}
.mdclay-modal .caption{position:absolute;bottom:10px;left:64px;right:64px;color:#fff;font:14px/1.35 Georgia,serif;text-align:center;max-height:64px;overflow:auto}
@media(max-width:1000px){.mdclay .small-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mdclay .card img{height:200px}}
@media(max-width:660px){.mdclay .cards,.mdclay .gallery,.mdclay .small-cards{grid-template-columns:1fr}.mdclay .card img{height:225px}.mdclay .small-card img{height:200px}.mdclay-modal{padding:48px 10px 92px}.mdclay-modal .prev,.mdclay-modal .next{top:auto;bottom:10px;transform:none}.mdclay-modal .caption{left:10px;right:10px;bottom:65px}}