:root { --bpi-bg:#fff; --bpi-text:#000; --bpi-link:#0b2a6f; --bpi-border:#d7d7d7; --bpi-muted:#666; }
html[data-theme="dark"] { --bpi-bg:#000; --bpi-text:#fff; --bpi-link:#8fb3ff; --bpi-border:#404040; --bpi-muted:#c8c8c8; }
html { scroll-behavior:smooth; }
body { background:var(--bpi-bg); color:var(--bpi-text); }
a { color:var(--bpi-link); text-decoration:underline; }
img { height:auto; max-width:100%; }
.bpi-site-shell { max-width:1280px; margin:0 auto; padding:0 1rem; }
.bpi-header { border-bottom:1px solid var(--bpi-border); padding:1rem 0; }
.bpi-header-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.bpi-site-title { font-family:Georgia,'Times New Roman',Times,serif; font-size:clamp(1.6rem,4vw,2.5rem); margin:0; }
.bpi-site-title a { color:var(--bpi-text); text-decoration:none; }
.bpi-nav { flex:1 1 320px; }
.bpi-utility { display:flex; gap:.75rem; align-items:center; }
.bpi-dark-toggle,.bpi-share-link,.bpi-back-to-top { border:1px solid var(--bpi-border); background:transparent; color:var(--bpi-text); }
.bpi-dark-toggle,.bpi-share-link { padding:.55rem .8rem; cursor:pointer; }
.bpi-main { padding:1.5rem 0 3rem; }
.bpi-section { margin:0 0 3rem; }
.bpi-section-head { display:flex; justify-content:space-between; align-items:baseline; gap:1rem; margin:0 0 1rem; border-bottom:1px solid var(--bpi-border); padding-bottom:.45rem; }
.bpi-section-title { font-size:1.6rem; margin:0; }
.bpi-featured-card { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr); gap:1.5rem; align-items:start; }
.bpi-featured-title { font-size:clamp(2rem,6vw,4rem); margin:0 0 .75rem; }
.bpi-byline,.bpi-card-author,.bpi-meta { color:var(--bpi-muted); font-size:.95rem; }
.bpi-card-grid,.bpi-archive-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.bpi-card-title { font-size:1.35rem; margin:.75rem 0 .4rem; }
.bpi-post-shell { display:grid; grid-template-columns:minmax(0,720px) minmax(260px,340px); gap:2rem; align-items:start; }
.bpi-single-title { font-size:clamp(2.2rem,6vw,4.2rem); margin:0 0 .5rem; }
.bpi-single-content { font-size:1.08rem; }
.bpi-sidebar { position:sticky; top:1rem; border-left:1px solid var(--bpi-border); padding-left:1.25rem; }
.bpi-sidebar .wp-block-search { margin-bottom:1.25rem; }
.bpi-author-box { margin-top:2.5rem; padding-top:1.5rem; border-top:1px solid var(--bpi-border); display:grid; grid-template-columns:96px 1fr; gap:1rem; }
.bpi-author-image { width:96px; height:96px; object-fit:cover; border-radius:50%; }
.bpi-share { display:flex; flex-wrap:wrap; gap:.65rem; margin:1rem 0 1.5rem; }
.bpi-related-posts { margin-top:2.5rem; }
.bpi-pagination { margin-top:2rem; }
.bpi-footer { border-top:1px solid var(--bpi-border); padding:2rem 0; }
.bpi-footer-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.bpi-back-to-top { position:fixed; right:1rem; bottom:1rem; z-index:99; width:44px; height:44px; display:none; align-items:center; justify-content:center; cursor:pointer; background:var(--bpi-bg); }
.bpi-back-to-top.is-visible { display:flex; }
.screen-reader-text { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.screen-reader-text:focus { position:fixed; left:1rem; top:1rem; z-index:100000; width:auto; height:auto; padding:.75rem 1rem; background:#fff; color:#000; }
@media (max-width:980px){ .bpi-featured-card,.bpi-post-shell,.bpi-footer-grid,.bpi-card-grid,.bpi-archive-grid{grid-template-columns:1fr;} .bpi-sidebar{position:static;border-left:0;padding-left:0;border-top:1px solid var(--bpi-border);padding-top:1.5rem;} }