/* =========================================================================
   THEME: MINIMAL REFINED
   거의 흰 배경 · 얇은 선 모티브 · 넓은 여백 · 절제된 잉크블루 포인트.
   Wendy Ju / Dopple Press / Tach 계열의 세련된 미니멀.
   참고: ko.wix.com/blog/post/best-website-designs
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400&family=Inter+Tight:wght@400;500;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');

:root {
  --bg: #fcfcfb;
  --bg-2: #f4f4f2;
  --card: #ffffff;
  --card-2: #f6f6f4;
  --ink: #18191b;
  --ink-soft: #51545a;
  --ink-faint: #9a9da3;
  --line: #e7e7e4;
  --line-soft: #eeeeec;
  --accent: #2d4a78;          /* muted ink blue */
  --accent-2: #b3603f;        /* terracotta */
  --accent-ink: #ffffff;
  --link: #2d4a78;
  --link-hover: #b3603f;

  --hero-bg: linear-gradient(180deg,#fcfcfb,#f4f4f2);
  --hero-ink: #18191b;
  --hero-sub: #51545a;
  --hero-kicker: #2d4a78;
  --hero-rule: #d8d8d4;
  --hero-border: 1px solid #ececea;
  --hero-pad: 110px 22px 90px;

  --badge-show-bg:#2d4a78; --badge-show-ink:#fff;
  --badge-dia-bg:#b3603f;  --badge-dia-ink:#fff;
  --badge-likely-bg:#eceae4; --badge-likely-ink:#5a5848;

  --font-display: 'Newsreader','Noto Serif KR',Georgia,serif;
  --font-serif: 'Newsreader','Noto Serif KR',Georgia,serif;
  --font-h2: 'Newsreader','Noto Serif KR',serif;
  --font-body: 'Pretendard','Inter Tight',system-ui,sans-serif;
  --num-font: 'Inter Tight','Newsreader',sans-serif;
  --base-size: 17px;
  --body-leading: 1.85;
  --body-spacing: -0.002em;

  --h1-font: 'Newsreader','Noto Serif KR',serif;
  --h1-size: clamp(42px,6.5vw,86px);
  --h1-weight: 500;
  --h1-spacing: -0.018em;
  --h1-leading: 1.02;
  --ko-display: 'Noto Serif KR',serif;
  --ko-weight: 500;
  --ko-size: clamp(23px,3.6vw,40px);
  --kicker-spacing: .32em;

  --eyebrow-spacing: .3em;
  --arthead-font: 'Newsreader','Noto Serif KR',serif;
  --arthead-bg: #f7f7f5;

  --radius: 12px;
  --radius-card: 12px;
  --radius-img: 4px;
  --frame-radius: 6px;
  --frame-pad: 0px;
  --frame-border: 1px solid #ececea;
  --frame-bg: #fff;
  --card-border: 1px solid #ececea;
  --card-shadow: 0 1px 2px rgba(20,20,20,.03);
  --shadow-lg: 0 20px 50px rgba(20,20,20,.10);
  --btn-radius: 999px;
  --section-rule: 1px solid #ececea;

  --brand-weight: 600;

  --kp-mark: '—';
  --ff-mark: '·';
  --dropcap-color: var(--accent);
  --dropcap-size: 3.2em;

  --look-bg:#eef2f7; --look-border:#dde6f0; --look-ink:#2d4a78;
  --behind-bg:#f6f1ec; --behind-border:#ebe0d5; --behind-ink:#9a6a45;
  --fact-bg:#f8efeb; --fact-border:#eddcd3; --fact-ink:#b3603f;
  --note-bg:#eff1ef; --note-border:#e2e6e1; --note-ink:#4a6553;
  --ff-bg:#f6f6f4; --ff-border:#eaeae6;
  --keypoints-bg:#fff;
  --conf-bg:#f7f5f0; --conf-border:#e2dccb;
  --topbar-bg: rgba(252,252,251,.85);
  --footer-bg:#1b1c1e; --footer-ink:#9da0a6; --footer-strong:#f4f4f2; --footer-link:#9fb6da;
  --tag-bg:#eef2f7; --tag-ink:#2d4a78;
  --thumb-overlay: linear-gradient(180deg, transparent 60%, rgba(0,0,0,.18));
}

/* minimal: thin hairlines, generous air, quiet hovers */
body.t-minimal { letter-spacing: -0.002em; }
body.t-minimal .topbar { border-bottom: 1px solid #ececea; }
body.t-minimal .hero h1 .ko { color: #2d4a78; }
body.t-minimal .hero .lede { font-size: 19px; }
body.t-minimal .shead { margin-top: 84px; }
body.t-minimal .rule { width: 40px; height: 2px; background: var(--accent); }
body.t-minimal .syllabus { gap: 26px; }
body.t-minimal .daycard { box-shadow: none; border: 1px solid #ececea; }
body.t-minimal .daycard:hover { box-shadow: 0 20px 50px rgba(20,20,20,.10); border-color: #dcdcd8; transform: translateY(-3px); }
body.t-minimal .daycard .thumb { aspect-ratio: 5/4; }
body.t-minimal .daycard h3 { font-family: var(--font-serif); font-weight: 600; }
body.t-minimal .daycard .dnum { color: var(--ink-faint); }
body.t-minimal .prose h2 { font-weight: 500; }
body.t-minimal .prose h2 .en { color: var(--ink-faint); }
body.t-minimal .keypoints { border:1px solid #ececea; }
body.t-minimal .pager a:hover { transform: translateY(-2px); }
body.t-minimal .arthead h1 { font-weight: 500; }
body.t-minimal figure.art .frame { box-shadow: 0 1px 2px rgba(20,20,20,.04); }
body.t-minimal .badge { font-weight: 700; }