/* Static archive stylesheet for dev3.goinghome.info
   Clean, readable base + sensible fallbacks for common WordPress/Otter block classes. */
:root{
  --ink:#22201c; --muted:#6b6459; --bg:#faf8f4; --card:#fff;
  --accent:#7a5c2e; --accent-2:#b8892b; --line:#e7e1d6; --maxw:820px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:17px/1.7 Georgia,'Times New Roman',serif;
}
img{max-width:100%; height:auto}
a{color:var(--accent); text-decoration:underline; text-underline-offset:2px}
a:hover{color:var(--accent-2)}

/* --- archive banner --- */
.archive-banner{
  background:#2b2620; color:#f3ead6; font:600 13px/1.5 system-ui,sans-serif;
  text-align:center; padding:8px 14px;
}
/* --- header / nav --- */
.site-header{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 22px;
  max-width:1100px; margin:0 auto; padding:18px 22px;
  border-bottom:1px solid var(--line);
}
.brand{font:700 24px/1 Georgia,serif; color:var(--ink); text-decoration:none; margin-right:auto}
.site-nav{display:flex; flex-wrap:wrap; gap:6px 18px; font:600 14px/1 system-ui,sans-serif}
.site-nav a{color:var(--muted); text-decoration:none}
.site-nav a:hover{color:var(--accent)}

/* --- content --- */
.content{max-width:var(--maxw); margin:0 auto; padding:34px 22px 70px}
.content.index{max-width:900px}
.page-title{font:700 34px/1.2 Georgia,serif; margin:0 0 26px; color:var(--ink)}
.content h1,.content h2,.content h3,.content h4{font-family:Georgia,serif; line-height:1.25; color:var(--ink)}
.content h2{font-size:26px; margin:1.8em 0 .6em}
.content h3{font-size:21px; margin:1.5em 0 .5em}
.content p{margin:0 0 1.1em}
.content ul,.content ol{margin:0 0 1.1em; padding-left:1.4em}
.content li{margin:.3em 0}
.content blockquote{
  margin:1.4em 0; padding:.4em 1.2em; border-left:4px solid var(--accent-2);
  color:var(--muted); font-style:italic; background:#fff8ec;
}
.content figure{margin:1.4em 0}
.content figcaption{font:400 14px/1.5 system-ui,sans-serif; color:var(--muted); text-align:center; margin-top:.4em}
hr,.wp-block-separator{border:none; border-top:1px solid var(--line); margin:2em 0}

/* --- WordPress core block fallbacks --- */
.wp-block-columns{display:flex; flex-wrap:wrap; gap:24px; margin:1.2em 0}
.wp-block-column{flex:1 1 240px; min-width:0}
.wp-block-image img{border-radius:4px}
.wp-block-image.aligncenter,.aligncenter{text-align:center; margin-left:auto; margin-right:auto}
.wp-block-button__link,.wp-block-button a{
  display:inline-block; background:var(--accent); color:#fff !important; text-decoration:none;
  padding:.6em 1.3em; border-radius:6px; font:600 15px/1.2 system-ui,sans-serif; margin:.3em .3em .3em 0;
}
.wp-block-buttons{display:flex; flex-wrap:wrap; gap:8px}
.wp-block-spacer{display:block}
.wp-block-audio{margin:1.2em 0}
.wp-block-audio audio{width:100%}
.wp-block-media-text{display:grid; grid-template-columns:1fr 1fr; gap:26px; align-items:center; margin:1.4em 0}
.wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 1fr}
.wp-block-media-text__content{min-width:0}
.wp-block-cover{
  position:relative; display:flex; align-items:center; justify-content:center;
  min-height:320px; padding:40px; color:#fff; text-align:center; overflow:hidden;
  background:#2b2620 center/cover no-repeat; border-radius:6px; margin:1.4em 0;
}
.wp-block-cover img.wp-block-cover__image-background{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;
}
.wp-block-cover .wp-block-cover__inner-container{position:relative; z-index:1}

/* Otter / themeisle advanced columns -> flex fallback */
.wp-block-themeisle-blocks-advanced-columns{margin:1.2em 0}
.wp-block-themeisle-blocks-advanced-columns .innerblocks-wrap{
  display:flex; flex-wrap:wrap; gap:24px;
}
.wp-block-themeisle-blocks-advanced-column{flex:1 1 240px; min-width:0}
.wp-block-themeisle-blocks-advanced-columns-overlay{display:none}

/* embeds */
.embed-video{position:relative; padding-bottom:56.25%; height:0; margin:1.4em 0}
.embed-video iframe{position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:6px}

/* --- all-pages index --- */
ul.allpages{list-style:none; padding:0; columns:1}
ul.allpages li{margin:.5em 0; padding:.55em .8em; background:var(--card); border:1px solid var(--line); border-radius:6px}
ul.allpages a{font:600 16px/1.3 Georgia,serif}
ul.allpages .meta{display:block; font:400 12px/1.4 system-ui,sans-serif; color:var(--muted); margin-top:2px}

/* --- footer --- */
.site-footer{
  border-top:1px solid var(--line); margin-top:40px; padding:26px 22px;
  text-align:center; color:var(--muted); font:400 14px/1.6 system-ui,sans-serif;
}

@media (max-width:640px){
  .wp-block-media-text{grid-template-columns:1fr}
  .page-title{font-size:27px}
  body{font-size:16px}
}