/* Blog + SEO landing pages (Miya Travel) */
.article-wrap{max-width:860px;margin:0 auto}
.article{padding:44px 48px}
.article h2{font-size:1.6rem;margin:2.1em 0 .6em;scroll-margin-top:100px}
.article h2:first-child{margin-top:0}
.article h3{font-size:1.18rem;margin:1.6em 0 .5em}
.article p{max-width:none;font-size:1.04rem;line-height:1.8}
.article ul,.article ol{margin:0 0 1.2em;padding-left:22px}
.article ul{list-style:disc}.article ol{list-style:decimal}
.article li{color:var(--text-muted);margin-bottom:.5em;line-height:1.7}
.article li strong,.article p strong{color:var(--text-primary)}
.article a:not(.btn){color:var(--accent-pink);text-decoration:underline;text-underline-offset:3px}
.article a:not(.btn):hover{color:#ff7ab8}
.article table{width:100%;border-collapse:collapse;margin:1.2em 0 1.6em;font-size:.95rem}
.article th,.article td{padding:12px 14px;border-bottom:1px solid var(--panel-border);text-align:left;vertical-align:top;color:var(--text-muted)}
.article thead th{color:var(--text-primary);font-weight:600;border-bottom:1px solid var(--panel-border-strong)}
.article tbody th{color:var(--text-primary);font-weight:500}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-scroll table{min-width:560px}
.callout{border:1px solid var(--panel-border-strong);background:var(--grad-brand-soft);border-radius:var(--radius-lg);padding:20px 24px;margin:1.6em 0}
.callout p:last-child{margin-bottom:0}
.callout .callout-title{font-weight:700;color:var(--text-primary);margin-bottom:.4em;display:block}
.toc{border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:18px 24px;margin:0 0 2em;background:var(--panel)}
.toc .toc-title{font-weight:700;color:var(--text-primary);display:block;margin-bottom:.5em}
.toc ol{margin:0;padding-left:20px}
.toc li{margin-bottom:.3em}
.byline{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;color:var(--text-faint);font-size:.9rem;margin-top:14px}
.byline span+span::before{content:"\00b7";margin-right:16px;color:var(--text-faint)}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:980px){.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.post-grid{grid-template-columns:1fr}.article{padding:28px 22px}}
.post-card{display:flex;flex-direction:column;padding:26px;height:100%}
.post-card .tag{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-pink);font-weight:600;margin-bottom:10px}
.post-card h3{font-size:1.14rem;margin-bottom:10px}
.post-card p{font-size:.94rem;margin-bottom:14px;flex:1}
.post-card .meta{font-size:.82rem;color:var(--text-faint)}
.article .faq-list{margin-top:1em}
.article .faq-item p{font-size:1rem}
.article .faq-body ul{margin-top:.5em}
.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:1em 0 1.4em}
.pill-row a,.pill-row span{border:1px solid var(--panel-border-strong);background:var(--panel);border-radius:999px;padding:6px 14px;font-size:.88rem;color:var(--text-muted)}
.article .pill-row a{color:var(--text-muted);text-decoration:none}
.article .pill-row a:hover{color:var(--text-primary);border-color:var(--accent-pink)}

/* Blog images */
.post-figure{margin:0 0 2em}
.post-figure.feature{margin:0 0 2em}
.post-figure img{display:block;width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--panel-border-strong)}
.post-figure figcaption{margin-top:10px;text-align:center;font-size:.88rem;color:var(--text-faint);line-height:1.5}
.post-card{overflow:hidden}
.post-thumb{display:block;width:calc(100% + 52px);max-width:none;height:auto;aspect-ratio:1200/630;object-fit:cover;margin:-26px -26px 18px;border-bottom:1px solid var(--panel-border)}
/* HTML sitemap page */
.sitemap-page{max-width:1000px;margin:0 auto}
.sitemap-page h2{font-size:1.35rem;margin:1.8em 0 .6em}
.sitemap-page h2:first-child{margin-top:0}
.sitemap-list{list-style:none;padding:0;margin:0 0 .5em}
.sitemap-list.two{columns:2;column-gap:36px}
.sitemap-list li{break-inside:avoid;margin-bottom:.45em}
.article .sitemap-list a:not(.btn){text-decoration:none;color:var(--text-muted)}
.article .sitemap-list a:not(.btn):hover{color:var(--accent-pink);text-decoration:underline}
.sitemap-note{margin-top:2em;font-size:.95rem}
@media(max-width:700px){.sitemap-list.two{columns:1}}