/* Cafe Andrew: styles for archived posts and photo albums rebuilt into the Twenty Seventeen layout (2026-09-26). */
/* ---- archived posts ---- */
.site-main .navigation, #nav-above, #nav-below { clear: both; overflow: hidden; margin: 0 0 2em; }
.site-main .nav-previous, .site-main .nav-next { float: none; display: inline-block; width: auto; margin-right: 1.5em; }
.site-main .alignleft { float: left; margin: 0 1.5em 1em 0; }
.site-main .alignright { float: right; margin: 0 0 1em 1.5em; }
.site-main .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.site-main .hentry { clear: both; }
.site-main .entry-content::after { content: ""; display: table; clear: both; }
.entry-meta > span + span, .entry-meta > a + a, .entry-meta > span + a { margin-left: .75em; }
.post-meta h3, .post-meta h4 { display: inline-block; margin: 0 1em .5em 0; padding: 0; font-size: .6875rem; letter-spacing: .1818em; text-transform: uppercase; color: #767676; }
.post-meta .year::before, .post-meta .day::before { content: " "; }
.site-main .left, .site-main .right { display: inline-block; margin-right: 1.5em; }
.site-main .avatar { border-radius: 0; }
.site-main object, .site-main embed { max-width: 100%; }
/* ---- photo albums: same layout and markup as /gallery/ ---- */
.cafe-gallery-page .site-content { padding-top: 2.5em; }
.cafe-gallery-page .wrap.cafe-gallery { max-width: 1200px; }
.cafe-gallery #primary, .cafe-gallery-page.page-one-column:not(.twentyseventeen-front-page) #primary { width: 100%; max-width: none; float: none; }
.cafe-gallery { --g-ink:#25211d; --g-muted:#756c63; --g-card:#fffdf8; --g-accent:#9d3f29; --g-line:#ded5c8; --g-shadow:0 18px 50px rgba(54,42,30,.12); }
.cafe-gallery .hero { max-width: 760px; margin-bottom: 2.5rem; }
.cafe-gallery .album-hero { max-width: 980px; }
.cafe-gallery .eyebrow { margin: 0 0 .65rem; color: var(--g-accent); font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.cafe-gallery .hero h1 { max-width: 18ch; margin: 0; padding: 0; color: var(--g-ink); font: 700 clamp(2.4rem,6vw,4.6rem)/.95 Georgia,serif; letter-spacing: -.045em; text-transform: none; }
.cafe-gallery .lede { max-width: 48rem; margin: 1.1rem 0 0; color: var(--g-muted); font-size: 1.1rem; }
.cafe-gallery .back { display: inline-block; margin-bottom: 1.6rem; color: var(--g-muted); text-decoration: none; box-shadow: none; }
.cafe-gallery .back:hover { color: var(--g-accent); box-shadow: none; }
.cafe-gallery .gallery-breadcrumbs { margin: 0 0 .9rem; color: var(--g-muted); font-size: .85rem; }
.cafe-gallery .gallery-breadcrumbs a { color: var(--g-muted); box-shadow: none; }
.cafe-gallery .album-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(100%,245px),1fr)); gap: 1.6rem; margin: 0 0 2.5rem; }
.cafe-gallery .album-card { overflow: hidden; border: 1px solid var(--g-line); border-radius: 4px; background: var(--g-card); transition: transform .2s ease, box-shadow .2s ease; }
.cafe-gallery .album-card:hover { transform: translateY(-3px); box-shadow: var(--g-shadow); }
.cafe-gallery .album-card a { display: block; height: 100%; text-decoration: none; box-shadow: none; color: var(--g-ink); }
.cafe-gallery .album-card img, .cafe-gallery .album-card .no-cover { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; background: #e9e1d7; }
.cafe-gallery .album-copy { padding: 1rem 1.05rem 1.15rem; }
.cafe-gallery .album-copy h2 { margin: 0 0 .3rem; padding: 0; color: var(--g-ink); font: 700 1.15rem/1.2 Georgia,serif; letter-spacing: 0; text-transform: none; }
.cafe-gallery .album-copy p { margin: 0; color: var(--g-muted); font-size: .86rem; }
.cafe-gallery .photo-grid { columns: 4 220px; column-gap: 1.1rem; margin: 0 0 2rem; }
.cafe-gallery .photo { display: block; width: 100%; margin: 0 0 1.1rem; padding: 0; border: 0; break-inside: avoid; background: transparent; text-decoration: none; box-shadow: none; color: var(--g-ink); }
.cafe-gallery .photo img, .cafe-gallery .photo .no-image { display: block; width: 100%; height: auto; min-height: 120px; border-radius: 3px; background: #e9e1d7; }
.cafe-gallery .photo .no-image { aspect-ratio: 4/3; }
.cafe-gallery .photo-caption { display: block; margin: .35rem 0 0; font-size: .85rem; font-weight: 600; }
.cafe-gallery .photo-meta { display: block; color: var(--g-muted); font-size: .75rem; }
.cafe-gallery .photo-single { margin: 0 0 2rem; }
.cafe-gallery .photo-single a { box-shadow: none; }
.cafe-gallery .photo-single img { display: block; max-width: 100%; height: auto; margin: 0 auto; border-radius: 3px; background: #e9e1d7; }
.cafe-gallery .photo-single figcaption { margin-top: .8rem; color: var(--g-muted); font-size: .85rem; text-align: center; }
.cafe-gallery .gallery-pager { display: flex; flex-wrap: wrap; gap: .6rem 1.4rem; align-items: center; margin: 0 0 2rem; color: var(--g-muted); font-size: .9rem; }
.cafe-gallery .gallery-pager a { color: var(--g-ink); }
.cafe-gallery .photo-info { margin: 0 0 2rem; padding: 0; list-style: none; color: var(--g-muted); font-size: .85rem; }
.cafe-gallery .photo-info li { margin: 0 0 .25rem; }