/*
Theme Name: Cedersea Diary
Description: 날짜 막대 + 한 줄 피드 + 검색/월별 아카이브(모바일은 원형 월 버튼) 일기장 테마
Version: 1.0
Text Domain: cedersea-diary
*/
:root{--bg:#fff;--text:#1f1f1f;--muted:#8a8a8a;--line:#e4e4e4;--link:#1a5fb4;--box:#f3f3f3;color-scheme:light}
@media(prefers-color-scheme:dark){:root{--bg:#17181a;--text:#e6e6e6;--muted:#8f9399;--line:#2c2e31;--link:#7fb2f0;--box:#232528;color-scheme:dark}}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Serif KR","Apple SD Gothic Neo","Malgun Gothic",serif;font-size:16px;line-height:1.85;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
a{color:var(--link)}
input{font:inherit;color:inherit}
.layout{max-width:1100px;margin:0 auto;padding:40px 16px 80px;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:40px}
main{min-width:0}
.site-title{font-size:20px;font-weight:600;margin:0 0 4px}
.site-title a{color:inherit;text-decoration:none}
.site-sub{margin:0 0 32px;color:var(--muted);font-size:14px}
article{padding:0 0 32px}
time{display:block;background:var(--box);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 12px;font-size:13px;color:var(--muted);margin-bottom:16px}
.title{font-size:18px;font-weight:600;line-height:1.5;margin:0 0 12px;word-break:keep-all}
.title a{color:inherit;text-decoration:none}
.entry p{margin:0 0 1em;word-break:keep-all}
.entry img,.entry video{max-width:100%;height:auto}
.entry figure{margin:1.2em 0}
.entry figcaption{font-size:13px;color:var(--muted);margin-top:6px}
.entry iframe{display:block;width:100%;max-width:100%;aspect-ratio:16/9;height:auto;border:0}
.empty{padding:28px 0;color:var(--muted)}
.nav-links{display:flex;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--muted);margin-top:8px}
.nav-links a{text-decoration:none}
.nav-links .current{color:var(--text);font-weight:600}
/* 검색 + 사이드(PC) */
.search{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);background:var(--bg);border-radius:2px;margin-bottom:24px}
.side{position:sticky;top:40px;align-self:start;font-size:14px}
.side h2{font-size:13px;font-weight:600;color:var(--muted);margin:0 0 8px}
.all{display:inline-block;padding:0 0 12px;text-decoration:none}
.yr{margin:0 0 12px}.yr b{display:block;font-weight:600;margin-bottom:2px}
.mo{display:flex;justify-content:space-between;padding:3px 0;color:var(--text);text-decoration:none}
.mo span{color:var(--muted)}.mo.on{font-weight:600;text-decoration:underline}
/* 모바일 상단 */
.top{display:none}
@media(max-width:820px){
  .layout{display:block;padding:0 16px 64px}
  .side{display:none}
  .top{display:block;position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:var(--bg);margin:0 -16px;padding:12px 16px 10px;border-bottom:1px solid var(--line)}
  .top .search{margin:0 0 10px}
  .strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;padding:2px 0}
  .strip::-webkit-scrollbar{display:none}
  .c{flex:none;width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;font-size:13px;scroll-snap-align:start;color:var(--text);text-decoration:none;font-variant-numeric:tabular-nums}
  .c i{font-style:normal;font-size:11px;color:var(--muted)}
  .c.on{background:var(--text);border-color:var(--text);color:var(--bg)}.c.on i{color:var(--bg)}
  .site-title{margin-top:24px}
}