.article-page-intro .eyebrow::before{content:'';display:inline-block;width:26px;height:3px;background:var(--orange);margin-right:10px;vertical-align:middle}
.article-prose .prose-section h2{border-left:4px solid var(--orange);padding-left:16px}
.article-prose h3{font-size:20px;line-height:1.6;color:var(--deep);margin:28px 0 12px}
.article-prose ul,.article-prose ol{padding-left:26px;margin:0 0 24px}
.article-prose li{padding-left:4px;margin:10px 0}
.article-prose li::marker{color:#ad4b08;font-weight:700}
.article-prose a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.article-note{background:#fff5ed;border-left:3px solid var(--orange);padding:18px 22px;margin:24px 0;font-size:16px}
.article-note p{margin:0}
.article-table-scroll{overflow-x:auto;margin:24px 0;max-width:100%;border:1px solid var(--border);border-radius:6px}
.article-table-scroll table{border-collapse:collapse;min-width:540px;width:100%;font-size:15px;line-height:1.65}
.article-table-scroll caption{text-align:left;font-weight:700;color:var(--deep);padding:14px 16px;background:#f4f8fb}
.article-table-scroll th,.article-table-scroll td{text-align:left;padding:14px 16px;vertical-align:top;border-bottom:1px solid var(--border)}
.article-table-scroll th{background:var(--blue);color:white;font-weight:600}
.article-table-scroll tr:last-child td{border-bottom:0}
.article-inline-image{margin:30px 0}
.article-inline-image img{width:100%;height:auto;border-radius:6px}
.article-inline-image figcaption{font-size:14px;line-height:1.7;color:var(--muted);padding:12px 0}
.article-prompt{border:1px solid #cbdce8;border-top:3px solid var(--orange);border-radius:8px;background:#f8fbfd;overflow:hidden;margin:25px 0}
.article-prompt-header{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff3e8;padding:14px 18px;color:var(--deep);font-size:15px;font-weight:700}
.article-prompt-header button{flex:none;min-height:44px;padding:8px 12px;border:1px solid #bf4b00;border-radius:5px;background:#bf4b00;color:#fff;cursor:pointer;font-size:14px;font-weight:700}
.article-prompt-header button:hover{background:#a83f00;border-color:#a83f00}
.article-prompt-header button.is-copied,.article-prompt-header button.is-copied:hover{background:#187348;border-color:#187348;color:#fff}
.article-prompt-header button:focus-visible{outline:3px solid var(--deep);outline-offset:3px}
.article-prompt pre{margin:0;padding:22px;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;font-size:15px;line-height:1.9;color:var(--ink)}
.article-prompt code{font-family:'Noto Sans Thai','DM Sans',sans-serif}
.article-video{margin:28px 0;aspect-ratio:16/9;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#edf5fa}
.article-video-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px;padding:24px}
.article-video-placeholder p{margin:0;font-size:20px;font-weight:700;color:var(--deep)}
.article-video-placeholder small{font-size:14px;color:var(--muted);max-width:420px}
.article-video iframe{display:block;width:100%;height:100%;border:0}
.article-video-figure{margin:28px 0}
.article-video-figure .article-video{margin:0;aspect-ratio:16/9;min-height:0;background:var(--deep)}
.article-video-cover{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:var(--deep);cursor:pointer}
.article-video-cover img{display:block;width:100%;height:100%;object-fit:contain}
.article-video-play{position:absolute;inset:0;display:grid;place-items:center;width:68px;height:68px;margin:auto;border-radius:50%;background:var(--orange);color:var(--deep);box-shadow:0 4px 22px #071e3c55;transition:background .2s,transform .2s}
.article-video-play svg{width:40px;height:40px}
.article-video-cover:hover .article-video-play{background:#ff9451;transform:scale(1.08)}
.article-video-cover:focus-visible{outline:4px solid var(--orange);outline-offset:-4px}
.article-video-figure figcaption{padding:16px 0;font-size:15px;line-height:1.7}
.article-video-figure figcaption p{margin:0 0 6px;color:var(--deep);font-weight:700}
.article-video-figure figcaption small{display:block;margin-top:8px;font-size:13px;color:var(--muted)}
.article-prose .article-closing{background:#fff5ed}
@media(prefers-reduced-motion:reduce){.article-video-play{transition:none}}
.article-copy-status:empty{display:none}
.article-copy-status{font-size:14px;color:var(--blue);margin:16px 0}
@media(max-width:540px){.article-prompt-header{align-items:flex-start;flex-direction:column;gap:10px;padding:14px}.article-prompt pre{padding:16px;font-size:14px}.article-video{aspect-ratio:auto;min-height:280px}.article-video:has(iframe){aspect-ratio:16/9;min-height:0}.article-video-placeholder{padding:20px 16px}.article-video-placeholder p{font-size:18px}.article-note{padding:16px}.article-table-scroll table{font-size:14px}}
.article-content:has(.article-prompt) .article-hero-image img{aspect-ratio:16/9;object-fit:contain}