body.kpg-page{background:#fff;color:#142d3b}.kpg-page .site-shell{max-width:1560px}.kpg-main{--kpg-blue:#0769d7;--kpg-ink:#142d3b;--kpg-muted:#586875;margin:0 auto;padding:48px 16px 64px;font-family:"Noto Sans Thai",sans-serif;color:var(--kpg-ink)}.kpg-main *{box-sizing:border-box}.kpg-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.kpg-heading h1{font-size:clamp(28px,3.3vw,44px);font-weight:600;letter-spacing:-.03em;line-height:1.35;margin:0 0 12px}.kpg-heading p{font-size:16px;color:var(--kpg-muted);margin:0;line-height:1.7}.kpg-main a{color:inherit}.kpg-library,.kpg-back{display:inline-flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;font-size:14px}.kpg-library{white-space:nowrap}.kpg-toolbar{display:flex;align-items:center;gap:20px;padding:0;border:0;background:none;margin-bottom:22px}.kpg-search{display:flex;align-items:center;gap:12px;flex:1;background:#f4f6f8;border:1px solid transparent;border-radius:12px;padding:5px 6px 5px 16px;min-width:0}.kpg-search:focus-within{border-color:var(--kpg-blue);background:#fff}.kpg-search svg{width:21px;height:21px;flex:none;stroke-width:1.6;color:#586875}.kpg-search input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;padding:10px 0;font:inherit;font-size:15px;width:100%;height:44px;color:var(--kpg-ink)}.kpg-search button,.kpg-access select{min-height:44px;border:0;border-radius:8px;font:inherit;font-size:14px}.kpg-search button{padding:10px 20px;background:#142d3b;color:#fff;cursor:pointer;white-space:nowrap}.kpg-access{display:flex;align-items:center;gap:12px;flex:none}.kpg-access label{font-size:13px;color:var(--kpg-muted)}.kpg-access select{padding:10px 32px 10px 12px;border:1px solid #dfe5eb;background:white;max-width:180px}.kpg-categories{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:thin;overscroll-behavior-x:contain}.kpg-categories a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:8px 16px;border-radius:999px;min-height:44px;text-decoration:none;font-size:14px;background:#f4f6f8;border:1px solid transparent}.kpg-categories a[aria-current]{background:#142d3b;color:white}.kpg-result-bar{display:flex;justify-content:space-between;align-items:center;margin:8px 0 22px;font-size:13px;color:var(--kpg-muted);min-height:28px}.kpg-result-bar p{margin:0}.kpg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px;align-items:start}.kpg-card{min-width:0}.kpg-art{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;overflow:hidden;background:#f3f4f6;border-radius:14px;text-decoration:none}.kpg-art img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .2s}.kpg-badge{position:absolute;top:12px;left:12px;background:#fff;border:1px solid #e1e6eb;border-radius:999px;padding:5px 10px;color:#243e4d;font-size:11px;line-height:1.4;box-shadow:0 2px 6px #142d3b0a}.kpg-badge-pack{background:#142d3b;color:white;border-color:#142d3b}.kpg-art-action{position:absolute;inset:auto 12px 12px;display:flex;justify-content:space-between;gap:8px;align-items:center;background:#ffffffed;backdrop-filter:blur(6px);border-radius:8px;padding:12px 14px;font-size:13px;opacity:0;transform:translateY(3px);transition:opacity .15s,transform .15s}.kpg-art:hover .kpg-art-action,.kpg-art:focus-visible .kpg-art-action{opacity:1;transform:none}.kpg-card h2{font-size:16px;line-height:1.6;margin:14px 0 4px;font-weight:600;overflow-wrap:anywhere}.kpg-card h2 a{text-decoration:none}.kpg-card>p{font-size:12px;line-height:1.6;margin:0;color:var(--kpg-muted)}.kpg-pages{display:flex;justify-content:center;gap:8px;margin:40px 0}.kpg-pages a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;text-decoration:none;border:1px solid #dfe5eb;border-radius:8px}.kpg-pages a[aria-current]{background:#142d3b;color:#fff;border-color:#142d3b}.kpg-footnote{font-size:12px;line-height:1.8;margin:40px 0 0;color:var(--kpg-muted);max-width:75ch}.kpg-empty{padding:72px 20px;text-align:center;background:#f7f8fa;border-radius:14px}.kpg-empty h1,.kpg-empty h2{font-size:24px;line-height:1.5;margin:0 0 14px}.kpg-empty p{color:var(--kpg-muted);line-height:1.8}.kpg-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:#0769d7!important;color:white!important;border:1px solid #0769d7;border-radius:10px;text-decoration:none;font:inherit;font-weight:600;cursor:pointer;text-align:center}.kpg-main :focus-visible{outline:3px solid #0769d7;outline-offset:4px}.kpg-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kpg-preview{padding-top:24px}.kpg-back{margin-bottom:24px}.kpg-preview-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:start}.kpg-large-image{margin:0;min-width:0;background:#f4f6f8;border-radius:16px;padding:18px}.kpg-large-image img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain}.kpg-large-image figcaption{font-size:11px;line-height:1.8;color:#586875;margin-top:14px;text-align:center}.kpg-preview-info{padding:18px 0;min-width:0}.kpg-preview-access{font-size:13px;color:#0769d7;margin:0 0 14px}.kpg-preview-info h1{font-size:clamp(25px,3vw,36px);line-height:1.5;letter-spacing:-.02em;margin:0 0 16px;font-weight:600}.kpg-description{color:#586875;line-height:1.9;font-size:15px}.kpg-preview-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 28px}.kpg-preview-tags span{padding:6px 10px;font-size:12px;background:#f2f5f8;border-radius:6px}.kpg-command-heading h2,.kpg-unlock h2,.kpg-unavailable h2{font-size:19px;line-height:1.6;margin:0 0 10px}.kpg-command-heading p,.kpg-unlock p,.kpg-unavailable p{font-size:14px;line-height:1.8;color:#586875}.kpg-main #kpg-command{width:100%;max-width:100%;min-height:240px;max-height:520px;resize:vertical;font:inherit;font-size:14px;line-height:1.9;background:#f7f9fb;border:1px solid #dfe5eb;border-radius:10px;padding:18px;color:#253f4d;white-space:pre-wrap;overflow-wrap:anywhere}.kpg-copy{width:100%;margin-top:14px}.kpg-ai-note,#kpg-copy-status{font-size:12px;line-height:1.8;color:#586875}.kpg-detail-link{display:block;margin-top:18px;min-height:44px;line-height:1.8;font-size:14px}.kpg-unlock{padding-top:24px;border-top:1px solid #dfe5eb}.kpg-unlock .kpg-button{margin:8px 0;max-width:100%;overflow-wrap:anywhere}.kpg-image-error{font-size:13px;color:#586875;padding:20px;text-align:center}.kpg-image-error[hidden]{display:none}.kpg-pending{opacity:.6;pointer-events:none}.kpg-art img[data-failed]{display:none}@media(max-width:1100px){.kpg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}.kpg-preview-grid{gap:28px}}@media(max-width:780px){.kpg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpg-heading{display:block;margin-bottom:24px}.kpg-library{margin-top:14px}.kpg-toolbar{flex-wrap:wrap;gap:12px}.kpg-search{flex-basis:100%}.kpg-access{width:100%;justify-content:space-between}.kpg-access select{flex:1;max-width:210px}.kpg-main{padding:28px 8px 44px}.kpg-preview-grid{grid-template-columns:1fr;gap:20px}.kpg-preview-info{padding:0}.kpg-large-image img{max-height:65vh}.kpg-card h2{font-size:14px;margin-top:10px}.kpg-badge{left:8px;top:8px;font-size:10px;padding:4px 8px}.kpg-art-action{display:none}}@media(max-width:359px){.kpg-grid{grid-template-columns:1fr}.kpg-card h2{font-size:16px}.kpg-search{gap:8px;padding-left:10px}.kpg-search button{padding:10px 12px}.kpg-search input{font-size:14px}}@media(prefers-reduced-motion:reduce){.kpg-main *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Preserve each artwork's original ratio: editorial columns without cropped Thai copy. */
.kpg-grid{display:block;columns:4;column-gap:22px}.kpg-card{display:inline-block;vertical-align:top;width:100%;break-inside:avoid;margin:0 0 28px}.kpg-art{aspect-ratio:auto;min-height:100px}.kpg-art img{height:auto}.kpg-card h2 a{display:block;min-height:44px}.kpg-card>p{margin-top:0}.kpg-main .kpg-result-bar>a{display:inline-flex;min-height:44px;align-items:center}.kpg-preview-access{font-weight:600}
@media(max-width:1100px){.kpg-grid{columns:3;column-gap:18px}}@media(max-width:780px){.kpg-grid{columns:2}.kpg-card{margin-bottom:24px}}@media(max-width:359px){.kpg-grid{columns:1}}