/* Load after Bootstrap and your shared stylesheet. Scoped to this page. */
#dd-verses{--vv-ink:#242a24;--vv-muted:#697168;--vv-green:#416e50;--vv-dark:#2f5a3d;--vv-sage:#f0f4ed;--vv-line:#d8ddd5;--vv-cream:#faf9f4;color:var(--vv-ink);font-family:"Noto Sans",Arial,sans-serif;padding-bottom:3rem}
#dd-verses [hidden]{display:none!important}
#dd-verses h1,#dd-verses h2,#dd-verses h3{font-family:"Noto Serif",Georgia,serif;font-weight:400;line-height:1.3}
#dd-verses h1{font-size:clamp(1.8rem,3vw,2.65rem)}
#dd-verses h2{font-size:clamp(1.3rem,2vw,1.7rem)}
#dd-verses h3{font-size:1.1rem}
#dd-verses a{color:var(--vv-dark)}
#dd-verses .vv-eyebrow{display:block;font-size:.7rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--vv-dark);margin-bottom:.7rem}
#dd-verses .vv-muted{color:var(--vv-muted)}
#dd-verses .vv-intro{max-width:760px;color:var(--vv-muted);font-size:.95rem;line-height:1.8}
#dd-verses .vv-primary{--bs-btn-color:#fff;--bs-btn-bg:var(--vv-dark);--bs-btn-border-color:var(--vv-dark);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#23482f;--bs-btn-hover-border-color:#23482f;--bs-btn-active-bg:#23482f;--bs-btn-active-color:#fff;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-size:.85rem;border-radius:.4rem;padding:.7rem 1.1rem}
#dd-verses .vv-outline{--bs-btn-color:var(--vv-dark);--bs-btn-border-color:var(--vv-line);--bs-btn-hover-bg:var(--vv-sage);--bs-btn-hover-color:var(--vv-dark);min-height:44px;font-size:.8rem;display:inline-flex;align-items:center;gap:.5rem}
#dd-verses .vv-hero{display:grid;grid-template-columns:1.2fr 1fr;background:var(--vv-cream);border:1px solid var(--vv-line);border-radius:.75rem;overflow:hidden;margin:1rem 0 2rem}
#dd-verses .vv-hero-copy{padding:clamp(1.25rem,4vw,3.4rem);align-self:center}
#dd-verses .vv-hero-copy p{font-size:.94rem;color:var(--vv-muted);line-height:1.8}
#dd-verses .vv-hero-art{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--vv-sage);padding:1.5rem;min-width:0;text-align:center}
#dd-verses .vv-hero-art>a:first-child{width:100%;height:310px;display:flex;justify-content:center;align-items:center}
#dd-verses picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0}
#dd-verses picture img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
#dd-verses .vv-photo-caption{font-size:.78rem;margin-top:.8rem;text-underline-offset:4px}
#dd-verses .vv-proof-note{display:block;font-size:.74rem;color:var(--vv-dark);margin-top:1rem}
#dd-verses .vv-search{max-width:760px;margin:1.5rem 0 2rem}
#dd-verses .vv-search label{font-size:.8rem;font-weight:500;margin-bottom:.5rem}
#dd-verses .vv-search-row{display:flex;gap:.5rem}
#dd-verses .vv-search input{min-width:0;border-color:var(--vv-line);font-size:1rem;min-height:46px}
#dd-verses .vv-collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:2rem}
#dd-verses .vv-collection{display:flex;flex-direction:column;padding:1.3rem;border:1px solid var(--vv-line);border-radius:.65rem;color:var(--vv-ink);text-decoration:none;background:white;min-width:0}
#dd-verses .vv-collection:hover{background:var(--vv-sage);border-color:#76927a}
#dd-verses .vv-collection p{color:var(--vv-muted);font-size:.83rem;margin-bottom:1.2rem;flex:1}
#dd-verses .vv-collection small{font-size:.75rem;color:var(--vv-dark);display:flex;justify-content:space-between;gap:.5rem}
#dd-verses .vv-browse-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:2rem;margin-top:1.75rem}
#dd-verses .vv-sidebar{align-self:start;border:1px solid var(--vv-line);border-radius:.65rem;background:#f7f9f3;padding:1.15rem}
#dd-verses .vv-sidebar summary{font-size:.85rem;font-weight:600;color:var(--vv-dark)}
#dd-verses .vv-sidebar nav{margin-top:1rem}
#dd-verses .vv-sidebar a{display:block;padding:.65rem .5rem;text-decoration:none;font-size:.79rem;border-radius:.35rem}
#dd-verses .vv-sidebar a[aria-current="page"]{background:var(--vv-dark);color:white}
#dd-verses .vv-sidebar a.vv-child{padding-left:1.25rem}
#dd-verses .vv-results{min-width:0}
#dd-verses .vv-result-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;font-size:.8rem;color:var(--vv-muted)}
#dd-verses .vv-reading{border-top:1px solid var(--vv-line);padding:1.65rem 0;scroll-margin-top:2rem}
#dd-verses .vv-reading h2{font-size:1.35rem;margin-bottom:.5rem}
#dd-verses .vv-reading-category{font-size:.7rem;color:var(--vv-muted);margin-bottom:.6rem}
#dd-verses .vv-author{font-size:.78rem;color:var(--vv-muted);margin-bottom:1.1rem}
#dd-verses .vv-wording{font-family:"Noto Serif",Georgia,serif;font-size:1rem;line-height:1.9;overflow-wrap:anywhere;max-width:70ch}
#dd-verses .vv-wording p:last-child{margin-bottom:0}
#dd-verses .vv-wording.is-collapsed{max-height:13.3em;overflow:hidden;mask-image:linear-gradient(#000 78%,transparent)}
#dd-verses .vv-reading-actions{display:flex;gap:.5rem 1.2rem;flex-wrap:wrap;margin-top:1rem}
#dd-verses .vv-text-button{background:none;border:0;padding:.4rem 0;color:var(--vv-dark);min-height:44px;font-size:.8rem;text-underline-offset:4px;text-decoration:underline;display:inline-flex;align-items:center;gap:.4rem}
#dd-verses .vv-promo{border:1px solid var(--vv-line);border-radius:.65rem;background:var(--vv-sage);padding:1.5rem;margin:1rem 0 2rem}
#dd-verses .vv-promo-heading{max-width:650px;margin-bottom:1.25rem}
#dd-verses .vv-promo-heading p{color:var(--vv-muted);font-size:.85rem;margin:0}
#dd-verses .vv-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
#dd-verses .vv-product{text-decoration:none;display:block;min-width:0}
#dd-verses .vv-product-art{display:block;height:220px;padding:1rem;background:#fff;border:1px solid var(--vv-line);border-radius:.5rem;margin-bottom:.75rem}
#dd-verses .vv-product h3{font-family:"Noto Sans",Arial,sans-serif;font-size:.88rem;font-weight:500;margin-bottom:.4rem}
#dd-verses .vv-product small{font-size:.76rem;text-decoration:underline;text-underline-offset:3px}
#dd-verses .vv-pagination{display:flex;gap:.4rem;flex-wrap:wrap;list-style:none;padding:0;margin:1.5rem 0}
#dd-verses .vv-pagination a{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--vv-line);border-radius:.35rem;padding:.4rem .75rem;text-decoration:none}
#dd-verses .vv-pagination a[aria-current="page"]{background:var(--vv-dark);color:white}
#dd-verses .vv-empty{padding:2rem;background:var(--vv-sage);border-radius:.65rem}
#dd-verses .vv-bottom-note{border-top:1px solid var(--vv-line);padding-top:1.5rem;margin-top:1.5rem;color:var(--vv-muted);font-size:.85rem}
#dd-verses .vv-copy-fallback{width:100%;min-height:160px;margin-top:1rem}
@media(min-width:1400px){#dd-verses .vv-collections{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:991.98px){#dd-verses .vv-browse-layout{grid-template-columns:1fr}#dd-verses .vv-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#dd-verses .vv-collections{grid-template-columns:repeat(2,minmax(0,1fr))}#dd-verses .vv-hero-art>a:first-child{height:270px}}
@media(max-width:575.98px){#dd-verses .vv-hero{grid-template-columns:1fr}#dd-verses .vv-hero-art{padding:1rem}#dd-verses .vv-hero-art>a:first-child{height:220px}#dd-verses .vv-collections{gap:.65rem}#dd-verses .vv-collection{padding:1rem}#dd-verses .vv-collection h3{font-size:.98rem}#dd-verses .vv-collection p{font-size:.78rem}#dd-verses .vv-promo{padding:1rem}#dd-verses .vv-product-art{height:160px;padding:.65rem}#dd-verses .vv-sidebar nav{grid-template-columns:1fr}#dd-verses .vv-search-row{flex-wrap:wrap}#dd-verses .vv-search-row input{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){#dd-verses *{scroll-behavior:auto!important}}
@media print{#dd-verses .vv-search,#dd-verses .vv-sidebar,#dd-verses .vv-reading-actions,#dd-verses .vv-promo,#dd-verses .vv-pagination{display:none!important}#dd-verses .vv-browse-layout{display:block}#dd-verses .vv-wording.is-collapsed{max-height:none;mask-image:none;overflow:visible}}
/* Server-rendered template additions. */
#dd-verses .vv-no-sidebar{grid-template-columns:minmax(0,1fr)}
#dd-verses .vv-page-gap{display:inline-flex;align-items:center;min-height:44px;padding:.4rem .5rem}
#dd-verses .vv-reading h2 a{text-decoration:none;color:inherit}
#dd-verses .vv-reading h2 a:hover{text-decoration:underline}
