.punnaya-page{--p-ink:#19312a;--p-muted:#5d726a;--p-paper:#fbfaf5;--p-soft:#edf4ed;--p-leaf:#3f7458;--p-gold:#b3833f;background:var(--p-paper);color:var(--p-ink)}
.punnaya-hero{padding:clamp(58px,8vw,100px) 0 48px;background:radial-gradient(circle at 82% 18%,#dcebdd 0,transparent 35%),linear-gradient(145deg,#fbfaf5,#edf3e9);border-bottom:1px solid #d7e0d9}
.punnaya-hero h1{margin:.15em 0 .3em;font-family:Georgia,"Noto Serif Thai",serif;font-size:clamp(2.5rem,7vw,5.2rem);line-height:1.08;color:#19312a}
.punnaya-hero p{max-width:760px;margin:0;color:#3d564e;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.9}
.punnaya-wrap{padding:38px 0 72px}.punnaya-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:24px}
.punnaya-toolbar label{font-weight:700}.punnaya-search{min-width:min(100%,360px);padding:12px 15px;border:1px solid #cbd9cf;border-radius:999px;background:#fff;color:inherit;font:inherit}
.punnaya-layout{display:grid;grid-template-columns:minmax(210px,270px) minmax(0,1fr);gap:28px;align-items:start}.punnaya-index{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;padding:16px;border:1px solid #d7e0d9;border-radius:18px;background:#fff}
.punnaya-index h2{margin:0 0 12px;font-family:inherit;font-size:1rem}.punnaya-list{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.punnaya-list button{padding:7px 3px;border:1px solid #d7e0d9;border-radius:8px;background:#fbfaf5;color:var(--p-ink);font:inherit;cursor:pointer}.punnaya-list button:hover,.punnaya-list button:focus-visible,.punnaya-list button[aria-current=true]{border-color:var(--p-leaf);background:var(--p-soft);outline:none}.punnaya-list button[aria-current=true]{font-weight:800;box-shadow:inset 0 0 0 1px var(--p-leaf)}
.punnaya-article{min-width:0;padding:clamp(20px,4vw,42px);border:1px solid #e0e6df;border-radius:28px;background:#fff;box-shadow:0 10px 28px #19312a0d}.punnaya-article-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.punnaya-kicker{margin:0 0 8px;color:var(--p-leaf);font-weight:800;letter-spacing:.06em}.punnaya-article h2{margin:0;font-family:Georgia,"Noto Serif Thai",serif;font-size:clamp(1.8rem,4vw,3rem);line-height:1.25}.punnaya-image{display:block;width:min(100%,520px);margin:28px auto;border-radius:16px;box-shadow:0 8px 22px #19312a1a}.punnaya-main-text{margin:26px auto;max-width:760px;padding:20px 24px;border-left:4px solid var(--p-gold);background:#fffaf0;font-family:Georgia,"Noto Serif Thai",serif;font-size:clamp(1.2rem,2.2vw,1.65rem);line-height:1.8;white-space:pre-line}.punnaya-copy{max-width:760px;margin:0 auto}.punnaya-copy p{font-size:1.08rem;line-height:2;margin:0 0 1.2em}.punnaya-source{color:var(--p-muted);font-size:.94rem;line-height:1.7}.punnaya-source summary{cursor:pointer;color:var(--p-leaf);font-weight:700}.punnaya-nav{display:flex;justify-content:space-between;gap:12px;margin-top:34px;padding-top:22px;border-top:1px solid #d7e0d9}.punnaya-button{padding:10px 16px;border:1px solid var(--p-leaf);border-radius:999px;background:#fff;color:var(--p-ink);font:inherit;font-weight:700;cursor:pointer}.punnaya-button:hover,.punnaya-button:focus-visible{background:var(--p-soft);outline:3px solid #b3833f55;outline-offset:2px}.punnaya-button:disabled{opacity:.45;cursor:not-allowed}.punnaya-status{color:var(--p-muted);font-size:.95rem}.punnaya-error{padding:18px;border-left:4px solid #a43b3b;background:#fff2f2;color:#702828}
@media(max-width:760px){.punnaya-layout{grid-template-columns:1fr}.punnaya-index{position:static;max-height:none}.punnaya-list{grid-template-columns:repeat(8,1fr)}.punnaya-article-head{display:block}.punnaya-toolbar{align-items:stretch}.punnaya-search{width:100%;min-width:0}}
@media(max-width:420px){.punnaya-list{grid-template-columns:repeat(6,1fr)}.punnaya-article{padding:18px}.punnaya-main-text{padding:16px}}