/* Theme Name: Uzun Okuu. Long read. Kündölük 3.4 (2015). */
body { margin:0; background:#fff; color:#222; font:19px/1.7 Lora, Georgia, serif; }
a { color:#222; } a:hover { color:#2b7a4b; }
#bar { display:flex; align-items:center; justify-content:space-between; padding:12px 24px; font:600 13px "Open Sans", sans-serif; border-bottom:1px solid #eee; }
#bar h1 { margin:0; font:700 20px Lora, serif; } #bar h1 a { text-decoration:none; }
#bar nav a { margin-left:18px; color:#777; text-decoration:none; }
.hero { position:relative; height:62vh; min-height:320px; max-height:560px; background:#556 center/cover no-repeat; display:flex; align-items:flex-end; }
.hero:after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 35%, rgba(0,0,0,.7)); }
.hero div { position:relative; z-index:1; width:100%; max-width:700px; margin:0 auto; padding:0 24px 34px; color:#fff; }
.hero h2 { font-size:44px; line-height:1.1; margin:0 0 8px; }
.hero .dek { font-style:italic; font-size:20px; opacity:.9; }
.col { max-width:700px; margin:0 auto; padding:24px; }
.byline { display:flex; align-items:center; gap:10px; font:13px "Open Sans", sans-serif; color:#888; margin:0 0 20px; }
.byline i { width:36px; height:36px; border-radius:50%; background:#c2a46b; display:inline-block; }
.col p { margin:0 0 1.1em; }
.col blockquote { font-style:italic; font-size:28px; line-height:1.35; border-left:4px solid #222; margin:1.2em 0 1.2em -28px; padding-left:24px; }
.col mark { background:#d9f5df; }
.photo { margin:1.4em -60px; } .photo img { display:block; width:100%; height:auto; } .photo span { display:block; font:13px "Open Sans", sans-serif; color:#888; text-align:center; margin-top:6px; }
.list .item { display:grid; grid-template-columns:1fr 220px; gap:24px; align-items:center; border-bottom:1px solid #eee; padding:26px 0; text-decoration:none; }
.list .item h3 { font-size:26px; line-height:1.2; margin:0 0 6px; }
.list .item p { margin:0; color:#666; font-size:16px; }
.list .item small { font:12px "Open Sans", sans-serif; color:#999; }
.list .item img { width:100%; height:150px; object-fit:cover; display:block; }
.comments { border-top:1px solid #eee; margin-top:30px; padding-top:10px; font-size:16px; }
.comments .c { margin:0 0 14px; } .comments .c b { font-family:"Open Sans", sans-serif; font-size:13px; }
.navigation { display:flex; justify-content:space-between; font:600 13px "Open Sans", sans-serif; padding:20px 0; }
#foot { border-top:1px solid #eee; text-align:center; font:12px "Open Sans", sans-serif; color:#999; padding:24px; }
@media (max-width:760px) { .hero h2 { font-size:30px; } .photo { margin:1.2em -24px; } .col blockquote { margin-left:0; font-size:22px; } .list .item { grid-template-columns:1fr; } }