/* Gallery card ({{widget:gallery-card:...}}). Colors come from the site theme
   variables, with fallbacks, so the card follows light and dark mode.
   gc-left/gc-right say where the text sits beside the picture. gc-feature is a
   Primary Feature (title is an H1), gc-item a more compact Sub-Item (an H2). */
.gallery-card{display:flex;gap:1.25rem;align-items:center;margin:1.8rem 0;padding:1rem;border:1px solid var(--line,#E8E1D6);border-radius:10px;background:var(--card-bg,transparent)}
/* A little darker than the page in the light theme, a little lighter in the dark one. */
.gallery-card{background:color-mix(in srgb,var(--bg,#FAF7F2) 95%,#000)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gallery-card{background:color-mix(in srgb,var(--bg,#1A1713) 92%,#fff)}}
:root[data-theme="dark"] .gallery-card{background:color-mix(in srgb,var(--bg,#1A1713) 92%,#fff)}
.gallery-card .gc-thumb{flex:0 0 45%;max-width:45%;display:block}
.gallery-card .gc-text{flex:1 1 0;min-width:0}
.gallery-card img{width:100%;height:auto;display:block;border-radius:6px}
.gallery-card .gc-title{margin:0 0 .4rem;text-align:center}
.gallery-card h1.gc-title{color:var(--h1,inherit)}
.gallery-card h2.gc-title{color:var(--h2,inherit)}
.gallery-card .gc-text p{text-align:left}
.gallery-card .gc-text p.gc-sub{margin:0 0 .4rem;font-style:italic;color:var(--muted,#7A7066);text-align:center}
.gallery-card .gc-text p.gc-meta{margin:0 0 .5rem;font:14px system-ui,sans-serif;color:var(--muted,#7A7066);text-align:center}
.gallery-card .gc-title a{color:inherit;text-decoration:none}
.gallery-card .gc-title a:hover{text-decoration:underline}
.gallery-card p{margin:0 0 .8rem}
.gallery-card a{color:var(--link,inherit)}
.gallery-card .gc-more{display:inline-block;color:var(--cta,#B4552F);font-weight:700;text-decoration:none}
.gallery-card .gc-more:hover{text-decoration:underline}
.gallery-card.gc-left{flex-direction:row-reverse}
.gallery-card.gc-top,.gallery-card.gc-bottom{flex-direction:column;align-items:stretch}
.gallery-card.gc-top{flex-direction:column-reverse}
.gallery-card.gc-top .gc-thumb,.gallery-card.gc-bottom .gc-thumb{flex:none;max-width:900px;width:100%;margin:0 auto}
/* Sub-Item: tighter, a smaller picture and smaller words. */
.gallery-card.gc-item{gap:.9rem;margin:1.1rem 0;padding:.65rem}
.gallery-card.gc-item .gc-thumb{flex-basis:30%;max-width:30%}
.gallery-card.gc-item .gc-title{font-size:1.2rem;margin-bottom:.25rem}
.gallery-card.gc-item p{font-size:.92rem;line-height:1.5;margin-bottom:.5rem}
.gallery-card.gc-item.gc-top .gc-thumb,.gallery-card.gc-item.gc-bottom .gc-thumb{max-width:420px}
/* Latest posts: one box; the posts inside lose their own box and are told apart by a rule. */
.gallery-card.latest-posts{display:block}
.gallery-card.latest-posts>.gc-title{margin-bottom:.25rem}
.gallery-card.latest-posts>p.lp-desc{margin:0 0 .9rem;text-align:center;font-style:italic;color:var(--muted,#7A7066)}
.gallery-card.latest-posts .lp-list .gallery-card{margin:0;padding:0;border:0;border-radius:0;background:none}
.gallery-card.latest-posts .lp-list hr{border:0;border-top:1px solid var(--line,#E8E1D6);margin:.9rem 0}
/* Side by side in a column layout (the home page): the cards start on the same line. */
.col>.gallery-card.gc-feature,.col>.gallery-card.gc-item{margin-top:1rem}
@media (max-width:640px){
.gallery-card,.gallery-card.gc-left,.gallery-card.gc-right,.gallery-card.gc-top{flex-direction:column;align-items:stretch}
.gallery-card .gc-thumb{flex:none;max-width:100%;width:100%}
}