/* The page below the panorama is a community home, with a compact reading rhythm. */
#mcView.mc-cover .cover-hero{min-height:720px;padding-top:32px}
#mcView.mc-cover .cover-title h1{font-size:72px}
#mcView.mc-cover .cover-bottom{padding-bottom:16px}
#mcView.mc-cover #hero-join{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;min-width:224px;padding:12px 20px;box-sizing:border-box}
#mcView.mc-cover #hero-join [data-hero-label]{font:600 16px/24px Manrope,sans-serif;display:block;margin:0}
#mcView.mc-cover #hero-join svg{display:block;width:20px;height:20px;flex:0 0 20px;stroke-width:1.6}
#mcView.mc-cover h2{font:600 30px/36px Manrope,sans-serif;letter-spacing:-.02em;margin:0 0 16px}
#mcView.mc-cover .community-overview{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start;padding:32px 0 48px}
#mcView.mc-cover .cover-about{grid-column:1;grid-row:1;padding:20px 0 0;display:block}
#mcView.mc-cover .cover-about-title{margin:0 0 16px}
#mcView.mc-cover .cover-about .lead{font:400 16px/28px Manrope,sans-serif;max-width:52ch}
#mcView.mc-cover .cover-about>.text-link{margin-top:16px}
#mcView.mc-cover .mc-strip{grid-column:2;grid-row:1;width:100%;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;margin:0;background:#1c1525;border:1px solid var(--home-line);border-radius:12px}
#mcView.mc-cover .mc-strip .eyebrow{font:400 12px/20px Manrope,sans-serif;letter-spacing:0;margin-bottom:4px}
#mcView.mc-cover .online-summary strong{display:flex;align-items:baseline;gap:8px}
#mcView.mc-cover #mcOnline{font-size:16px;line-height:24px}
#mcView.mc-cover .latest-summary{grid-column:1/-1;padding-top:16px;border-top:1px solid var(--home-line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center}
#mcView.mc-cover .latest-summary .eyebrow{grid-column:1;margin:0}
#mcView.mc-cover .latest-summary strong{grid-column:1/-1;font-size:18px;line-height:28px}
#mcView.mc-cover .latest-summary .news-all{grid-column:2;grid-row:1;min-height:44px;font-size:14px;line-height:20px;justify-self:end}
#mcView.mc-cover .join-guide{padding-bottom:48px}
#mcView.mc-cover .join-guide-heading{margin-bottom:24px;max-width:760px}
#mcView.mc-cover .section-copy{font:400 16px/24px Manrope,sans-serif;text-wrap:pretty}
#mcView.mc-cover .join-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:0;align-items:stretch;border:1px solid var(--home-line);border-radius:12px;background:#1c1525;overflow:hidden}
#mcView.mc-cover .join-main{grid-column:1;padding:24px 32px 32px;min-width:0}
#mcView.mc-cover .join-switch{margin:0;padding:0 0 16px;gap:8px;border:0;border-bottom:1px solid var(--home-line);border-radius:0;background:none}
#mcView.mc-cover .join-switch button{flex:1;min-width:0;min-height:48px;padding:12px 16px;border:0;border-radius:8px;font:500 14px/20px Manrope,sans-serif}
#mcView.mc-cover .join-switch button[aria-selected=true]{color:#f5eaf8;background:#49304f;box-shadow:none}
#mcView.mc-cover .join-switch button:after{display:none}
#mcView.mc-cover .join-option{padding:24px 0 0}
#mcView.mc-cover .join-option-sefi .join-option-head{display:none}
#mcView.mc-cover .quick-start{gap:20px;margin-bottom:24px}
#mcView.mc-cover .quick-start li{gap:16px}
#mcView.mc-cover .quick-start h4{font:500 16px/24px Manrope,sans-serif;margin:0 0 4px}
#mcView.mc-cover .quick-start p{font:400 16px/24px Manrope,sans-serif}
#mcView.mc-cover .step-number{border:0;border-radius:8px;background:#312138;padding:4px;min-width:32px;font:500 12px/24px Manrope,sans-serif;color:var(--home-accent);font-variant-numeric:tabular-nums}
#mcView.mc-cover .join-option .guide-details{padding:0;background:none;border:0;border-radius:0;margin-bottom:20px}
#mcView.mc-cover .guide-details summary{padding:12px 0;font-size:14px}
#mcView.mc-cover .join-benefits{margin-bottom:24px}
#mcView.mc-cover .join-benefits h4{font-size:14px;line-height:20px;margin-bottom:12px}
#mcView.mc-cover .join-benefits ul{display:grid;grid-template-columns:1fr;gap:8px}
#mcView.mc-cover .join-benefits li{font:400 14px/20px Manrope,sans-serif;padding:0;background:none}
#mcView.mc-cover .join-download{min-height:48px}
#mcView.mc-cover .join-platform-note{font:400 14px/20px Manrope,sans-serif}
#mcView.mc-cover .join-aside{grid-column:2;padding:32px 24px;background:#241a2e;border:0;border-radius:0;min-width:0;display:block}
#mcView.mc-cover .join-aside h3{font:600 20px/28px Manrope,sans-serif;margin:0 0 16px}
#mcView.mc-cover .join-access-note{font:400 14px/24px Manrope,sans-serif;margin-bottom:24px}
#mcView.mc-cover .aside-facts{gap:16px;margin:0 0 24px}
#mcView.mc-cover .aside-facts div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:14px;line-height:20px}
#mcView.mc-cover .aside-facts span,#mcView.mc-cover .aside-facts strong{display:block}
#mcView.mc-cover .aside-facts strong{margin:0;color:var(--home-text);text-align:right}
#mcView.mc-cover .aside-access-title{font:500 14px/20px Manrope,sans-serif;margin:32px 0 12px}
#mcView.mc-cover .join-aside>.text-link{min-height:44px;display:inline-flex;align-items:center;gap:8px}
#mcView.mc-cover .aside-note{font:400 12px/20px Manrope,sans-serif}
#mcView.mc-cover .rules-section{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;padding:24px 0 40px}
#mcView.mc-cover .rules-section>div{grid-column:1}
#mcView.mc-cover .rules-section>ol{grid-column:2;gap:16px 24px}
#mcView.mc-cover .rules-section h2{font-size:24px;line-height:32px}
#mcView.mc-cover .rules-section li{font:400 14px/24px Manrope,sans-serif}
#mcView.mc-cover .rules-section li:before{content:counter(rules);min-width:16px;font-size:14px}
#mcView.mc-cover .map-section{padding:24px 0 48px}
#mcView.mc-cover .section-heading{align-items:center;margin-bottom:16px}
#mcView.mc-cover .section-heading .text-link{margin:0;font-size:14px;min-height:44px}
#mcView.mc-cover .map-section iframe{height:400px}
@media(max-width:1050px){
 #mcView.mc-cover .community-overview{gap:24px}
 #mcView.mc-cover .join-main{padding:24px}
}
@media(max-width:900px){
 #mcView.mc-cover .cover-hero{min-height:0;padding-top:28px}
 #mcView.mc-cover .cover-title h1{font-size:60px}
 #mcView.mc-cover .community-overview{grid-template-columns:1fr;gap:24px;padding:24px 0 40px}
 #mcView.mc-cover .cover-about{grid-column:1;grid-row:1;padding:0}
 #mcView.mc-cover .mc-strip{grid-column:1;grid-row:2;padding:20px}
 #mcView.mc-cover .join-layout{grid-template-columns:1fr}
 #mcView.mc-cover .join-main,#mcView.mc-cover .join-aside{grid-column:1}
 #mcView.mc-cover .join-aside{padding:24px}
 #mcView.mc-cover .aside-facts{grid-template-columns:1fr;max-width:480px}
 #mcView.mc-cover .rules-section{grid-template-columns:1fr;gap:24px;padding:0 0 24px}
 #mcView.mc-cover .rules-section>div,#mcView.mc-cover .rules-section>ol{grid-column:1}
 #mcView.mc-cover .section-heading{display:flex;flex-wrap:wrap;gap:8px 16px}
}
@media(max-width:480px){
 #mcView.mc-cover .cover-title h1{font-size:48px}
 #mcView.mc-cover h2{font-size:24px;line-height:32px}
 #mcView.mc-cover .join-main{padding:16px}
 #mcView.mc-cover .join-aside{padding:20px 16px}
 #mcView.mc-cover .aside-facts{grid-template-columns:1fr}
 #mcView.mc-cover .quick-start p{font-size:14px;line-height:24px}
 #mcView.mc-cover .join-switch button{padding:12px 8px}
 #mcView.mc-cover .mc-strip{padding:16px}
 #mcView.mc-cover .map-section iframe{height:320px}
}
@media(max-width:360px){#mcView.mc-cover .cover-title h1{font-size:36px}}

/* Each endpoint has its own frame, never another endpoint inside it. */
#mcView.mc-cover #joinServerAddress{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:0;margin:20px 0;background:none;border:0;border-radius:0}
#mcView.mc-cover #joinServerAddress[hidden],#mcView.mc-cover #additionalAddressJoin[hidden]{display:none}
#mcView.mc-cover #joinServerAddress .server-endpoint{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:8px 12px;margin:0;border:1px solid var(--home-line);border-radius:8px;background:#251b2e;min-width:0}
#mcView.mc-cover #joinServerAddress .eyebrow{margin:0;font:500 12px/20px Manrope,sans-serif;letter-spacing:.02em;color:var(--home-accent)}
#mcView.mc-cover #joinServerAddress code{margin:0;font:400 14px/20px Manrope,sans-serif;min-width:0;overflow-wrap:anywhere;color:var(--home-text)}
#mcView.mc-cover #joinServerAddress .join-copy{margin:0;padding:8px 12px;min-height:44px;height:44px;white-space:nowrap;min-width:120px;width:120px;justify-content:center;font:500 14px/20px Manrope,sans-serif;border:1px solid var(--home-line);border-radius:8px;background:#302139;color:var(--home-text)}
#mcView.mc-cover #joinServerAddress .join-copy:hover{background:#45304e}
@media(max-width:480px){
 #mcView.mc-cover #joinServerAddress .server-endpoint{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
 #mcView.mc-cover #joinServerAddress .eyebrow{grid-column:1;grid-row:1}
 #mcView.mc-cover #joinServerAddress code{grid-column:1/-1;grid-row:2}
 #mcView.mc-cover #joinServerAddress .join-copy{grid-column:2;grid-row:1}
}
#mcView.mc-cover #hero-discord svg{fill:currentColor;stroke:none}