/* RisingSOON Frankish — minimal typography-first Ghost theme */
:root{
  --bg:#ffffff;
  --fg:#111111;
  --muted:#6b6b6b;
  --rule:rgba(0,0,0,.10);
  --link:#0b57d0;
  --serif: ui-serif, "Iowan Old Style", "Charter", "Palatino Linotype", Palatino, Georgia, serif;
  --sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*{ box-sizing:border-box; }
html{ font-size:18px; }
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family:var(--serif);
  line-height:1.65;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

a{ color:var(--link); text-decoration:underline; text-underline-offset:3px; }
a:hover{ text-decoration-thickness:2px; }

.wrap{
  max-width: 42rem; /* compact column like Frank-ish sites */
  padding: 2.25rem 1.25rem;
  margin: 0 auto;
}

.header{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:2.25rem;
}

.brand a{
  font-family:var(--sans);
  font-weight:650;
  color:var(--fg);
  text-decoration:none;
}

.nav{
  display:flex;
  flex-wrap:wrap;
  gap:.9rem;
  font-family:var(--sans);
  font-size:.95rem;
}
.nav a{
  color:var(--fg);
  text-decoration:none;
}
.nav a:hover{ text-decoration:underline; text-underline-offset:3px; }

.hero{
  margin: 0 0 1.75rem 0;
}
.hero h1{
  font-size:1.2rem;
  font-family:var(--sans);
  letter-spacing:-.01em;
  margin:0 0 .5rem 0;
}
.hero p{
  margin:0;
  color:var(--muted);
}

.section-title{
  font-family:var(--sans);
  font-size:.95rem;
  color:var(--muted);
  letter-spacing:.01em;
  margin: 1.75rem 0 .75rem 0;
}

.postlist{
  list-style:none;
  padding:0;
  margin:0;
}
.postrow{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:.45rem 0;
  border-bottom:1px solid var(--rule);
}
.postrow:last-child{ border-bottom:0; }

.postrow a{
  color:var(--fg);
  text-decoration:none;
}
.postrow a:hover{ text-decoration:underline; text-underline-offset:3px; }

.postdate{
  flex:0 0 auto;
  font-family:var(--sans);
  font-size:.92rem;
  color:var(--muted);
  white-space:nowrap;
}

.footer{
  margin-top:3rem;
  padding-top:1.25rem;
  border-top:1px solid var(--rule);
  font-family:var(--sans);
  font-size:.95rem;
  color:var(--muted);
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
}
.footer a{ color:var(--muted); text-decoration:none; }
.footer a:hover{ text-decoration:underline; text-underline-offset:3px; }

/* Post page */
.article-head h1{
  font-family:var(--sans);
  font-size:1.6rem;
  line-height:1.25;
  letter-spacing:-.015em;
  margin:0 0 .4rem 0;
}
.article-meta{
  font-family:var(--sans);
  color:var(--muted);
  font-size:.95rem;
  margin-bottom:1.6rem;
}

.kg-content img,
.kg-content video{
  max-width:100%;
  height:auto;
  display:block;
  margin: 1.25rem auto;
}

/* Nice reading rhythm */
.kg-content p{ margin: 0 0 1.05rem 0; }
.kg-content h2, .kg-content h3{
  font-family:var(--sans);
  letter-spacing:-.01em;
  margin: 2rem 0 .75rem 0;
  line-height:1.25;
}
.kg-content blockquote{
  margin:1.5rem 0;
  padding-left:1rem;
  border-left:3px solid var(--rule);
  color:#222;
}
.kg-content code{
  font-family:var(--mono);
  font-size:.95em;
}
.kg-content pre{
  font-family:var(--mono);
  font-size:.9em;
  padding:1rem;
  background:#f6f6f6;
  overflow:auto;
  border-radius:6px;
}

/* Mobile tweaks */
@media (max-width: 520px){
  .wrap{ padding: 1.75rem 1rem; }
  .header{ align-items:flex-start; flex-direction:column; }
  .postrow{ flex-direction:column; gap:.15rem; }
  .postdate{ order:-1; }
}


/* --- Koenig editor width helpers (required by Ghost gscan) --- */
.kg-width-wide {
  width: min(100%, 1100px);
  margin-left: auto;
  margin-right: auto;
}

.kg-width-full {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

@media (max-width: 640px) {
  .kg-width-full {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}