/* founder-blog — 브런치풍 프리미엄 읽기 레이아웃 (maeum.io 다크 팔레트 사용) */
/* 사이트 컴파일 번들의 :root 변수(--color-*, --font-*)를 그대로 참조한다. */

.fb-progress{position:fixed;top:0;left:0;height:2px;width:0;z-index:60;
  background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));
  transition:width .1s linear}

.fb-wrap{max-width:780px;margin:0 auto;padding:0 1.5rem;
  font-family:var(--font-sans)}
.fb-list-wrap{max-width:900px;margin:0 auto;padding:0 1.5rem;
  font-family:var(--font-sans)}

.fb-article{padding-top:7.5rem;padding-bottom:4rem}
@media(min-width:640px){.fb-article{padding-top:9rem}}

/* breadcrumb / back */
.fb-back{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;
  color:var(--color-text-muted);text-decoration:none;margin-bottom:2rem;
  transition:color .2s}
.fb-back:hover{color:var(--color-accent)}

/* meta line */
.fb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;
  font-size:.78rem;letter-spacing:.02em;color:var(--color-text-muted);
  margin-bottom:1.4rem}
.fb-meta .dot{opacity:.5}
.fb-meta .cat{color:var(--color-accent);text-decoration:none;font-weight:500}
.fb-meta .cat:hover{text-decoration:underline}

/* title block */
.fb-title{font-size:clamp(2rem,5.2vw,2.9rem);font-weight:700;line-height:1.18;
  letter-spacing:-.02em;color:var(--color-text-primary);
  word-break:keep-all;overflow-wrap:break-word;margin:0}
.fb-rule{width:2.6rem;height:3px;border-radius:3px;background:var(--color-accent);
  margin:1.4rem 0 1.6rem}
.fb-excerpt{font-size:1.18rem;line-height:1.72;color:var(--color-text-secondary);
  word-break:keep-all;margin:0 0 2.6rem;font-weight:400}

/* body */
.fb-body{margin-top:.5rem}
.fb-body p{font-size:1.135rem;line-height:1.98;color:#cbcbd3;
  margin:1.4rem 0;word-break:keep-all;overflow-wrap:break-word;
  letter-spacing:.003em}
.fb-body p:first-child{margin-top:0}
.fb-body a{color:var(--color-accent);text-decoration:none;
  border-bottom:1px solid color-mix(in srgb,var(--color-accent) 40%,transparent)}
.fb-body a:hover{border-bottom-color:var(--color-accent)}
.fb-body strong{color:var(--color-text-primary);font-weight:600}
.fb-body em{color:var(--color-text-secondary);font-style:italic}

/* 세 점 섹션 구분 */
.fb-dots{text-align:center;color:var(--color-text-muted);letter-spacing:.6em;
  font-size:1rem;margin:2.8rem 0 2.6rem;padding-left:.6em;user-select:none}

/* 글 끝 저자 카드 */
.fb-author{display:flex;align-items:center;gap:1rem;margin-top:3.5rem;
  padding:1.4rem 1.5rem;border:1px solid var(--color-border-dim);
  border-radius:1rem;background:var(--color-surface)}
.fb-author .ava{flex:none;width:2.9rem;height:2.9rem;border-radius:50%;
  display:grid;place-items:center;font-weight:700;color:#fff;
  background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover))}
.fb-author .who{flex:1;min-width:0}
.fb-author .nm{font-size:.92rem;font-weight:600;color:var(--color-text-primary)}
.fb-author .ti{font-size:.78rem;color:var(--color-text-muted);margin-top:.15rem}
.fb-author a.q{flex:none;font-size:.8rem;color:var(--color-accent);
  text-decoration:none;white-space:nowrap}
.fb-author a.q:hover{text-decoration:underline}

/* 출처(브런치) 한 줄 */
.fb-origin{margin-top:1.4rem;font-size:.78rem;color:var(--color-text-muted);
  text-align:center}
.fb-origin a{color:var(--color-text-secondary);text-decoration:none;
  border-bottom:1px solid var(--color-border-default)}
.fb-origin a:hover{color:var(--color-accent)}

/* 이전/다음 글 */
.fb-nav{display:grid;gap:.8rem;margin-top:2.5rem}
@media(min-width:560px){.fb-nav{grid-template-columns:1fr 1fr}}
.fb-nav a{display:block;padding:1rem 1.2rem;border:1px solid var(--color-border-dim);
  border-radius:.9rem;text-decoration:none;transition:border-color .2s,background .2s}
.fb-nav a:hover{border-color:var(--color-border-hover);background:var(--color-card)}
.fb-nav .lbl{font-size:.72rem;color:var(--color-text-muted);letter-spacing:.04em}
.fb-nav .tt{margin-top:.35rem;font-size:.92rem;font-weight:500;
  color:var(--color-text-secondary);line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fb-nav a:hover .tt{color:var(--color-text-primary)}
.fb-nav .nx{text-align:right}

/* ---------- 목록 ---------- */
.fb-list{padding-top:7.5rem;padding-bottom:5rem}
@media(min-width:640px){.fb-list{padding-top:9rem}}
.fb-list h1{font-size:clamp(2.2rem,6vw,3.2rem);font-weight:700;letter-spacing:-.02em;
  color:var(--color-text-primary);margin:0}
.fb-list .sub{margin-top:1rem;font-size:1.05rem;color:var(--color-text-secondary);
  line-height:1.6;word-break:keep-all}

.fb-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin:2.2rem 0 .5rem}
.fb-filter button{padding:.4rem .9rem;border-radius:999px;font-size:.8rem;
  font-weight:500;cursor:pointer;border:1px solid var(--color-border-dim);
  background:transparent;color:var(--color-text-muted);transition:all .2s}
.fb-filter button:hover{color:var(--color-text-secondary);border-color:var(--color-border-default)}
.fb-filter button.on{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}

.fb-feed{list-style:none;margin:1.5rem 0 0;padding:0}
.fb-entry{border-top:1px solid var(--color-border-dim)}
.fb-entry:first-child{border-top:0}
.fb-entry a{display:block;padding:1.8rem 0;text-decoration:none;
  transition:opacity .2s}
.fb-entry .meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.76rem;
  color:var(--color-text-muted);margin-bottom:.5rem}
.fb-entry .meta .cat{color:var(--color-accent)}
.fb-entry h2{font-size:1.35rem;font-weight:600;line-height:1.35;
  letter-spacing:-.01em;color:var(--color-text-primary);margin:0;
  word-break:keep-all;transition:color .2s}
.fb-entry a:hover h2{color:var(--color-accent)}
.fb-entry p{margin:.55rem 0 0;font-size:.95rem;line-height:1.6;
  color:var(--color-text-secondary);word-break:keep-all;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 첫 글 = featured */
.fb-entry.feat a{padding-top:.5rem}
.fb-entry.feat h2{font-size:1.9rem;font-weight:700;line-height:1.25}
@media(min-width:640px){.fb-entry.feat h2{font-size:2.3rem}}
.fb-entry.feat p{font-size:1.05rem;margin-top:.8rem;-webkit-line-clamp:3}

/* ---------- 연재 시리즈 ---------- */
.fb-series{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 1.1rem;
  padding:.4rem .9rem;border:1px solid var(--color-border-dim);border-radius:999px;
  background:var(--color-surface);font-size:.82rem;color:var(--color-text-secondary);
  text-decoration:none;transition:border-color .2s,color .2s}
.fb-series:hover{border-color:var(--color-accent);color:var(--color-text-primary)}
.fb-series-ic{font-size:.9rem;filter:saturate(.55)}
/* 목록의 시리즈 필터 행 */
.fb-series-row{margin-top:.55rem}
.fb-flabel{align-self:center;font-size:.74rem;color:var(--color-text-muted);
  letter-spacing:.03em;margin-right:.15rem}
.fb-filter button .cnt{opacity:.55;font-size:.72rem;margin-left:.1rem}
.fb-entry .meta .s-tag{color:var(--color-text-secondary)}