.blog-page{background:var(--cream);min-height:100svh}.blog-head{text-align:center;padding:46px 24px 30px;background:var(--cream-deep)}.blog-head h1{font-family:var(--font-chonburi),serif;font-weight:400;font-size:clamp(28px,6vw,40px);color:#5d4326;margin:0 0 8px}.blog-head p{color:var(--ink-soft);font-size:15.5px;margin:0}.blog-list{max-width:760px;margin:0 auto;padding:30px 20px 10px;display:flex;flex-direction:column;gap:16px}.blog-empty{text-align:center;color:var(--ink-soft);font-family:var(--font-itim),cursive;font-size:17px;padding:40px 0}.post-card{display:block;text-decoration:none;color:inherit;overflow:hidden;background:var(--cream);border:1px solid rgba(141,110,74,.22);border-radius:16px;box-shadow:0 3px 12px rgba(93,67,38,.07);transition:transform .16s ease,box-shadow .16s ease}.post-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(93,67,38,.16)}.post-card:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.post-card>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--cream-deep)}.post-card-body{padding:14px 18px 16px}.post-card-body time{font-size:12.5px;color:#a58e70}.post-card-body h2,.post-card-body h3{font-family:var(--font-itim),cursive;font-weight:400;color:#5d4326;font-size:19px;line-height:1.5;margin:4px 0 6px}.post-card-body p{font-size:14.5px;line-height:1.7;color:var(--ink-soft);margin:0}.post-card.wide{background:#fff}@media (min-width:620px){.post-card.wide{display:flex;align-items:stretch}.post-card.wide>img{width:220px;flex:0 0 auto;aspect-ratio:4/3}}.post-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.post-tags span{font-size:12px;color:#8d6e4a;background:var(--cream-deep);border-radius:999px;padding:3px 10px}.blog-foot{text-align:center;padding:30px 24px 50px;font-size:13px;color:#a58e70}.blog-foot a{color:#8d6e4a}.post{max-width:720px;margin:0 auto;padding:34px 22px 10px}.post-back{margin:0 0 14px;font-size:14px}.post-back a{color:#8d6e4a;text-decoration:none}.post h1{font-family:var(--font-chonburi),serif;font-weight:400;font-size:clamp(26px,5.4vw,38px);line-height:1.4;color:#4a340f;margin:0 0 10px}.post-meta{font-size:13px;color:#a58e70;margin:0 0 22px}.post-cover{display:block;width:100%;border-radius:16px;margin-bottom:26px}.post-body{font-size:16.5px;line-height:1.95;color:#4a3a26}.post-body>:first-child{margin-top:0}.post-body h2{font-family:var(--font-chonburi),serif;font-weight:400;font-size:25px;color:#5d4326;margin:38px 0 12px}.post-body h3{font-family:var(--font-itim),cursive;font-weight:400;font-size:21px;color:#8d6e4a;margin:28px 0 8px}.post-body p{margin:0 0 18px}.post-body a{color:#a06a24;text-underline-offset:3px}.post-body ol,.post-body ul{margin:0 0 18px;padding-left:24px}.post-body li{margin-bottom:7px}.post-body img{display:block;max-width:100%;height:auto;border-radius:14px;margin:22px auto}.post-body blockquote{margin:22px 0;padding:4px 20px;border-left:4px solid var(--amber);color:var(--ink-soft);font-family:var(--font-itim),cursive;font-size:17px}.post-body code{background:var(--cream-deep);border-radius:5px;padding:2px 6px;font-size:.9em}.post-body pre{background:#2c1b4d;color:#e8dcff;border-radius:12px;padding:16px 18px;overflow-x:auto}.post-body pre code{background:none;padding:0}.post-body hr{border:0;border-top:1px solid rgba(141,110,74,.28);margin:34px 0}.post-body table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px}.post-body td,.post-body th{border:1px solid rgba(141,110,74,.25);padding:8px 12px;text-align:left}.post-body th{background:var(--cream-deep)}.post-body .pcard{display:flex;align-items:stretch;margin:28px 0;overflow:hidden;background:#fff;border:1px solid rgba(141,110,74,.24);border-radius:16px;box-shadow:0 3px 14px rgba(93,67,38,.08);text-decoration:none;color:inherit;transition:transform .16s ease,box-shadow .16s ease}.post-body .pcard:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(93,67,38,.16)}.post-body .pcard:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.pcard-img{flex:0 0 116px;background:var(--cream-deep)}.pcard-img img{display:block;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0}.pcard-body{flex:1 1;min-width:0;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;gap:7px}.pcard-tag{font-family:var(--font-itim),cursive;font-size:12.5px;color:#a58e70}.post-body .pcard-name{font-size:15.5px;font-weight:600;line-height:1.45;color:#4a340f;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcard-cta{align-self:flex-start;display:inline-flex;align-items:center;font-family:var(--font-itim),cursive;font-size:14.5px;color:#fff8e8;background:linear-gradient(135deg,#8d6e4a,#5d4326);border-radius:999px;padding:6px 15px}@media (max-width:430px){.pcard-img{flex-basis:92px}.pcard-body{padding:12px 13px}.post-body .pcard-name{font-size:14.5px}}@media (prefers-reduced-motion:reduce){.post-body .pcard:hover{transform:none}}.aff-note{margin:34px 0 0;padding-top:16px;border-top:1px solid rgba(141,110,74,.22);font-size:12.5px;color:#a58e70}.post-cta{text-align:center;background:var(--cream-deep);margin-top:46px;padding:40px 24px 48px}.post-cta h2{font-family:var(--font-chonburi),serif;font-weight:400;font-size:25px;color:#5d4326;margin:0 0 8px}.post-cta p{color:var(--ink-soft);font-size:15px;margin:0 0 22px}.post-cta .cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.post-cta .cta-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#8d6e4a,#5d4326);color:#fff;font-weight:800;font-size:16.5px;padding:13px 26px;border-radius:999px;text-decoration:none;box-shadow:0 10px 30px rgba(93,67,38,.35);transition:transform .15s ease,box-shadow .15s ease}.post-cta .cta-btn:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(93,67,38,.45)}.post-cta .cta-btn:focus-visible{outline:3px solid var(--amber);outline-offset:3px}@media (prefers-reduced-motion:reduce){.post-cta .cta-btn:hover{transform:none}}