/*
Theme Name: Khaoprism Magazine
Description: Custom lightweight magazine theme for khaoprism.com (mag-bento layout). Responsive, no page builder, Rank Math ready.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: khaoprism-theme
*/
:root{--p:#7c3aed;--a:#db2777;--bg:#f7f5fb;--tx:#1e1530;--mu:#797385;--bd:#dddae3;--hb:#140c24;--ht:#ffffff;--fbg:#140c24;--ftx:#cfc5e6;--fh:'Chakra Petch',system-ui,sans-serif;--fb:'Noto Sans Thai',system-ui,sans-serif;--r:14px;--w:1200px}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--tx);font:400 16px/1.75 var(--fb);text-rendering:optimizeLegibility}img,video,iframe{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--p)}h1,h2,h3,h4{font-family:var(--fh);font-weight:600;line-height:1.35;margin:0 0 .5em;color:var(--tx)}p{margin:0 0 1em}:focus-visible{outline:2px solid var(--p);outline-offset:2px}.wrap{max-width:var(--w);margin:0 auto;padding:0 16px}.sr-only,.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;background:#fff;color:#000;padding:8px 12px;z-index:99}.topbar{background:var(--p);color:#fff;font-size:14px}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:40px;gap:12px}.topbar .search-form input[type=search]{background:rgba(255,255,255,.15);border-color:transparent;color:#fff;padding:4px 10px}.topbar .search-form input::placeholder{color:rgba(255,255,255,.8)}.topbar .search-submit{display:none}.hdr{background:var(--hb);color:var(--ht);border-bottom:1px solid var(--bd)}.hdr-in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;min-height:72px}.brand{font:700 1.7rem/1.2 var(--fh);color:var(--ht);letter-spacing:-.01em}.brand:hover{color:var(--ht)}.custom-logo{max-height:56px;width:auto}.nav .menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 22px}.nav a{display:block;padding:12px 0;font-family:var(--fh);font-weight:500;color:var(--ht)}.nav a:hover,.nav .current-menu-item>a,.nav .current-cat>a{color:var(--p)}.nav-btn{display:none;cursor:pointer;font-size:24px;line-height:1;padding:6px 12px;border:1px solid currentColor;border-radius:var(--r);color:var(--ht)}.search-form{display:flex;gap:6px}.search-form label{flex:1}.search-form input[type=search]{width:100%;font:inherit;font-size:14px;padding:8px 12px;border:1px solid var(--bd);border-radius:var(--r);background:#fff;color:var(--tx)}.search-submit,.btn,.comment-form .submit{font:600 14px var(--fh);background:var(--p);color:#fff;border:0;border-radius:var(--r);padding:9px 18px;cursor:pointer;display:inline-block}.btn:hover,.search-submit:hover{color:#fff;filter:brightness(1.1)}.comment-form input:not([type=submit]):not([type=checkbox]),.comment-form textarea{width:100%;font:inherit;padding:10px;border:1px solid var(--bd);border-radius:var(--r)}.main-grid{padding-top:28px;padding-bottom:16px}.sb-right{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px}.sb-left{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px}.sb-left .sb{order:-1}.single-narrow .site-main{max-width:780px;margin:0 auto}.card{display:flex;flex-direction:column;gap:12px;min-width:0}.card-img{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r);background:var(--bd)}.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.card:hover .card-img img{transform:scale(1.04)}.ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--p),var(--a));opacity:.3}.card-body{min-width:0}.cat{display:inline-block;font:600 12px/1.6 var(--fh);color:var(--p);letter-spacing:.02em}.card-title{font-size:1.06rem;margin:2px 0 6px;overflow-wrap:anywhere}.card-ex{color:var(--mu);font-size:.95rem;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.meta{color:var(--mu);font-size:13px}.card--h{flex-direction:row;align-items:flex-start;gap:16px}.card--h .card-img{flex:0 0 38%}.card--sm .card-title{font-size:.96rem;line-height:1.45}.card--sm.card--h .card-img{flex:0 0 112px;aspect-ratio:3/2}.card--ov{position:relative;overflow:hidden;border-radius:var(--r)}.card--ov .card-img{border-radius:0}.card--ov .card-body{position:absolute;left:0;right:0;bottom:0;padding:20px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff}.card--ov .card-title,.card--ov .card-title a{color:#fff}.card--ov .cat{color:#fff;background:var(--p);padding:0 8px;border-radius:2px}.card--ov .meta{color:rgba(255,255,255,.8)}.card--ov .card-ex{color:rgba(255,255,255,.85)}.card--post{gap:24px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--bd)}.card--post .card-title{font-size:1.35rem}.card--feat .card-img{flex:0 0 46%}.card--feat .card-title{font-size:1.3rem}.grid{display:grid;gap:28px 24px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.list{display:flex;flex-direction:column}.sec-title{display:flex;justify-content:space-between;align-items:flex-end;font-size:1.25rem;margin:40px 0 20px}.sec-more{font:500 13px var(--fb);color:var(--mu)}.more-wrap{text-align:center;margin:40px 0 0}.empty{padding:60px 0;text-align:center;color:var(--mu)}.arch-head{margin-bottom:24px}.arch-title{font-size:clamp(1.5rem,3vw,2rem)}.arch-desc{color:var(--mu)}.rank-math-breadcrumb{font-size:13px;color:var(--mu);margin:0 0 14px}.rank-math-breadcrumb a{color:var(--p)}.entry-head{margin-bottom:20px}.entry-title{font-size:clamp(1.65rem,3.4vw,2.4rem);line-height:1.3}.feat{margin:0 0 28px;border-radius:var(--r);overflow:hidden}.feat img{width:100%}.entry-content{font-size:1.07rem;overflow-wrap:break-word}.entry-content h2{font-size:1.5rem;margin-top:1.8em}.entry-content h3{font-size:1.25rem;margin-top:1.5em}.entry-content a{color:var(--p);text-decoration:underline;text-underline-offset:3px}.entry-content img{border-radius:var(--r)}.entry-content blockquote{margin:1.5em 0;padding:4px 0 4px 20px;border-left:4px solid var(--p);color:var(--mu);font-style:italic}.entry-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.entry-content td,.entry-content th{border:1px solid var(--bd);padding:8px}.entry-content .aligncenter{margin-left:auto;margin-right:auto}.wp-caption-text,figcaption{font-size:13px;color:var(--mu);text-align:center;margin-top:6px}.tags{margin:24px 0}.tags a{display:inline-block;border:1px solid var(--bd);padding:2px 12px;border-radius:99px;font-size:13px;margin:0 6px 6px 0}.comments{margin-top:40px}.comment-list{list-style:none;padding:0}.comment-list .children{list-style:none;padding-left:24px}.comment-body{padding:16px 0;border-bottom:1px solid var(--bd)}.comment-author img{float:left;margin-right:10px;border-radius:50%}.nav-links{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:36px 0 0}.page-numbers{padding:6px 14px;border:1px solid var(--bd);border-radius:var(--r);font-size:14px}.page-numbers.current{background:var(--p);color:#fff;border-color:var(--p)}.nf{text-align:center}.nf .grid{text-align:left}.nf .search-form{max-width:420px;margin:0 auto}.sb{min-width:0}.widget{margin-bottom:32px}.widget-title{font-size:1.05rem;margin-bottom:14px}.widget ul{list-style:none;padding:0;margin:0}.widget li{padding:8px 0;border-bottom:1px solid var(--bd)}.sb-list{display:flex;flex-direction:column;gap:14px}.ftr{background:var(--fbg);color:var(--ftx);margin-top:56px;padding:44px 0 24px;font-size:14px}.ftr a{color:var(--ftx)}.ftr a:hover{color:#fff}.ftr .brand{color:var(--ftx);font-size:1.3rem}.ftr-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;margin-bottom:32px}.ftr .widget-title{color:var(--ftx)}.ftr .widget li{border-color:rgba(127,127,127,.25)}.ftr-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(127,127,127,.25);padding-top:20px}.fmenu{list-style:none;display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:0}.copy{margin:0;opacity:.8}@media (max-width:960px){.sb-right,.sb-left{grid-template-columns:minmax(0,1fr)}.sb-left .sb{order:1}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.nav-btn{display:block}.nav{display:none;width:100%;padding-bottom:8px}.nav-t:checked~.nav{display:block}.nav .menu{flex-direction:column}.nav li{border-top:1px solid var(--bd)}.topbar .search-form{display:none}}@media (max-width:600px){.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}.card--h:not(.card--sm){flex-direction:column}.card--h:not(.card--sm) .card-img{flex:none;width:100%}.brand{font-size:1.4rem}.hdr-in{min-height:60px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.hdr--dark{border-bottom:3px solid var(--a)}.hdr--dark .brand{color:var(--ht)}.hdr--dark .nav a{color:rgba(255,255,255,.88)}.hdr--dark .nav a:hover{color:var(--a)}.hdr--dark .nav li{border-color:rgba(255,255,255,.12)}.sec-title{border-left:5px solid var(--p);padding-left:12px;line-height:1.2}.L-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:210px;gap:14px}.L-bento .card{min-height:0}.L-bento .card-img{position:absolute;inset:0;aspect-ratio:auto;height:100%}.L-bento .card:nth-child(1){grid-column:span 2;grid-row:span 2}.L-bento .card:nth-child(1) .card-title{font-size:clamp(1.3rem,2.4vw,1.9rem)}.L-bento .card:nth-child(2){grid-column:span 2}.L-bento .card-title{font-size:1rem}.g4 .card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 4px 18px rgba(30,21,48,.07)}.g4 .card-img{border-radius:0}.g4 .card-body{padding:0 16px 16px}@media (max-width:760px){.L-bento{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.L-bento .card:nth-child(1){grid-row:span 1}}