/*
Theme Name: Borough Bulletin
Theme URI: https://example.com/borough-bulletin
Author: Borough Bulletin
Description: A navy, cobalt and yellow city-magazine theme with a condensed masthead. Includes Home (lead story + reading sidebar), Blogs (topic index, story rows, search, pagination), About Us, Contact Us (working form) and article layouts with a collapsible contents panel.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: borough-bulletin
Tags: blog, news, one-column, custom-menu, featured-images, translation-ready
*/
/* Main design CSS is loaded from assets/ (styles.css, template-02.css, borough.css) in that order. */

.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-content{max-width:760px;margin:0 auto 80px}
.page-content img{max-width:100%;height:auto}
.alignleft{float:left;margin:0 24px 16px 0}.alignright{float:right;margin:0 0 16px 24px}.aligncenter{display:block;margin:0 auto 16px}
.wp-caption{max-width:100%}.wp-caption-text{font-size:13px;opacity:.7}
.story-row.no-image{grid-template-columns:minmax(0,1fr) 20px}
@media(max-width:700px){.template-two .story-row.no-image{grid-template-columns:minmax(0,1fr)}}
.pagination a,.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border:1px solid var(--line);color:var(--ink)}
.pagination .page-numbers.current{background:var(--accent);border-color:var(--accent)}
.pagination .dots{border-color:transparent}
.form-status.is-error{background:#f3d6d6}
.form .hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.admin-bar .skip{top:-40px}

/* ---- Editable page-block helpers (About / Contact) ---- */
p.bb-eyebrow::before{content:"";flex:none;width:5px;height:5px;background:var(--accent)}
.eyebrow.bb-eyebrow{margin:0 0 14px}
.bb-link{margin:0}
.bb-link a{display:inline-flex;gap:24px;align-items:center;font-size:11px;font-weight:750;color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:6px;margin-top:23px}
.bb-link a::after{content:"↗";font:400 20px/1 Arial,sans-serif}
.editor-note .bb-link a,.contact-aside .bb-link a{margin-top:0}
p.note-symbol{margin:0}
.principle .number{margin:0}
.about-hero figure,.about-hero .wp-block-image{margin:0}
.about-hero .wp-block-image img{display:block;width:100%;height:auto}
.about-hero .wp-element-caption{font-size:10px;color:var(--muted);margin-top:10px;display:block;text-align:left}
.contact-item p{margin:0}
.contact-item p:first-child{font-weight:700}
.contact-item p a{font-size:17px;font-weight:650;letter-spacing:-.5px}
.page-heading>p:not(.eyebrow){margin-top:0}