/* Thai gold filigree: static, decorative and separate from content and portraits. */
:root{--thai-gold:#c3a15a;--thai-line:#ddc791;--thai-ivory:#fffdf6;--thai-ornament:url('assets/ornaments/thai-kanok-gold.webp')}
body{background-color:#fffbf1;background-image:radial-gradient(ellipse at 0 0,#edce8e16,transparent 45%),radial-gradient(ellipse at 100% 70%,#edce8e12,transparent 45%)}
body>header{position:relative;background:linear-gradient(180deg,#fffdf6,#fff7df);border-bottom:1px solid var(--thai-line);box-shadow:0 4px 0 #fffaf0,0 5px 0 #e6d5ad}
body>header::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:linear-gradient(90deg,transparent,#c6a35d 25%,#f3e0ac 50%,#c6a35d 75%,transparent);pointer-events:none}
.royal-hero{background:radial-gradient(ellipse at 50% 30%,#fffefa 15%,#fff6df 60%,#f6e3b1);border:1px solid #cbb06f;border-radius:20px;box-shadow:0 12px 35px #a37a2512;padding-top:38px;padding-bottom:64px;isolation:isolate}
.royal-hero::after{content:'';position:absolute;inset:10px;border:1px solid #dcc18a;border-radius:12px;box-shadow:inset 0 0 0 3px #fff9e9;pointer-events:none;z-index:-1}
.royal-hero::before{content:'';position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:min(340px,65%);height:58px;background:var(--thai-ornament) center/contain no-repeat;pointer-events:none;opacity:.8;z-index:-1}
.royal-copy::before{content:'';display:block;width:min(100%,440px);height:116px;margin:0 auto 8px;background:var(--thai-ornament) center/contain no-repeat;pointer-events:none}
.royal-copy h2{color:#89601c;text-shadow:0 1px 0 #fff9db;letter-spacing:.025em}
.royal-dedication{border-top:1px solid var(--thai-line)}
.royal-portrait{filter:drop-shadow(0 6px 12px #8c651b18)}
.community-heading h2::after,.intro h1::after{content:'';display:block;width:210px;max-width:80%;height:48px;margin:3px 0 0;background:var(--thai-ornament) left center/contain no-repeat;pointer-events:none}
.ranking-card{border-color:#ddc791;box-shadow:0 5px 20px #b38b2910}
.ranking-card::before{content:'';display:block;width:min(270px,70%);height:58px;margin:-4px auto 12px;background:var(--thai-ornament) center/contain no-repeat;pointer-events:none}
.campaign{border:1px solid #d3b66e;background:linear-gradient(135deg,#fff5d1,#f6dfa5)}
.campaign::before{content:'';display:block;width:100%;height:54px;margin:-6px auto 10px;background:var(--thai-ornament) center/contain no-repeat;pointer-events:none}
.registration>.welcome::before,#member-dashboard>.welcome>div::before{content:'';display:block;width:min(360px,100%);height:76px;margin:0 0 12px;background:var(--thai-ornament) left center/contain no-repeat;pointer-events:none}
.registration-card{border-color:#ddc791;box-shadow:0 10px 35px #a27c1d0b}
#member-dashboard .dashboard-grid>.card{border-color:#e1cca0}
#member-dashboard .dashboard-grid>.card:first-child::before{content:'';display:block;width:min(230px,80%);height:48px;margin:-8px auto 14px;background:var(--thai-ornament) center/contain no-repeat;pointer-events:none}
.layout main>.heading::before{content:'';display:block;flex:0 0 70px;width:70px;height:48px;background:var(--thai-ornament) center/contain no-repeat;pointer-events:none}
body>footer{border-top:1px solid #e3d0a4;background:linear-gradient(#fffaf0,#fff6df)}
body>footer::before{content:'';display:block;width:200px;max-width:70%;height:46px;margin:0 auto 14px;background:var(--thai-ornament) center/contain no-repeat;pointer-events:none}
@media(max-width:800px){.royal-hero{padding:30px 26px 60px;gap:25px}.royal-copy::before{height:80px}}
@media(max-width:600px){.royal-hero{padding:28px 22px 60px}.royal-hero::after{inset:8px;border-radius:12px}.royal-copy::before{width:min(100%,340px);height:88px;margin-bottom:4px}.royal-hero::before{width:220px;height:50px}.community-heading h2::after,.intro h1::after{width:180px;height:42px}.ranking-card::before{height:48px;margin-bottom:8px}.registration>.welcome::before,#member-dashboard>.welcome>div::before{width:270px;height:65px}.layout main>.heading::before{display:none}}
@media print{body{background:white}body>header{box-shadow:none}.royal-hero{box-shadow:none}.royal-portrait{filter:none}}
