/* =========================
   TYPOGRAPHY + LAYOUT PATCH
   (Inter everywhere, tighter reading)
   ========================= */

@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;600&display=swap');

:root{
  --font-main: 'Inconsolata', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

/* Force font everywhere (Ghost + cards + nav) */
html, body{font-family:var(--font-main)!important; font-size:16px; line-height:1.55;}
*{font-family:inherit!important;}
input, button, textarea, select{font-family:var(--font-main)!important;}

/* Header: two thin rows, desktop-like, barely there */
.site-header{padding:0!important;}
.site-header__inner{max-width:var(--page); margin:0 auto; padding:10px 16px 8px!important; display:block!important;}
.brand{display:block!important; text-decoration:none; margin:0;}
.brand__name{display:block; font-weight:600; font-size:0.95rem; letter-spacing:0;}
.brand__tag{display:block; margin-top:4px; max-width:720px; font-size:0.78rem; opacity:0.72; line-height:1.25;}
.nav{margin-top:8px; display:flex; flex-wrap:wrap; gap:10px; align-items:center;}
.nav ul{display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:0; padding:0; list-style:none;}
.nav a{font-weight:600; font-size:0.82rem; text-decoration:none; opacity:0.9;}
.nav a:hover{opacity:1;}
.nav .nav__secondary{opacity:0.75; font-weight:600;}
.nav .cta{margin-left:auto; padding:4px 10px; border:1px solid rgba(0,0,0,.22); border-radius:999px; font-weight:600; font-size:0.82rem; opacity:0.95;}

/* Reading width + density */
.gh-content{
  max-width:760px;
  margin:0 auto;
  font-size:15.8px;
  line-height:1.6;
}
.gh-content p{margin:0 0 1em;}
.gh-content h1{font-size:2.05rem; line-height:1.15; margin:0 0 0.9rem;}
.gh-content h2{font-size:1.55rem; margin:2.1rem 0 0.9rem;}
.gh-content h3{font-size:1.25rem; margin:1.9rem 0 0.8rem;}

/* Ensure cards/collections don't swap fonts */
.feed, .collection, .container,
.post-card, .post-card-content, .post-card-title, .post-card-excerpt,
.kg-card, .kg-card *{
  font-family:var(--font-main)!important;
}

/* Slightly tighter list typography */
.post-card-excerpt{font-size:0.95rem; line-height:1.45;}
.post-card-title{font-weight:600; letter-spacing:-0.01em;}

/* Mobile: keep it readable */
@media (max-width: 640px){
  html, body{font-size:16px;}
  .site-header{padding:18px 14px 12px;}
  .nav .cta{margin-left:0;}
  .gh-content{font-size:16px; padding:0 2px;}
}


/* Nav outline (desktop) */
.nav__link{font: inherit; text-decoration:none;}
.nav__link--outline{border:1px solid currentColor; padding:2px 10px; border-radius:8px;}

/* FOLDER TYPO CONSISTENCY */
.folder .label{font: inherit; font-size: 13px; line-height: 1.2;}
.folder .emoji{font-size: 26px;}
.cta{font: inherit; font-size: inherit; line-height: 1.2;}



/* === PATCH: unify nav + makonat style (outline sizing like abonare) === */
.site-header__inner{align-items:flex-start;}
.nav{display:flex; align-items:center; justify-content:space-between; width:100%; gap:14px; flex-wrap:nowrap;}
.nav__left{display:flex; align-items:center; gap:16px; flex-wrap:wrap;}
.nav__right{display:flex; align-items:center; gap:12px; margin-left:auto;}
.nav .nav__link{font-family:var(--font-mono); font-size:12px; letter-spacing:.2px; padding:6px 10px; border-radius:12px; text-decoration:none;}
.nav .nav__link--outline{border:1px solid rgba(0,0,0,.35); background:transparent;}
.nav .nav__link--makonat{background:#111; color:#fff; border:1px solid #111;}
.nav .nav__link--makonat:hover{background:#000; border-color:#000;}
/* keep brand + nav on two subtle rows on narrow screens */
@media (max-width: 560px){
  .site-header__inner{flex-direction:column; align-items:flex-start; gap:8px;}
  .nav{flex-direction:column; align-items:flex-start; gap:10px;}
  .nav__left{gap:12px;}
  .nav__right{margin-left:0;}
}