/* Section pages (Books, Portland Eats, Testimonials): WordPress adaptations, loaded AFTER Jim's page CSS.
   Block markup -> Jim's look. Nothing here changes his design. */
/* Loose text/links in a container sit in a paragraph (class jl-wrap): it takes no part in layout, so flex
   and grid containers (nav, tabs, rows) lay out the links exactly as in Jim's file. */
p.jl-wrap{display:contents}
/* Jim's buttons (a.btn) are Button blocks: his .btn box is on the block's wrapper; the core link look
   (dark pill, white text, padding) is removed from the link inside. */
.wp-block-buttons.btn-wrap{display:contents}
.wp-block-button.btn .wp-block-button__link{display:inline;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:none;width:auto;height:auto;text-align:inherit;word-break:normal;box-shadow:none}
.wp-block-button.btn:has(a:focus-visible){outline:3px solid #2F6DB5;outline-offset:3px}
.wp-block-button.btn a:focus-visible{outline:none}
/* 29 Oct 2026: the whole button box is clickable, as in Jim's file (his a.btn is the box) - the link's ::after
   covers the wrapper (Books 3 buttons, Testimonials Customers 1). */
.wp-block-button.btn{position:relative}
.wp-block-button.btn .wp-block-button__link::after{content:"";position:absolute;inset:0}
/* Pictures: Image blocks wrap Jim's <img> in a <figure> - keep his own figures, add no margins to the new ones. */
.wp-block-image{margin:0}
.wp-block-image img{vertical-align:baseline}
/* Pictures that were a bare <img> in Jim's file (class bare): the block's <figure> takes no part in layout, so the
   picture is the flex/grid item, exactly as in his file. */
.wp-block-image.bare{display:contents}
/* Jim's classes on an <img> (e.g. img.wide) sit on the block's figure: same rules, one level up. */
.wp-block-image.wide img{height:92px}