/*
 * Blake's Journal (/field-notes/blakes-journal/), v13:
 * prototypes/13/39-blakes-journal.html (CD resync-4). Loaded after
 * field-notes.css, which carries the editorial rules shared with the hub and
 * the Blake's Bulletin close; this adds the editorial.css rules 39 uses that
 * the hub does not (.ed-p, the .ed-tsr hand-off) and 39-blakes-journal.css
 * whole, scoped to the block wrapper.
 * Brief: docs/briefs/2026-10-31-field-notes-wp-port.md (39 only).
 *
 * Differences from the prototype, all mechanical:
 *   - link colours are pinned a step above field-notes.css's generic
 *     burgundy link rule, which the prototype's own main a rule loses to;
 *   - photos sit in <picture> (WebP first) and crop at
 *     var(--photo-focal, <the prototype's crop>);
 *   - a card without a featured image is all text (no empty frame);
 *   - the pager is printed only when there is a second page.
 */

.rhinory-page--blakes-journal { background: #FBF7EE; }

/* editorial.css, the rules prototype 39 uses that field-notes.css does not carry */
.rhinory-blakes-journal .ed-p { margin:0;font-family:"Lora",Georgia,serif;font-size:17px;line-height:1.72;color:var(--ink-warm-2);text-wrap:pretty }
.rhinory-blakes-journal .ed-p strong { font-weight:600;color:var(--ink-warm) }
.rhinory-blakes-journal .ed-p em { font-style:italic }
.rhinory-blakes-journal .ed-p a { color:var(--burgundy);text-decoration:none;border-bottom:1px solid rgba(82,0,0,.35);transition:border-color .2s }
.rhinory-blakes-journal .ed-p a:hover { border-bottom-color:var(--burgundy) }
.rhinory-blakes-journal .ed-tsr { background:var(--paper);border-top:1px solid var(--rule-warm-2);padding:64px 0;scroll-margin-top:96px }
.rhinory-blakes-journal .ed-tsr .ed-wrap { display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center }
.rhinory-blakes-journal .ed-tsr-copy { display:flex;flex-direction:column;gap:16px;max-width:70ch }
.rhinory-blakes-journal .ed-tsr-line { margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:clamp(24px,2.4vw,32px);line-height:1.26;color:var(--ink-warm);text-wrap:pretty }
.rhinory-blakes-journal .ed-tsr-line em { font-style:italic;color:var(--burgundy) }
.rhinory-blakes-journal .ed-tsr-links { display:flex;flex-direction:column;gap:12px }
.rhinory-field-notes.rhinory-blakes-journal .ed-tsr-link { display:inline-flex;align-items:center;justify-content:space-between;gap:14px;white-space:nowrap;font-family:"Josefin Sans",system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--burgundy);text-decoration:none;border:1px solid var(--rule-warm-2);padding:16px 26px;min-height:44px;transition:border-color .25s,background .25s }
.rhinory-field-notes.rhinory-blakes-journal .ed-tsr-link:hover { border-color:var(--burgundy);background:rgba(82,0,0,.05);color:var(--burgundy) }
.rhinory-blakes-journal .ed-tsr-link .arr { font-family:"Cormorant Garamond",Georgia,serif;font-size:19px;line-height:0;transition:transform .25s }
.rhinory-blakes-journal .ed-tsr-link:hover .arr { transform:translateX(5px) }
.rhinory-blakes-journal .ed-tsr-link:focus-visible { outline:2px solid var(--burgundy);outline-offset:3px }

/* 39-blakes-journal.css */
.rhinory-blakes-journal .bj-head { padding:clamp(56px,7vw,96px) 0 clamp(64px,7vw,96px);background:var(--paper) }
.rhinory-blakes-journal .bj-head-grid { display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:end;margin-bottom:clamp(40px,5vw,64px) }
.rhinory-blakes-journal .bj-head .ed-h1 em { display:block }
.rhinory-blakes-journal .bj-head-side { display:flex;flex-direction:column;gap:28px;padding-bottom:8px }
.rhinory-blakes-journal .bj-head-side .ed-lede { max-width:40ch }
.rhinory-blakes-journal .bj-head-fig { margin:0 }
.rhinory-blakes-journal .bj-head-fig .ed-photo { aspect-ratio:2400/1100 }
.rhinory-blakes-journal .bj-head-fig .ed-photo img { object-position:var(--photo-focal, 50% 62%);transform-origin:50% 62%;animation:bj-kb 22s ease-in-out infinite alternate }
@keyframes bj-kb { from { transform:scale(1.02) } to { transform:scale(1.12) } }

.rhinory-blakes-journal .bj-sec-head { margin-bottom:clamp(36px,4vw,56px) }

.rhinory-blakes-journal .bj-grid { display:flex;flex-wrap:wrap;justify-content:center;gap:28px }
.rhinory-blakes-journal .bj-grid>.ed-card { flex:0 1 calc((100% - 28px)/2);min-width:0 }
.rhinory-blakes-journal .bj-post .ed-photo { aspect-ratio:3/2 }
.rhinory-blakes-journal .bj-post .ed-card-body { padding:28px 32px 34px;gap:16px }
.rhinory-blakes-journal .bj-post .ed-card-title { font-size:clamp(28px,2.8vw,36px) }
.rhinory-blakes-journal .bj-post .ed-card-x { font-size:16px;line-height:1.68;max-width:52ch }
.rhinory-blakes-journal .bj-foot { margin:auto 0 0;padding-top:16px;border-top:1px solid var(--rule-warm);font-family:"Lora",Georgia,serif;font-style:italic;font-size:15px;line-height:1.5;color:var(--ink-warm-2) }
.rhinory-field-notes.rhinory-blakes-journal .bj-post a.bj-link,
.rhinory-field-notes.rhinory-blakes-journal .bj-post a.bj-link:hover { color:inherit;text-decoration:none }
.rhinory-blakes-journal .bj-post .bj-link::after { content:"";position:absolute;inset:0;z-index:1 }
.rhinory-blakes-journal .bj-post .bj-link:focus-visible { outline:none }
.rhinory-blakes-journal .bj-post:has(.bj-link:focus-visible) { outline:2px solid var(--burgundy);outline-offset:3px }
.rhinory-blakes-journal .bj-rv { opacity:0;transform:translate3d(0,22px,0) }
.rhinory-blakes-journal .bj-rv.bj-go { opacity:1;transform:none;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1) }

.rhinory-blakes-journal .bj-vh { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0 }
.rhinory-blakes-journal .bj-pages { display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:clamp(40px,5vw,64px) }
.rhinory-field-notes.rhinory-blakes-journal .bj-pages a { display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:52px;min-height:52px;padding:0 18px;border:1px solid var(--rule-warm-2);font-family:"Josefin Sans",system-ui,sans-serif;font-weight:600;font-size:15px;letter-spacing:0;color:var(--ink-warm);text-decoration:none;white-space:nowrap;transition:border-color .25s,color .25s,background .25s }
.rhinory-field-notes.rhinory-blakes-journal .bj-pages a:hover { border-color:var(--burgundy);color:var(--burgundy) }
.rhinory-field-notes.rhinory-blakes-journal .bj-pages a[aria-current="page"] { background:var(--burgundy);border-color:var(--burgundy);color:var(--paper) }
.rhinory-field-notes.rhinory-blakes-journal .bj-pages .bj-next,
.rhinory-field-notes.rhinory-blakes-journal .bj-pages .bj-prev { padding:0 26px;border-color:rgba(82,0,0,.45);color:var(--burgundy);font-size:13px;letter-spacing:.16em;text-transform:uppercase }
.rhinory-field-notes.rhinory-blakes-journal .bj-pages .bj-next:hover,
.rhinory-field-notes.rhinory-blakes-journal .bj-pages .bj-prev:hover { background:rgba(82,0,0,.05) }
.rhinory-blakes-journal .bj-pages a:focus-visible { outline:2px solid var(--burgundy);outline-offset:3px }
.rhinory-blakes-journal .bj-pages .arrow { position:relative;width:16px;height:1px;background:currentColor;transition:width .25s }
.rhinory-blakes-journal .bj-pages .arrow::after { content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg) }
.rhinory-blakes-journal .bj-pages .bj-prev .arrow::after { right:auto;left:0;transform:rotate(-135deg) }
.rhinory-blakes-journal .bj-pages a:hover .arrow { width:22px }

.rhinory-blakes-journal .bj-tsr .ed-wrap { grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(32px,4vw,56px) }
.rhinory-blakes-journal .bj-tsr-figs { display:grid;grid-template-columns:repeat(2,200px);gap:12px }
.rhinory-blakes-journal .bj-tsr-figs .ed-photo { aspect-ratio:4/5 }
.rhinory-blakes-journal .bj-tsr-figs .ed-photo img { object-position:var(--photo-focal, 50% 30%) }

@media (max-width:1080px) {
	.rhinory-blakes-journal .bj-tsr .ed-wrap { grid-template-columns:auto minmax(0,1fr) }
	.rhinory-blakes-journal .bj-tsr .ed-tsr-links { grid-column:2 }
	.rhinory-blakes-journal .bj-tsr-figs { grid-template-columns:repeat(2,160px);grid-row:span 2 }
}
@media (max-width:900px) {
	.rhinory-blakes-journal .ed-tsr .ed-wrap { grid-template-columns:1fr;gap:26px }
	.rhinory-blakes-journal .bj-head-grid { grid-template-columns:1fr;gap:24px;align-items:start }
	.rhinory-blakes-journal .bj-head-side { padding-bottom:0 }
	.rhinory-blakes-journal .bj-head-fig .ed-photo { aspect-ratio:16/10 }
	.rhinory-blakes-journal .bj-head-fig .ed-photo img { object-position:var(--photo-focal, 60% 62%) }
	.rhinory-blakes-journal .bj-tsr .ed-wrap { grid-template-columns:1fr;gap:26px }
	.rhinory-blakes-journal .bj-tsr .ed-tsr-links { grid-column:auto;justify-self:start }
	.rhinory-blakes-journal .bj-tsr-figs { grid-template-columns:repeat(2,minmax(0,1fr));grid-row:auto;max-width:440px }
}
@media (max-width:760px) {
	.rhinory-blakes-journal .bj-grid { gap:20px }
	.rhinory-blakes-journal .bj-grid>.ed-card { flex-basis:100% }
}
@media (max-width:640px) {
	.rhinory-field-notes.rhinory-blakes-journal .ed-tsr-link { white-space:normal }
	.rhinory-blakes-journal .bj-head-fig .ed-photo { aspect-ratio:4/3 }
	.rhinory-blakes-journal .bj-head-fig .ed-photo img { object-position:var(--photo-focal, 64% 62%) }
	.rhinory-blakes-journal .bj-post .ed-card-body { padding:24px 22px 26px }
	.rhinory-blakes-journal .bj-tsr-figs { max-width:none }
}
@media (prefers-reduced-motion:reduce) {
	.rhinory-blakes-journal .bj-pages a, .rhinory-blakes-journal .bj-pages .arrow, .rhinory-blakes-journal .ed-tsr-link .arr { transition:none }
	.rhinory-blakes-journal .bj-head-fig .ed-photo img { animation:none;transform:none }
	.rhinory-blakes-journal .bj-rv { opacity:1;transform:none }
}