/*
Theme Name: Bleh Paper
Theme URI: https://bleh.uk/
Author: Bleh
Description: A minimal, fully editable block theme for Bleh, with paper tones, a reading rail, and a single terracotta accent.
Version: 2.0.0
Requires at least: 6.9
Requires PHP: 8.0
Tested up to: 7.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bleh-paper
Tags: blog, full-site-editing, block-patterns, custom-colors, custom-logo, editor-style, wide-blocks
*/
:root {
  --paper: var(--wp--preset--color--paper, #f5f6ed);
  --rail: var(--wp--preset--color--sage, #e5eadd);
  --ink: var(--wp--preset--color--ink, #25302a);
  --muted: var(--wp--preset--color--muted, #647067);
  --fine: var(--wp--preset--color--line, #cbd2c5);
  --accent: var(--wp--preset--color--accent, #a25c46);
  --serif: Georgia, 'Times New Roman', serif;
  --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --rail-width: clamp(216px, 23vw, 290px);
}
*, *::before, *::after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--serif); font-size:18px; line-height:1.72; -webkit-font-smoothing:antialiased; }
a { color:var(--accent); text-underline-offset:.17em; text-decoration-thickness:1px; }
a:hover { text-decoration-thickness:2px; }
a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
img, iframe, video { max-width:100%; height:auto; }
figure { margin:0; }
button, input, textarea { font:inherit; }
.wp-site-blocks { margin:0; padding:0; }
.wp-site-blocks > * { margin-block-start:0; }
.wp-block-template-part { margin-block-start:0; }
.bleh-shell, .editor-styles-wrapper .bleh-shell { display:grid; grid-template-columns:var(--rail-width) minmax(0,1fr); min-height:100vh; max-width:1680px; margin:0 auto; border-left:1px solid var(--fine); border-right:1px solid var(--fine); align-items:stretch; }
.bleh-rail { background:var(--rail); border-right:1px solid var(--fine); min-width:0; }
.bleh-rail-inner { position:sticky; top:0; padding:clamp(2rem,4.5vw,4.3rem) clamp(1.4rem,2.4vw,2.7rem) 2rem; max-height:100vh; overflow:auto; scrollbar-width:thin; }
.bleh-brand { margin-bottom:3rem; }
.bleh-brand .wp-block-site-title { font:700 clamp(2.35rem,3.2vw,3.15rem)/1.05 var(--serif); letter-spacing:-.07em; margin:0; }
.bleh-brand .wp-block-site-title a, .bleh-brand .wp-block-site-title a:hover { text-decoration:none; color:var(--ink); }
.bleh-brand .wp-block-site-title:after { content:'.'; color:var(--accent); }
.bleh-brand .wp-block-site-tagline { margin:1rem 0 0; color:var(--muted); font:.94rem/1.5 var(--serif); max-width:190px; }
.bleh-brand .wp-block-site-logo img { max-height:76px; width:auto; }
.bleh-section-label { margin:1.4rem 0 .65rem; font:600 .68rem/1.3 var(--sans); letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }
.bleh-rail .wp-block-navigation { width:100%; font-family:var(--serif); }
.bleh-rail .wp-block-navigation__container { gap:0 !important; align-items:flex-start; width:100%; }
.bleh-rail .wp-block-navigation-item { width:100%; }
.bleh-rail .wp-block-navigation-item__content { display:block; color:var(--ink); padding:.26rem 0; font:.91rem/1.5 var(--serif); text-decoration:none; }
.bleh-rail .wp-block-navigation-item__content:hover, .bleh-rail .current-menu-item > a { color:var(--accent); text-decoration:underline; }
.bleh-rail-footnote { margin:3.2rem 0 0; border-top:1px solid var(--fine); padding-top:1.1rem; color:var(--muted); font:.72rem/1.6 var(--sans); }
.bleh-canvas { background:var(--paper); min-width:0; display:flex; flex-direction:column; }
.bleh-topbar { min-height:82px; padding:1rem clamp(2rem,5.2vw,6.3rem); border-bottom:1px solid var(--fine); display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.bleh-topbar > .wp-block-group { margin:0; }
.bleh-topbar-right { display:flex; align-items:center; justify-content:flex-end; gap:1.35rem; }
.bleh-topbar-label { margin:0; white-space:nowrap; font:600 .69rem/1.3 var(--sans); letter-spacing:.18em; color:var(--muted); }
.bleh-topbar .wp-block-navigation { font:.76rem/1.4 var(--sans); }
.bleh-topbar .wp-block-navigation-item__content { color:var(--ink); text-decoration:none; }
.bleh-topbar .wp-block-navigation-item__content:hover { color:var(--accent); }
.bleh-topbar .wp-block-search { min-width:100px; max-width:170px; margin:0; }
.bleh-topbar .wp-block-search__inside-wrapper { display:flex; padding:0; border:0; border-bottom:1px solid var(--fine); background:transparent; }
.bleh-topbar .wp-block-search__input { width:100%; min-width:0; border:0; padding:.22rem .1rem; font:.75rem/1.4 var(--sans); background:transparent; color:var(--ink); }
.bleh-topbar .wp-block-search__button { background:transparent; color:var(--accent); border:0; margin:0; padding:.25rem; }
.bleh-main { padding:clamp(2.6rem,6vw,6.2rem) clamp(2rem,8vw,9.5rem) 5.6rem; flex:1 0 auto; min-width:0; }
.bleh-main .bleh-content-width { max-width:744px; width:100%; margin:0 auto; }
.bleh-intro, .bleh-article-heading { border-bottom:1px solid var(--fine); padding-bottom:clamp(1.8rem,3vw,2.8rem); margin-bottom:clamp(1.1rem,3vw,2.3rem); }
.bleh-eyebrow { font:600 .69rem/1.5 var(--sans); text-transform:uppercase; letter-spacing:.15em; color:var(--accent); margin:0 0 1.15rem; }
.bleh-main .bleh-display-title { font:700 clamp(2.4rem,4.5vw,4.3rem)/1.08 var(--serif); letter-spacing:-.045em; margin:0; overflow-wrap:break-word; }
.bleh-intro-description { color:#526157; font:1.12rem/1.67 var(--serif); max-width:640px; margin:1.35rem 0 0; }
.bleh-intro-description a { color:var(--accent); }
.bleh-post-list { margin:0; }
.bleh-post-list .wp-block-post { padding:clamp(2rem,4vw,3.2rem) 0; border-bottom:1px solid var(--fine); margin:0; }
.bleh-post-list .wp-block-post:first-child { padding-top:1.5rem; }
.bleh-post-list .bleh-post-meta, .bleh-article-heading .bleh-post-meta { color:var(--muted); font:.72rem/1.6 var(--sans); display:flex; align-items:baseline; flex-wrap:wrap; gap:.45rem; }
.bleh-post-meta .wp-block-post-date, .bleh-post-meta .wp-block-post-terms { margin:0; }
.bleh-post-meta a { color:var(--muted); text-decoration:none; }
.bleh-post-meta a:hover { color:var(--accent); text-decoration:underline; }
.bleh-post-meta .wp-block-post-terms.bleh-type { color:var(--ink); font-weight:600; }
.bleh-post-list .wp-block-post-title { font:700 clamp(1.65rem,2.5vw,2.35rem)/1.18 var(--serif); letter-spacing:-.035em; margin:.85rem 0 .8rem; }
.bleh-post-list .wp-block-post-title a { color:var(--ink); text-decoration:none; }
.bleh-post-list .wp-block-post-title a:hover { color:var(--accent); }
.bleh-post-list .wp-block-post-excerpt { color:#47584d; font:1.04rem/1.74 var(--serif); margin:0; }
.bleh-post-list .wp-block-post-excerpt__excerpt { margin:0 0 .8rem; }
.bleh-post-list .wp-block-post-excerpt__more-text { margin:0; }
.bleh-post-list .wp-block-post-excerpt__more-link { color:var(--accent); font:600 .7rem/1.4 var(--sans); letter-spacing:.07em; text-transform:uppercase; text-decoration:none; }
.bleh-pagination { margin-top:2.2rem; font:.84rem/1.5 var(--sans); }
.bleh-pagination a { color:var(--ink); text-decoration:none; }
.bleh-pagination .current { color:var(--accent); }
.bleh-article-heading .bleh-post-meta { margin-top:1.25rem; }
.bleh-article-heading .wp-block-post-excerpt { font:1.18rem/1.6 var(--serif); color:#4a5a4f; margin-top:1.5rem; }
.bleh-article-heading .wp-block-post-excerpt__more-text { display:none; }
.bleh-article-featured { margin:0 0 2.2rem; }
.bleh-entry-content { font-size:clamp(1.06rem,1.55vw,1.16rem); line-height:1.8; overflow-wrap:anywhere; }
.bleh-entry-content > *:first-child { margin-top:0; }
.bleh-entry-content > *:last-child { margin-bottom:0; }
.bleh-entry-content h2, .bleh-entry-content h3, .bleh-entry-content h4 { line-height:1.22; letter-spacing:-.028em; margin:2.1em 0 .7em; }
.bleh-entry-content h2 { font-size:1.65em; }
.bleh-entry-content h3 { font-size:1.34em; }
.bleh-entry-content p, .bleh-entry-content ul, .bleh-entry-content ol { margin-bottom:1.35em; }
.bleh-entry-content blockquote { border-left:3px solid var(--accent); padding-left:1.2rem; }
.bleh-entry-content pre, .bleh-entry-content .wp-block-code { overflow:auto; }
.bleh-entry-content .wp-block-table { overflow-x:auto; }
.bleh-entry-content table { width:100%; border-collapse:collapse; font:.83em/1.55 var(--sans); }
.bleh-entry-content td, .bleh-entry-content th { border-bottom:1px solid var(--fine); padding:.75rem .65rem; text-align:left; }
.bleh-entry-content figcaption { color:var(--muted); font:.75rem/1.5 var(--sans); }
.bleh-entry-content .wp-block-button__link { background:var(--accent); color:#fff; border-radius:2px; }
.bleh-post-nextprev { border-top:1px solid var(--fine); margin-top:3rem; padding-top:1.5rem; font:.85rem/1.5 var(--sans); }
.bleh-post-nextprev a { color:var(--ink); text-decoration:none; }
.bleh-post-nextprev a:hover { color:var(--accent); }
.bleh-comments { border-top:1px solid var(--fine); margin-top:3rem; padding-top:1.5rem; }
.bleh-footer { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:1.5rem clamp(2rem,5.2vw,6.3rem); border-top:1px solid var(--fine); color:var(--muted); font:.73rem/1.5 var(--sans); gap:1rem; }
.bleh-footer p { margin:0; }
.bleh-footer a { color:var(--muted); text-decoration:none; }
.bleh-footer a:hover { color:var(--accent); }
.bleh-404-title { font-size:clamp(2rem,4vw,3.7rem); letter-spacing:-.05em; line-height:1.1; }
/* Blocks in the Site Editor's template canvas retain the same layout classes. */
@media (max-width:980px) {
  :root { --rail-width:210px; }
  .bleh-rail-inner { padding:2.6rem 1.5rem; }
  .bleh-main { padding:3.5rem clamp(2rem,5vw,4rem) 4rem; }
  .bleh-topbar { padding:1rem clamp(2rem,5vw,4rem); }
}
@media (max-width:740px) {
  .bleh-shell, .editor-styles-wrapper .bleh-shell { display:block; border:0; min-height:0; }
  .bleh-rail { border-right:0; border-bottom:1px solid var(--fine); }
  .bleh-rail-inner { position:static; max-height:none; padding:1.15rem 1.4rem; }
  .bleh-brand { margin:0 0 .9rem; }
  .bleh-brand .wp-block-site-title { font-size:2.1rem; }
  .bleh-brand .wp-block-site-tagline { margin:.35rem 0 0; max-width:none; font-size:.77rem; }
  .bleh-rail .bleh-section-label { margin:.7rem 0 .4rem; }
  .bleh-rail .wp-block-navigation__container { flex-direction:row !important; flex-wrap:wrap !important; gap:.1rem 1.1rem !important; }
  .bleh-rail .wp-block-navigation-item { width:auto; }
  .bleh-rail .wp-block-navigation-item__content { font-size:.77rem; padding:.17rem 0; }
  .bleh-rail-footnote { display:none; }
  .bleh-topbar { min-height:58px; padding:.8rem 1.4rem; }
  .bleh-topbar-label { font-size:.62rem; }
  .bleh-topbar .wp-block-search { max-width:120px; }
  .bleh-main { padding:2.8rem 1.4rem 4rem; }
  .bleh-footer { padding:1.3rem 1.4rem; }
  .bleh-post-list .wp-block-post { padding:2rem 0; }
}
@media (max-width:470px) {
  body { font-size:17px; }
  .bleh-main .bleh-display-title { font-size:2.4rem; }
  .bleh-topbar-label { display:none; }
  .bleh-topbar .wp-block-search { max-width:105px; }
}
@media print {
  body, .bleh-canvas { background:#fff; color:#111; font-size:12pt; }
  .bleh-shell { display:block; border:0; }
  .bleh-rail, .bleh-topbar, .bleh-footer, .bleh-post-nextprev, .bleh-comments { display:none !important; }
  .bleh-main { padding:0; }
  .bleh-main .bleh-content-width { max-width:none; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }