:root{color-scheme:light;--ink:#222;--mute:#8a8a8e;--line:#e6e4e0}
*{box-sizing:border-box}
html,body{margin:0;background:#fff;color:var(--ink);font-family:'IBM Plex Sans Thai',system-ui,sans-serif;line-height:1.5}
.brand{letter-spacing:.4em;font-size:11px;color:var(--mute)}
.logo{display:block;height:42px;width:auto;margin:0 auto}
.card{color:#222;break-inside:avoid;margin:0 0 16px;padding:14px 13px 13px;border-radius:6px;box-shadow:0 3px 10px rgba(0,0,0,.12);position:relative;transform:rotate(var(--r,0deg));width:100%}
.card::before{content:"";position:absolute;top:-8px;left:50%;width:46px;height:15px;margin-left:-23px;background:rgba(255,255,255,.6);box-shadow:0 1px 3px rgba(0,0,0,.12);transform:rotate(-3deg)}
.card .ph{background:#fff;padding:6px 6px 22px;margin:-2px -1px 10px;box-shadow:0 1px 5px rgba(0,0,0,.18);transform:rotate(-1.2deg)}
.card .ph img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;border-radius:2px;background:#f4f2ef}
.card p{margin:0 0 8px;font-size:17px;line-height:1.38;white-space:pre-wrap;word-break:break-word}
.card img.dr{width:100%;display:block;margin:0 0 6px}
.card .by{font-size:14px;opacity:.75}.card .em{font-size:20px;letter-spacing:.1em}
.f-mali{font-family:'Mali','IBM Plex Sans Thai',cursive}.f-itim{font-family:'Itim','IBM Plex Sans Thai',cursive}.f-char{font-family:'Charmonman','IBM Plex Sans Thai',serif}