/* Rise public directory and useful context shared by human visitors and crawlers. */
@font-face{font-family:"Rise Myanmar";font-style:normal;font-weight:400;font-display:swap;src:url('/assets/seo-myanmar-400.woff2') format('woff2');unicode-range:U+1000-109F,U+A9E0-A9FF,U+AA60-AA7F}
body.seo-directory{background:#fff;min-height:100vh;color:#171517;color-scheme:light}
.seo-header,.seo-page,.seo-context{max-width:1120px;margin:0 auto;padding:24px;color:#171517;font-family:"Inter Variable","Rise Myanmar",sans-serif;line-height:1.8}
.seo-header{display:flex;align-items:center;gap:24px;border-bottom:1px solid #ded5d8}
.seo-header a:first-child{margin-right:auto;color:#62373f;font-size:26px;font-weight:750}
.seo-header a,.seo-page a,.seo-context a{color:#62373f;text-underline-offset:4px}
.seo-page h1{font-size:clamp(26px,4vw,44px);line-height:1.5;margin:24px 0;overflow-wrap:anywhere}
.seo-page h2{font-size:21px;line-height:1.6;margin:0 0 12px;overflow-wrap:anywhere}
.seo-description{white-space:pre-line;overflow-wrap:anywhere;max-width:75ch}
.seo-price{font-size:24px;font-weight:700}
.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin:32px 0}
.seo-card{padding:20px 0;border-top:1px solid #ded5d8;overflow-wrap:anywhere}
.seo-card p{margin:8px 0}.seo-categories,.seo-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin:24px 0}
.seo-categories a,.seo-links a{padding:6px 0;max-width:100%;overflow-wrap:anywhere}
.seo-product-image{display:block;width:min(100%,520px);height:auto;object-fit:contain;border-radius:18px}
.seo-context{margin-top:32px;border-top:1px solid #ded5d8;font-size:14px;padding-bottom:100px}
.seo-context p{margin:0 0 8px;overflow-wrap:anywhere}.seo-pagination{display:flex;justify-content:space-between;gap:24px;margin-top:24px}
.seo-header a:focus-visible,.seo-page a:focus-visible,.seo-context a:focus-visible{outline:3px solid #62373f;outline-offset:5px}
@media(max-width:480px){.seo-header,.seo-page,.seo-context{padding-left:20px;padding-right:20px}.seo-header{gap:16px;font-size:14px}.seo-context{padding-bottom:100px}}
html[data-theme=dark] .seo-header,html[data-theme=dark] .seo-page,html[data-theme=dark] .seo-context{color:#f3edef}html[data-theme=dark] .seo-context a{color:#e6b6c3}