/* Buyit AI Journal v2.15: scoped magazine style, 4 cards per row on desktop. */
.ai-latest,.ai-journal-shell{--aj-ink:#f7f2ff;--aj-muted:#c5bddb;--aj-teal:#8de9ff;--aj-purple:#b98cff;font-family:system-ui,-apple-system,'Noto Sans Thai',sans-serif;box-sizing:border-box}
.ai-latest *, .ai-journal-shell *{box-sizing:border-box;min-width:0}
.ai-latest{padding:clamp(20px,3vw,32px);border:1px solid #916bbe4c;background:radial-gradient(circle at top right,#624a9555,transparent 45%),linear-gradient(145deg,#1e1a36,#14182d 75%,#13263b);border-radius:24px;margin:24px 0;box-shadow:0 23px 55px #07081666;color:var(--aj-ink)}
.ai-latest-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}.ai-latest-kicker{font-weight:850;letter-spacing:.14em;color:var(--aj-teal);font-size:12px}.ai-latest-heading h3{color:#fff;margin:9px 0;font-size:clamp(1.35rem,2.4vw,2.05rem);line-height:1.35}.ai-latest-heading p{font-size:.94rem;color:var(--aj-muted);line-height:1.8;margin:0}.ai-all-link{flex:none;text-decoration:none;color:#fff!important;background:linear-gradient(120deg,#7953bc,#345f87);border:1px solid #ae8cdb66;padding:12px 18px;border-radius:12px;font-size:.94rem;font-weight:800}.ai-all-link:hover{filter:brightness(1.12)}
.ai-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.ai-card{text-decoration:none!important;color:var(--aj-ink)!important;display:flex;flex-direction:column;overflow:hidden;border:1px solid #a98be244;border-radius:19px;background:linear-gradient(165deg,#2e294b,#171d34);min-width:0;box-shadow:0 12px 35px #07091950;transition:transform .24s,border-color .24s}.ai-card:hover{transform:translateY(-4px);border-color:#a9e5ff88}.ai-card-cover{display:block;aspect-ratio:2/1;background:radial-gradient(circle,#3b3266,#161a2d);overflow:hidden}.ai-card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.ai-card:hover .ai-card-cover img{transform:scale(1.045)}.ai-card-body{padding:15px;display:flex;flex-direction:column;gap:9px;flex:1;min-width:0}.ai-card-body small{color:#91eaff;font-size:.69rem;letter-spacing:.035em;font-weight:800}.ai-card-body strong{color:#fff;font-size:clamp(.94rem,1.17vw,1.04rem);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ai-card-body>span{color:#c4bfdf;font-size:.82rem;line-height:1.67;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ai-card-body i{font-size:.81rem;font-style:normal;font-weight:800;color:#a4e6ff;margin-top:auto;padding-top:4px}.ai-empty{color:var(--aj-muted);line-height:1.8}
.ai-journal-body{background:radial-gradient(circle at top left,#33255e,#0c0d1c 58%);color:#f7f3ff;margin:0;min-height:100vh}.ai-journal-shell{width:min(1180px,calc(100% - 32px));margin:auto;padding:28px 0 44px}.ai-crumb{display:flex;flex-wrap:wrap;gap:7px;font-size:13px;line-height:1.65;color:#b8b4d2;margin-bottom:24px}.ai-crumb a{color:#a4ddff;text-decoration:none}.ai-journal-hero,.ai-post-head{padding:clamp(25px,5vw,55px);background:linear-gradient(140deg,#312750,#161e38);border:1px solid #bba3ea55;border-radius:25px;margin-bottom:26px;box-shadow:0 20px 50px #0006}.ai-journal-hero span,.ai-post-head span{color:#91e8fc;font-size:13px;font-weight:850;letter-spacing:.14em}.ai-journal-hero h1,.ai-post-head h1{font-size:clamp(2.2rem,5vw,3.7rem);line-height:1.3;margin:15px 0;color:#fff;overflow-wrap:anywhere}.ai-journal-hero p,.ai-post-head p{max-width:830px;font-size:1.05rem;line-height:1.9;color:#dbd4ed}.ai-journal-hero b{display:inline-flex;padding:9px 15px;background:#6c4da944;color:#e7dbff;border:1px solid #9e86d944;border-radius:999px}.ai-pages{display:flex;justify-content:center;gap:14px;margin:26px 0}.ai-pages a,.ai-post-aside a,.ai-article-cta a{color:#a5eaff;text-decoration:none;font-weight:800}.ai-post-head small{color:#baaed8}.ai-post-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}.ai-post-content{background:linear-gradient(#22203b,#131b2d);border:1px solid #9984c255;padding:clamp(18px,4vw,35px);border-radius:22px;min-width:0}.ai-post-cover{margin:0 auto 28px;max-width:860px}.ai-post-cover img{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 15px 35px #07091788}.ai-post-cover figcaption{text-align:center;font-size:.78rem;color:#b7b2c8;margin-top:10px}.ai-post-content p{color:#e4dff0;line-height:2;font-size:1rem;overflow-wrap:anywhere}.ai-post-content .ai-intro{font-weight:600;font-size:1.09rem}.ai-post-section{border-top:1px solid #9984c233;padding-top:12px;margin-top:26px}.ai-post-section h2,.ai-post-faq h2{font-size:clamp(1.3rem,2vw,1.7rem);color:#fff;line-height:1.55;margin:18px 0}.ai-post-faq{margin-top:28px}.ai-post-faq details{border:1px solid #8d7db94d;background:#262643b0;border-radius:12px;padding:0 17px;margin:11px 0}.ai-post-faq summary{font-weight:850;cursor:pointer;padding:17px 3px;line-height:1.6}.ai-post-faq details p{font-size:.95rem;margin:0 0 17px}.ai-post-aside>div{position:sticky;top:18px;background:#24243f;border:1px solid #9984c24d;border-radius:16px;padding:19px}.ai-post-aside b{color:#99e8ff}.ai-post-aside p{color:#cbc6dc;line-height:1.8;font-size:.87rem}.ai-article-cta{background:#34305b;padding:15px;border:1px solid #ae91e8;border-radius:11px}.ai-simple-footer{color:#ababc7;margin:30px auto 0;text-align:center;border-top:1px solid #8f89b53d;padding-top:22px}.ai-simple-footer a{color:#aff1ff;text-decoration:none}
@media(max-width:1050px){.ai-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-post-grid{grid-template-columns:1fr}.ai-post-aside>div{position:static}}@media(max-width:720px){.ai-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-latest-heading{display:block}.ai-all-link{display:inline-flex;margin-top:15px}.ai-journal-shell{width:calc(100% - 24px)}}@media(max-width:410px){.ai-cards-grid{grid-template-columns:1fr}.ai-latest{padding:16px}.ai-card-cover{aspect-ratio:16/10}.ai-card{display:grid;grid-template-columns:minmax(0,120px) minmax(0,1fr)}.ai-card-cover{height:100%;aspect-ratio:auto}.ai-card-body{padding:11px}.ai-card-body small{font-size:.61rem}.ai-card-body strong{font-size:.88rem;line-height:1.5}.ai-card-body>span{display:none}.ai-card-body i{font-size:.73rem}}
@media(prefers-reduced-motion:reduce){.ai-card,.ai-card-cover img{transition:none}.ai-card:hover,.ai-card:hover .ai-card-cover img{transform:none}}

.ai-journal-nav{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #ffffff22}.ai-journal-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:1.28rem;font-weight:900}.ai-journal-brand img{width:50px;height:50px;object-fit:contain}.ai-journal-nav nav{display:flex;gap:10px}.ai-journal-nav nav a{display:inline-flex;align-items:center;padding:11px 14px;border:1px solid #ffffff30;border-radius:11px;color:#e7e2fb;text-decoration:none;font-weight:750;font-size:.9rem;background:#ffffff0b}.ai-journal-nav nav a:hover{border-color:#9de7ff99}@media(max-width:480px){.ai-journal-nav{flex-wrap:wrap;justify-content:center}.ai-journal-nav nav{justify-content:center;flex-wrap:wrap}.ai-journal-brand{font-size:1rem}.ai-journal-brand img{height:40px;width:40px}}

/* v2.15.3: grid sits above BUYIT JOURNAL, outside the FAQ box. */
.ai-latest-wrap{box-sizing:border-box;margin-block:clamp(18px,3vw,30px)}.ai-latest-wrap .ai-latest{margin:0}.ai-latest-wrap .ai-card-cover{position:relative}.ai-latest-wrap .ai-card-cover::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -1px 0 #ffffff14}

/* v2.15.7: exactly two editorially placed, bold self-referencing keyword links. */
.ai-journal-shell .ai-article-selflink{font-weight:850;color:#9eeafa;text-decoration:underline;text-decoration-color:rgba(142,229,255,.52);text-underline-offset:4px;transition:color .15s,border-color .15s}
.ai-journal-shell .ai-article-selflink strong{font-weight:900}
.ai-journal-shell .ai-article-selflink:hover{color:#fff;text-decoration-color:#fff}
.ai-journal-shell .ai-article-selflink:focus-visible{outline:2px solid #b5edff;outline-offset:3px;border-radius:3px}
.ai-journal-shell .ai-keyword-context{background:linear-gradient(100deg,rgba(91,93,154,.19),rgba(34,114,153,.1));border-left:3px solid #91daef;border-radius:0 10px 10px 0;padding:12px 16px;margin:16px 0;color:#e4e0f2;line-height:1.9}
@media(prefers-reduced-motion:reduce){.ai-journal-shell .ai-article-selflink{transition:none}}
