:root{
  --mui-bg:#fcf7f1;
  --mui-bg-2:#fffdf9;
  --mui-card:#fffaf5;
  --mui-ink:#2e241f;
  --mui-muted:#7a6d64;
  --mui-line:#eadfd2;
  --mui-accent:#d36d45;
  --mui-accent-2:#f1b27d;
  --mui-soft:#f6ede4;
  --mui-shadow:0 16px 40px rgba(95,65,39,.08);
  --mui-radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.mui-atelier{margin:0;background:linear-gradient(180deg,#fff9f1 0%,#fcf8f4 45%,#fbf6f1 100%);color:var(--mui-ink);font-family:"Noto Sans Thai","IBM Plex Sans Thai","Sarabun",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.mui-container{width:min(1240px,calc(100% - 40px));margin-inline:auto}
.mui-site-header{position:sticky;top:0;z-index:50;background:rgba(255,248,241,.86);backdrop-filter:blur(12px);border-bottom:1px solid rgba(234,223,210,.75)}
.mui-header-inner{display:flex;align-items:center;gap:18px;justify-content:space-between;min-height:84px}
.mui-brand-wordmark,.site-title a,.custom-logo-link{font-size:2rem;font-weight:800;letter-spacing:-.04em;color:var(--mui-accent)}
.custom-logo{max-height:52px;width:auto}
.mui-primary-nav{flex:1;display:flex;justify-content:center}
.mui-menu{display:flex;flex-wrap:wrap;gap:14px;list-style:none;padding:0;margin:0}
.mui-menu a{display:inline-flex;padding:10px 12px;border-radius:999px;color:#6b5c54;font-weight:600;font-size:.95rem}
.mui-menu a:hover,.mui-menu .current-menu-item a{background:#fff;color:var(--mui-accent);box-shadow:0 0 0 1px var(--mui-line) inset}
.mui-apps-button{border:1px solid var(--mui-line);border-radius:999px;padding:10px 16px;background:#fff;color:var(--mui-accent);font-weight:700}
.mui-site-main{padding-bottom:42px}
.mui-kicker{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mui-accent);font-weight:800}
.mui-hero{padding:28px 0 20px}
.mui-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:28px;align-items:stretch;border-radius:36px;overflow:hidden;background:linear-gradient(135deg,#fff9f2 0%,#fbe9da 42%,#fde6d5 100%);box-shadow:var(--mui-shadow)}
.mui-hero-copy{padding:clamp(34px,5vw,76px);display:flex;flex-direction:column;justify-content:center}
.mui-hero-copy h1{font-size:clamp(2.8rem,5.2vw,4.8rem);line-height:1.02;letter-spacing:-.05em;margin:.4rem 0 1rem}
.mui-hero-copy p{max-width:580px;font-size:1.08rem;color:var(--mui-muted);margin:0 0 1.4rem}
.mui-actions{display:flex;flex-wrap:wrap;gap:12px}
.mui-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:999px;font-weight:700;transition:.18s ease;box-shadow:none}
.mui-btn:hover{transform:translateY(-1px)}
.mui-btn-primary{background:linear-gradient(180deg,#eb8656 0%,#d86e46 100%);color:#fff}
.mui-btn-secondary{background:#fff;color:var(--mui-ink);border:1px solid var(--mui-line)}
.mui-hero-art{min-height:100%;background:#f9d9c8;position:relative}
.mui-hero-art img{width:100%;height:100%;object-fit:cover}
.mui-panel,.mui-home-section{margin-top:28px}
.mui-panel{background:rgba(255,252,248,.88);border:1px solid var(--mui-line);box-shadow:var(--mui-shadow);border-radius:32px;padding:28px}
.mui-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.mui-section-head h2{margin:.35rem 0 0;font-size:2rem;line-height:1.15;letter-spacing:-.04em}
.mui-app-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.mui-app-card{display:flex;flex-direction:column;gap:10px;min-height:210px;padding:24px;border-radius:24px;background:linear-gradient(180deg,#fffcf8,#fff6ee);border:1px solid var(--mui-line);transition:.18s ease}
.mui-app-card:hover{transform:translateY(-3px);box-shadow:var(--mui-shadow)}
.mui-app-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:18px;background:var(--mui-soft);color:var(--mui-accent);font-size:1.35rem}
.mui-app-card strong{font-size:1rem;line-height:1.35}
.mui-app-card small{color:var(--mui-muted);font-size:.92rem}
.mui-app-arrow{margin-top:auto;color:var(--mui-accent);font-size:1.15rem;font-weight:700}
.mui-home-oracle-wrap{margin-top:26px}
.mui-oracle-teaser{display:grid;grid-template-columns:1.02fr .98fr;gap:24px;align-items:center}
.mui-oracle-copy h2{font-size:2.5rem;line-height:1.06;margin:.35rem 0 .9rem;letter-spacing:-.04em}
.mui-oracle-copy p{color:var(--mui-muted);max-width:560px}
.mui-oracle-card-wrap{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:18px;align-items:center}
.mui-oracle-card-wrap img{border-radius:24px;box-shadow:var(--mui-shadow);aspect-ratio:2/3;object-fit:cover;width:100%}
.mui-oracle-card-wrap blockquote{margin:0;color:var(--mui-muted);font-size:1.02rem}
.mui-oracle-card-wrap cite{display:block;margin-top:12px;font-style:normal;color:var(--mui-accent);font-weight:700}
.mui-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mui-feature-card,.mui-trust-card,.mui-latest-card{display:grid;background:#fff;border:1px solid var(--mui-line);border-radius:28px;overflow:hidden;box-shadow:var(--mui-shadow)}
.mui-feature-card{grid-template-columns:.9fr 1.1fr;min-height:320px}
.mui-feature-card img{height:100%;width:100%;object-fit:cover}
.mui-feature-copy,.mui-trust-copy,.mui-latest-copy{padding:26px}
.mui-feature-copy h3,.mui-trust-copy h3,.mui-latest-copy h3,.mui-entry-title{font-size:1.7rem;line-height:1.15;letter-spacing:-.03em;margin:0 0 .75rem}
.mui-feature-copy p,.mui-trust-copy p,.mui-latest-copy p,.mui-entry-content,.mui-page-content{color:var(--mui-muted)}
.mui-latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mui-latest-card{grid-template-columns:1fr;min-height:100%}
.mui-latest-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-top:1px solid var(--mui-line)}
.mui-tag{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--mui-soft);color:var(--mui-accent);font-size:.78rem;font-weight:800;letter-spacing:.08em}
.mui-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mui-trust-card{grid-template-columns:.95fr 1.05fr;min-height:290px}
.mui-trust-card img{width:100%;height:100%;object-fit:cover;background:#fff9f2}
.mui-page-content{padding:20px 0}
.mui-entry{background:#fff;border:1px solid var(--mui-line);border-radius:26px;padding:28px;margin-bottom:18px;box-shadow:var(--mui-shadow)}
.mui-site-footer{margin-top:40px;padding:34px 0 24px;background:rgba(255,251,246,.92);border-top:1px solid var(--mui-line)}
.mui-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.3fr;gap:20px}
.mui-footer-grid h4{font-size:1rem;margin:0 0 12px;color:var(--mui-ink)}
.mui-footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.mui-footer-grid li a,.mui-footer-brand p,.mui-footer-news small{color:var(--mui-muted)}
.mui-socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.mui-socials a{padding:8px 10px;border-radius:999px;border:1px solid var(--mui-line);background:#fff;color:var(--mui-accent);font-size:.86rem;font-weight:700}
.mui-footer-news form{display:flex;gap:8px;margin:8px 0 10px}.mui-footer-news input{flex:1;padding:12px 14px;border-radius:999px;border:1px solid var(--mui-line);background:#fff}.mui-footer-news button{width:48px;border:none;border-radius:999px;background:var(--mui-accent);color:#fff;font-size:1.15rem}
.mui-footer-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid var(--mui-line);font-size:.9rem;color:var(--mui-muted)}

/* match oracle plugin on home */
#muimeisan-oracle{max-width:none;margin:0;padding:0}
#muimeisan-oracle .mui-oracle-intro h2{font-size:2.5rem}
#muimeisan-oracle .mui-birth-form,#muimeisan-oracle .mui-draw-stage,#muimeisan-oracle .mui-free-result,#muimeisan-oracle .mui-payment,#muimeisan-oracle .mui-paid-result{border-radius:28px}

@media (max-width: 1180px){
  .mui-app-grid{grid-template-columns:repeat(3,1fr)}
  .mui-footer-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 900px){
  .mui-header-inner{flex-wrap:wrap;padding:14px 0}
  .mui-primary-nav{order:3;flex:0 0 100%;justify-content:flex-start}
  .mui-hero-grid,.mui-oracle-teaser,.mui-feature-grid,.mui-latest-grid,.mui-trust-grid,.mui-footer-grid{grid-template-columns:1fr}
  .mui-feature-card,.mui-trust-card{grid-template-columns:1fr}
  .mui-feature-card img,.mui-trust-card img{aspect-ratio:16/10}
  .mui-oracle-card-wrap{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .mui-container{width:min(100% - 28px,1240px)}
  .mui-menu{gap:4px}.mui-menu a{padding:8px 10px;font-size:.88rem}
  .mui-brand-wordmark,.site-title a{font-size:1.7rem}
  .mui-hero-copy h1{font-size:2.6rem}
  .mui-section-head h2,.mui-oracle-copy h2,#muimeisan-oracle .mui-oracle-intro h2{font-size:2rem}
  .mui-app-grid{grid-template-columns:repeat(2,1fr)}
  .mui-app-card{min-height:180px;padding:18px}
  .mui-panel{padding:20px}
}