:root{--ink:#27262b;--muted:#6b6872;--paper:#fffdf9;--accent:#9b5d67;--accent2:#ead8d8;--line:#ece6e0;--soft:#f7f1ed;--max:1000px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.7}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#6f3d46}
header{background:#f6ece8;border-bottom:1px solid var(--line)}.top{max-width:var(--max);margin:auto;padding:36px 22px 22px}.brand{font-size:clamp(2rem,5vw,3.2rem);font-weight:normal;line-height:1.1;margin:0}.tagline{margin:10px 0 0;color:var(--muted);font-style:italic}
nav{max-width:var(--max);margin:auto;padding:0 22px 18px;display:flex;gap:16px;flex-wrap:wrap;font-family:Arial,sans-serif;font-size:.92rem}nav a{text-decoration:none;color:var(--ink)}nav a:hover{text-decoration:underline}
main{max-width:var(--max);margin:38px auto;padding:0 22px 50px}.intro{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:26px}.intro h1{font-weight:normal;font-size:2rem;margin:0 0 8px}.muted{color:var(--muted)}.post-list{display:grid;grid-template-columns:1fr;gap:0}.post-card{padding:24px 0;border-bottom:1px solid var(--line)}.post-card h2{font-weight:normal;line-height:1.25;font-size:1.65rem;margin:0 0 6px}.meta{font: .82rem/1.5 Arial,sans-serif;color:var(--muted);margin:0 0 10px}.excerpt{margin:0 0 10px}.readmore{font: .9rem Arial,sans-serif}
article{max-width:760px;margin:0 auto}article h1{font-weight:normal;font-size:clamp(2rem,5vw,2.7rem);line-height:1.2;margin:0 0 12px}article .content{margin-top:28px;overflow-wrap:anywhere}article .content img{max-width:100%;height:auto}article .content figure{margin:1.4em 0}article .content figcaption{font-size:.9rem;color:var(--muted);text-align:center}article .content blockquote{border-left:3px solid var(--accent2);margin-left:0;padding-left:20px;color:#555}article .content iframe{max-width:100%}
.pill{display:inline-block;background:var(--soft);border-radius:99px;padding:3px 10px;margin:2px;font: .78rem Arial,sans-serif}.searchbox{width:100%;max-width:460px;padding:12px 14px;border:1px solid #d9d0ca;border-radius:4px;font-size:1rem;background:white}.category-list{display:flex;flex-wrap:wrap;gap:8px}.category-list a{padding:5px 11px;background:var(--soft);border-radius:3px;text-decoration:none}
footer{border-top:1px solid var(--line);background:#faf5f1;color:var(--muted);font: .85rem/1.6 Arial,sans-serif;padding:24px 22px;text-align:center}footer a{color:inherit}.back{font: .9rem Arial,sans-serif;display:inline-block;margin-bottom:18px}.pager{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
@media(min-width:700px){.post-list{grid-template-columns:1fr 1fr;column-gap:38px}.post-card:nth-child(odd){padding-right:10px}}
/* ---- Soft pastel background ---- */
html{background:#f3eaf6}
body{background:linear-gradient(135deg,#fde6ec 0%,#f0e6fb 38%,#e3effb 70%,#e2f4ee 100%) fixed;min-height:100vh}
header{background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.7)}
main{background:rgba(255,255,255,.78);border-radius:20px;box-shadow:0 10px 36px rgba(120,100,160,.12);margin:30px auto;padding:30px 30px 50px;width:calc(100% - 28px)}
footer{background:rgba(255,255,255,.55);border-top:1px solid rgba(255,255,255,.7)}
.post-card:last-child{border-bottom:0}
@media(max-width:600px){main{padding:22px 16px 36px;border-radius:16px;width:calc(100% - 16px)}}
