/* Preview only: this stylesheet is loaded exclusively by portal_mobile_preview. */
@font-face{font-family:MobileHomeSong;src:url('/static/fonts/noto-serif-sc-mobile-home.woff2') format('woff2');font-weight:200 900;font-style:normal;font-display:swap}
.mobile-participation-heading,.feature-image-badges,.mobile-brand-address,.fact-icon,.hint-icon{display:none}
@media(max-width:620px){
 .mobile-home{background:#edf3ee;color:#173e31;--editorial-serif:MobileHomeSong,'SimSun',serif;font-family:var(--editorial-serif)}
 .mobile-home .site-header{height:74px;min-height:74px;padding:12px 20px;background:#103e30;border:0;color:#fff;align-items:center;gap:14px}
 .mobile-home .brand{position:relative;justify-content:center;width:100%;gap:0;min-width:0;font-size:18px;font-weight:700;letter-spacing:.01em;line-height:1.45}
 .mobile-home .brand-logo{position:absolute;left:0;width:30px;height:30px}
 .mobile-home .brand>span{text-align:center;margin:0 26px;white-space:normal}
 .mobile-home .brand-desktop-subtitle{display:none}
 .mobile-home .mobile-brand-address{display:block;margin-top:2px;color:#c3cec4;font-size:12px;font-weight:400;letter-spacing:.09em}
 .mobile-home .header-actions{display:block;flex-shrink:0;margin-left:-8px}
 .mobile-home .site-header nav{display:none}
 .mobile-home .audio-toggle{width:30px;min-width:30px;min-height:34px;padding:6px 3px;color:#e8ede5;background:transparent;border:0;border-radius:50%}
 .mobile-home .audio-toggle:hover,.mobile-home .audio-toggle.is-playing{background:#285842}
 .mobile-home .audio-toggle svg{width:21px;height:21px}
 .mobile-home .hero{display:flex;min-height:0;background:#103e30;color:#fff;border-bottom:1px solid #42624e}
 .mobile-home .hero-image{background-position:center 58%;opacity:.12}
 .mobile-home .hero-wash{background:rgba(16,62,48,.48)}
 .mobile-home .hero-inner{width:100%;padding:28px 25px 44px}
 .mobile-home .hero .kicker{color:#d6bb81;font-size:12px;line-height:1.8;letter-spacing:.025em;margin:0 0 17px;font-weight:650}
 .mobile-home .hero h1{font-size:clamp(25px,7.15vw,34px);line-height:1.55;letter-spacing:.01em;font-weight:750;margin:0 0 17px;color:#f7faf3}
 .mobile-home .hero-lead{font-size:13px;line-height:1.95;color:#d6e1d7;margin:0 0 22px;max-width:36em}
 .mobile-home .hero .text-link{min-height:44px;min-width:142px;padding:9px 14px;border:1px solid #bca16c;border-radius:4px;color:#efdbaf;font-size:16px;justify-content:space-between;gap:24px}
 .mobile-home .hero .text-link:hover{background:#285541}
 .mobile-home .hero .text-link:focus-visible{outline-color:#efdbaf}
 .mobile-home .hero-credit{right:25px;bottom:12px;font-size:9px;color:#bbcabc;text-shadow:none}
 .mobile-home #research{max-width:none;margin:0;padding:0 0 24px;background:#edf3ee}
 .mobile-home #research>.section-heading{display:none}
 .mobile-participation-heading{display:grid;grid-template-columns:45px minmax(0,1fr) 18px;align-items:start;gap:12px;padding:18px 25px;background:#103e30;border-bottom:2px solid #c5a468;min-height:128px;color:#fff;margin-bottom:15px}
 .participation-number{font-size:44px;line-height:1.15;color:#c5a468;font-weight:500;text-align:center;border-bottom:1px solid #c5a468;padding-bottom:7px;margin-top:5px}
 .participation-heading-copy h2{font-size:31px;line-height:1.35;font-weight:750;letter-spacing:.025em;margin:0 0 8px}
 .participation-heading-copy p{font-size:11.5px;line-height:1.85;color:#d2dbce;letter-spacing:0;margin:0;max-width:25em}
 .participation-side-note{writing-mode:vertical-rl;font-size:9px;line-height:1.3;color:#c7a96e;letter-spacing:.08em;border-left:1px solid #aa9058;padding-left:5px;justify-self:end;align-self:center}
 .mobile-home .feature-grid{display:flex;flex-direction:column;min-height:0;background:#fff;width:calc(100% - 36px);margin:0 18px 13px;padding:8px;border-radius:12px;border:1px solid #e4ece5;box-shadow:0 3px 9px rgba(20,62,43,.045);overflow:hidden}
 .mobile-home .temple-feature{padding-top:8px;margin-top:0;border-top:1px solid #e4ece5}
 .mobile-home .feature-photo{position:relative;width:100%;aspect-ratio:2.86;min-height:0;border-radius:6px;background-position:center 48%;overflow:hidden}
 .mobile-home .temple-photo{background-position:center 51%}
 .feature-image-badges{position:absolute;inset:9px 9px auto;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;line-height:1.4;letter-spacing:.015em}
 .image-region-label{background:rgba(22,25,21,.68);color:#fff;border-radius:20px;padding:5px 9px;font-weight:650}
 .study-status{background:#cfb071;color:#254335;border-radius:20px;min-width:51px;padding:5px 10px;font-weight:700;text-align:center}
 .mobile-home .feature-copy{padding:13px 11px 9px;display:block}
 .mobile-home .feature-copy>.label{display:none}
 .mobile-home .feature-copy h2{font-size:clamp(18px,5.05vw,24px);line-height:1.45;font-weight:750;letter-spacing:-.025em;margin:0 0 7px;color:#183f30}
 .mobile-home .feature-copy h2 br{display:none}
 .mobile-home .feature-copy>p:not(.label){font-size:13px;line-height:1.8;color:#59675e;margin:0;max-width:none}
 .mobile-home .feature-facts{display:flex;flex-wrap:nowrap;align-items:stretch;gap:6px;margin:11px 0 10px;color:#244c3a;font-size:clamp(9.5px,2.6vw,12px);line-height:1.55}
 .mobile-home .feature-facts span{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:4px;background:#e2ebe3;border-radius:18px;padding:5px 6px;white-space:nowrap;letter-spacing:0;font-weight:650}
 .mobile-home .fact-icon{display:block;width:11px;height:11px;flex:none;opacity:.8}
 .mobile-home .feature-facts span+span:before{content:none}
 .mobile-home .cta{display:flex;width:100%;min-width:0;min-height:44px;background:#174a38;border-radius:7px;padding:9px 14px;font-size:17px;line-height:1.55;font-weight:700;position:relative;justify-content:center;letter-spacing:.08em}
 .mobile-home .cta span{position:absolute;right:15px;font-size:23px;font-weight:400;line-height:1;letter-spacing:0}
 .mobile-home .cta:hover{background:#103b2b}
 .mobile-home .feature-copy small{display:flex;gap:7px;align-items:flex-start;margin-top:10px;font-size:11px;line-height:1.75;color:#647168}
 .mobile-home .hint-icon{display:block;width:13px;height:13px;margin-top:3px;flex:none;opacity:.58}
 .mobile-home .region-section{padding:32px 20px 45px;background:#edf3ee}
 .mobile-home .region-section .section-heading{margin-bottom:22px;border-color:#c5d3c7}
 .mobile-home .region-intro h2{font-size:27px;line-height:1.45}
 .mobile-home .region-card{border-radius:9px}
 .mobile-home .about{padding:38px 20px 50px;background:#e1eae1}
 .mobile-home .about h2{font-size:27px;line-height:1.45}
 .mobile-home .site-footer{max-width:none;margin:0;padding:22px 20px;background:#edf3ee;font-size:12px;line-height:1.8;text-align:center}
 .mobile-home .site-footer>span,.mobile-home .site-footer>a{display:block}
 .mobile-home .site-footer>span{margin-bottom:6px}
}
@media(max-width:360px){.mobile-home .brand{font-size:16px}.mobile-home .brand-logo{width:25px;height:25px}.mobile-home .hero-inner{padding-left:20px;padding-right:20px}.mobile-participation-heading{padding-left:20px;padding-right:20px;gap:10px}.participation-heading-copy h2{font-size:29px}.mobile-home .feature-facts{gap:4px}.mobile-home .feature-facts span{flex:1 1 0;min-width:0;padding:5px 4px;font-size:10.5px;white-space:normal;text-align:center}.mobile-home .fact-icon{display:none}}
