body:has(#s-curated.active){background:#f6f0e5;color:#342a1d}body:has(#s-curated.active) .wrap{width:100%;max-width:1024px;padding:0;margin:auto;container-type:inline-size;background:#faf5ec}body:has(#s-curated.active) #progress,body:has(#s-curated.active) #floating-contact,body:has(#s-curated.active) .wrap>footer{display:none!important}
#s-curated{padding:0 0 10cqw;margin:0;font-family:'Mahayant Sarabun',Sarabun,sans-serif}#s-curated button{font-family:inherit;cursor:pointer} .b2-hero{height:25cqw;position:relative;background-size:cover;background-position:center 48%}.b2-back{position:absolute;left:3.5cqw;top:1.2cqw;background:none;border:0;color:#6b461d;font-size:1.65cqw;padding:0}.b2-hero-copy{position:absolute;left:4cqw;top:5.5cqw;width:56%}.b2-hero-copy small{font-size:1.25cqw;letter-spacing:.2cqw;color:#704b24}#curated-title{font-size:4.5cqw;line-height:1.2;margin:.8cqw 0 1cqw;color:#523412;font-weight:600}.b2-hero-copy p{font-size:1.7cqw;line-height:1.5;margin:.6cqw 0}.b2-line{display:block;width:4cqw;border-top:1px solid #b18a4c;margin:1.5cqw 0}.b2-toolbar{display:flex;align-items:center;gap:2cqw;margin:1.5cqw 3.3cqw;font-size:1.6cqw}.b2-toolbar button{font-size:1.5cqw;border:1px solid #cfb993;border-radius:4cqw;padding:.7cqw 2cqw;background:#fff9ee;color:#6b461d}.b2-toolbar .b2-all{background:#7d5626;color:#fff7e8}#b2-fav-filter{margin-left:auto}#curated-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4cqw;margin:0 3.3cqw}.b2-card{position:relative;border:1px solid #decbb0;border-radius:.8cqw;overflow:hidden;background:#fffbf4;box-shadow:0 .3cqw .7cqw #69461817}.b2-picture{display:block;padding:0;border:0;background:#16150e;width:100%;height:28cqw}.b2-picture img{display:block;width:100%;height:100%;object-fit:contain}.b2-heart{position:absolute;right:.7cqw;top:.7cqw;border:1px solid #cbb38b;border-radius:50%;width:3.8cqw;height:3.8cqw;font-size:2.8cqw;line-height:1;background:#fff9e9ed;color:#845e30;display:grid;place-items:center;padding:0}.b2-heart.on{background:#8e6129;color:white}.b2-card-copy{padding:1.1cqw}.b2-card h3{font-size:1.8cqw;line-height:1.35;margin:0 0 .5cqw;min-height:4.8cqw}.b2-card p{font-size:1.35cqw;line-height:1.4;height:3.8cqw;overflow:hidden;margin:0 0 1cqw;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.b2-actions{display:flex;gap:.5cqw}.b2-actions button{font-size:1.15cqw;padding:.6cqw .3cqw;border-radius:3cqw;border:1px solid #be985f;background:transparent;flex:1;color:#6c471d}.b2-actions button:last-child{background:linear-gradient(#b99359,#73501f);color:white}.b2-pages{display:flex;justify-content:center;gap:1cqw;padding:1.3cqw}.b2-pages button{font-size:1.6cqw;background:#fff8e9;border:1px solid #c5a879;border-radius:50%;width:3.6cqw;height:3.6cqw}.b2-pages button.on{background:#795323;color:white}.b2-signature{height:20cqw;margin:0 3.3cqw;border:1px solid #d4b789;border-radius:1cqw;background:#f8edda url('v2/B1_PERSONAL_BIRTH_CHART_PHONE_SECTION_APPROVED.webp') left center/auto 125% no-repeat;position:relative;overflow:hidden}.b2-signature>div{position:absolute;left:37%;right:2%;top:2.6cqw}.b2-signature small{font-size:1.1cqw;letter-spacing:.1cqw}.b2-signature h2{font-size:2.5cqw;line-height:1.4;margin:1cqw 0}.b2-signature p{font-size:1.5cqw;line-height:1.5;margin:.8cqw 0}.b2-explore{margin:1.8cqw 3.3cqw}.b2-explore h2{font-size:2cqw;margin:0 0 1cqw}#b2-categories{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1cqw}#b2-categories button{padding:0;border:1px solid #d7c3a4;border-radius:.6cqw;overflow:hidden;background:#fffaf1;text-align:left;color:#342a1d}#b2-categories img{width:100%;height:8cqw;object-fit:cover;display:block}#b2-categories span{display:block;padding:.8cqw;font-size:1.25cqw;line-height:1.35;white-space:pre-line}.b2-bottom{display:flex;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1024px);box-sizing:border-box;padding:1.5cqw 3.3cqw calc(1.5cqw + env(safe-area-inset-bottom));background:#fff9ed;border-top:1px solid #c4a36e;z-index:60;box-shadow:0 -3px 15px #76532d10}.b2-bottom strong{display:block;font-size:2cqw}.b2-bottom small{display:block;font-size:1.3cqw}.b2-bottom button{border:0;border-radius:6cqw;background:linear-gradient(100deg,#a57b40,#604116);color:white;padding:1.2cqw 3cqw;font-size:1.8cqw}.b2-bottom button:disabled{opacity:.5}#b2-detail{width:min(90vw,720px);max-height:88dvh;overflow:auto;border:1px solid #ba9258;border-radius:14px;background:#fff8ec;color:#352c20;padding:24px;font-family:inherit}#b2-detail::backdrop{background:#181510bb}.b2-close{position:sticky;top:0;float:right;border:0;background:#fff7e8;border-radius:50%;font-size:30px;width:40px;height:40px}#b2-detail-content img{max-height:48dvh;max-width:100%;display:block;margin:16px auto}#b2-detail-content h2{font-size:24px}#b2-detail-content p{font-size:16px;line-height:1.8;white-space:pre-line}#b2-detail-content button{padding:12px 22px;border:0;border-radius:24px;background:#916b37;color:white;font-size:16px}
body:has(#s-curated.active) .v2-brand-header{box-sizing:border-box;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:8cqw;min-height:0;margin:0;padding:.8cqw 3cqw;background:transparent;border:0;gap:1cqw}
body:has(#s-curated.active) .v2-brand-header .brand{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:.7cqw;min-width:0;max-width:74%;margin:0}
body:has(#s-curated.active) .v2-logo-mark{display:block;position:relative;flex:0 0 5.1cqw;width:5.1cqw;height:6.2cqw;overflow:visible}
body:has(#s-curated.active) .v2-official-logo{position:static;display:block;width:100%;height:100%;object-fit:contain;max-width:none;margin:0;transform:none;border:0;border-radius:0;box-shadow:none}
body:has(#s-curated.active) .v2-brand-name{display:block;white-space:nowrap;color:#543516;font:400 1.82cqw/1.2 Georgia,'Times New Roman',serif;letter-spacing:.015em}
body:has(#s-curated.active) .v2-brand-header .lang-switcher{display:flex;align-items:center;flex:none;gap:.25cqw;margin:0;padding:0;border:0;background:transparent}
body:has(#s-curated.active) .v2-brand-header .lang-btn{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:4.25cqw;height:4.8cqw;min-height:0;min-width:0;margin:0!important;padding:0;border:0;border-radius:50%;font-size:1.95cqw;line-height:1;color:#543516}
body:has(#s-curated.active) .v2-brand-header .lang-btn.on{background:#bc935955;color:#432a13;box-shadow:inset 0 0 0 1px #a67b42}#s-curated{animation:none}#s-curated .b2-hero{height:29cqw}#s-curated .b2-hero-copy p{font-size:1.7cqw;line-height:1.45}#s-curated .b2-card h3{color:#33271b}#s-curated .b2-signature{height:23cqw}.b2-bottom{display:none}body:has(#s-curated.active)>.b2-bottom{display:flex;width:min(100%,1024px);padding:clamp(8px,1.5vw,15px) clamp(13px,3.3vw,34px) calc(clamp(8px,1.5vw,15px) + env(safe-area-inset-bottom))}body>.b2-bottom strong{font-size:clamp(12px,2vw,20px)}body>.b2-bottom small{font-size:clamp(10px,1.3vw,13px)}body>.b2-bottom button{font-size:clamp(12px,1.8vw,18px);padding:clamp(9px,1.2vw,12px) clamp(16px,3vw,30px)}
/* Owner revision: complete category scene + one-and-a-half-row browsing window. */
#s-curated .b2-hero{height:49cqw;background-size:100% 100%,49cqw 49cqw;background-position:center,right center;background-repeat:no-repeat;background-color:#faf5ec}
#s-curated .b2-hero-copy{top:13cqw;width:45%;left:3.5cqw}
#s-curated #curated-title{font-size:4.3cqw;margin:1.3cqw 0 1.8cqw}
#s-curated .b2-hero-copy p{font-size:1.9cqw;line-height:1.6}
#s-curated .b2-back{top:2cqw}
#s-curated #curated-grid{height:61cqw;overflow-y:auto;overscroll-behavior-y:contain;align-content:start;grid-auto-rows:40cqw;scrollbar-width:thin;scrollbar-color:#b18b50 #eee1cb;padding-right:.5cqw;margin-bottom:2cqw;touch-action:pan-y}
#s-curated .b2-card{height:40cqw;box-sizing:border-box;flex:none}
#s-curated .b2-picture{height:28cqw}
#s-curated .b2-card-copy{padding:.8cqw}
#s-curated .b2-card h3{min-height:2.5cqw;height:2.5cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.65cqw;margin:0 0 .4cqw}
#s-curated .b2-card p{height:3.5cqw;margin:0 0 .6cqw;font-size:1.25cqw}
#s-curated .b2-actions button{font-size:1.15cqw;padding:.5cqw .2cqw}
#s-curated .b2-hero{background-size:49cqw 49cqw,51% 100%;background-position:right center,left center;background-color:#10100d}
#s-curated .b2-back{color:#efd9af}
#s-curated .b2-hero-copy{top:12cqw;width:44%;color:#fff4de}
#s-curated .b2-hero-copy small{color:#d3b277;font-size:1.45cqw}
#s-curated #curated-title{color:#f5d69b;font-size:5cqw;font-weight:700;line-height:1.3;text-shadow:0 2px 12px #000;margin:1.5cqw 0 2cqw}
#s-curated .b2-hero-copy p{color:#fff3db;font-size:2.05cqw}
#s-curated .b2-picture img{object-fit:cover;object-position:center}
#s-curated .b2-signature{height:26cqw;background:#fbf2e2;border-color:#ba955a}
#s-curated .b2-real-chart{position:absolute;left:0;top:0;width:27cqw;height:26cqw;object-fit:contain;background:#0b0b08}
#s-curated .b2-signature>div{left:31%;right:3%;top:3cqw}
#s-curated .b2-signature h2{font-size:3cqw;color:#67451b;margin:1cqw 0 1.2cqw}
#s-curated .b2-signature p{font-size:1.8cqw;line-height:1.5}
/* Preserve the original phone composition; chart occupies the spare right side. */
#s-curated .b2-signature{height:26cqw;background:#f8edda url('v2/B1_PERSONAL_BIRTH_CHART_PHONE_SECTION_APPROVED.webp') left center/auto 125% no-repeat}
#s-curated .b2-signature>div{left:34%;right:24%;top:3cqw}
#s-curated .b2-signature h2{font-size:2.5cqw;line-height:1.35;margin:1cqw 0}
#s-curated .b2-signature p{font-size:1.55cqw;line-height:1.5;margin:.7cqw 0}
#s-curated .b2-signature small{font-size:.9cqw}
#s-curated .b2-real-chart{left:auto;right:1.5cqw;top:3cqw;width:20cqw;height:20cqw;object-fit:contain;background:transparent;border-radius:50%;box-shadow:0 .6cqw 1.8cqw #77522233}
/* Owner-approved transparent chart; warm cream/gold hero treatment. */
#s-curated .b2-hero{background-color:#faf1df}
#s-curated .b2-back{color:#73501f}
#s-curated .b2-hero-copy{color:#4b351d}
#s-curated .b2-hero-copy small{color:#92703a}
#s-curated #curated-title{color:#76501e;text-shadow:none}
#s-curated .b2-hero-copy p{color:#503c26}
#s-curated .b2-real-chart{background:transparent;border-radius:0;box-shadow:none;width:22cqw;height:22cqw;right:.5cqw;top:2cqw;filter:drop-shadow(0 .35cqw .5cqw #a7772520)}
/* Emphasize the signature message while retaining the approved artwork layout. */
#s-curated .b2-signature>div{top:.8cqw;left:33%;right:23%;bottom:.8cqw}
#s-curated .b2-signature small{display:block;font-size:.9cqw;line-height:1.2;margin:0 0 .8cqw}
#s-curated .b2-signature h2{font-size:3.5cqw;font-weight:700;line-height:1.25;margin:0 0 .7cqw;text-wrap:balance;color:#67451b}
#s-curated .b2-signature p{font-size:2cqw;line-height:1.4;margin:.5cqw 0;color:#4b3925;overflow-wrap:break-word}
#s-curated .b2-signature .b2-birth{font-size:1.7cqw;line-height:1.35;margin-top:.6cqw}
#s-curated .b2-signature h2{font-size:4.2cqw;line-height:1.2}
#s-curated .b2-signature p{font-size:2.3cqw;line-height:1.35}
#s-curated .b2-signature .b2-birth{font-size:1.8cqw;line-height:1.3}
#s-curated .b2-signature h2>span{display:block;white-space:nowrap}
/* Keep complete category phrases together when a heading wraps. */
#s-curated #curated-title>span{display:inline-block;white-space:nowrap}
