/* Base */
:root { --text:#222; --muted:#666; --link:#2a6ebb; --line:#e5e5e5; --bg:#fff; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text);
  font-family: -apple-system, "Segoe UI", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-size:16px; line-height:1.7; }
a { color:var(--link); text-decoration:none; }
a:hover { text-decoration:underline; }

/* Top nav */
.masthead { border-bottom:1px solid var(--line); }
.masthead nav { max-width:1000px; margin:0 auto; padding:14px 16px; display:flex; gap:24px; }
.masthead .site-title { font-weight:700; color:var(--text); margin-right:auto; }

/* Layout: sidebar + content */
.wrap { max-width:1000px; margin:0 auto; padding:32px 16px; display:flex; gap:48px; }
.sidebar { flex:0 0 200px; font-size:14px; }
.sidebar h3 { margin:0 0 6px; font-size:18px; }
.sidebar p { margin:0 0 12px; color:var(--muted); }
.sidebar ul { list-style:none; padding:0; margin:0; }
.content { flex:1; min-width:0; }
.content h2 { font-size:22px; border-bottom:1px solid var(--line); padding-bottom:4px; margin-top:32px; }

/* Post list */
.posts { list-style:none; padding:0; }
.posts li { margin-bottom:18px; }
.posts .date { color:var(--muted); font-size:13px; }
.posts .summary { margin:2px 0 0; color:var(--muted); font-size:14px; }

/* Single post */
.post-meta { color:var(--muted); font-size:14px; margin-top:-8px; }

footer { max-width:1000px; margin:0 auto; padding:24px 16px; border-top:1px solid var(--line);
  font-size:13px; color:var(--muted); }

/* Phone */
@media (max-width:700px) {
  .wrap { flex-direction:column; gap:16px; }
  .sidebar { flex:none; }
}