.lotus h1,.lotus h2,.lotus .logo{font-family:Georgia,serif;font-weight:500}
.lotus .mast{display:grid;grid-template-columns:1fr auto 1fr}.lotus .mast>button{justify-self:end}.lotus .navrow{border-top:1px solid #59294326}.lotus .slide{border-radius:9rem .5rem .5rem .5rem}.lotus .slide-copy{padding-left:clamp(2rem,8vw,8rem)}.lotus .tiles a{border-radius:2rem 2rem .35rem .35rem}.lotus footer{text-align:center}.lotus footer nav{justify-content:center;border-top:1px solid #fff5;padding-top:1rem}
.khelo .strip{background:var(--accent);color:var(--bg)}.khelo .navrow{justify-content:flex-end;background:#ffffff0a}.khelo .slide{display:grid;grid-template-columns:47% 53%;min-height:430px;background:var(--panel)}.khelo .slide img{position:relative;grid-column:2;grid-row:1;z-index:auto}.khelo .slide::after{display:none}.khelo .slide-copy{grid-column:1;grid-row:1;padding:clamp(1rem,3vw,3rem)}.khelo .slide h1,.khelo .slide h2{font-size:clamp(2rem,4vw,4.5rem);font-weight:900}.khelo .tiles a{border-left:4px solid var(--accent)}.khelo footer{display:grid;grid-template-columns:minmax(10rem,1fr) 2fr;gap:2rem}.khelo .footer-lead a{display:block}.khelo footer nav{margin-top:1rem}
.tiger .mast{background:var(--panel);color:white}.tiger .logo span{color:var(--glow)}.tiger .navrow{justify-content:flex-start;border-bottom:3px solid var(--accent)}.tiger .issue{margin-right:auto;color:var(--accent)}.tiger .hero{border:5px solid var(--panel);padding:.55rem;background:var(--panel)}.tiger .slide{min-height:480px;display:grid;align-items:end}.tiger .slide-copy{margin:2rem;padding:1.35rem 2rem;border-left:5px solid var(--glow);background:#11112ddb;width:min(70%,730px)}.tiger .slide h1,.tiger .slide h2{font-size:clamp(2rem,4.75vw,4.5rem)}.tiger .tiles a{border-radius:.25rem;box-shadow:4px 4px var(--panel)}.tiger footer .footer-lead{display:flex;justify-content:space-between;border-bottom:1px solid #fff6;padding-bottom:.8rem;color:var(--glow)}.tiger footer>.logo{margin-top:1.3rem}
@media(max-width:700px){.lotus .mast{grid-template-columns:auto auto}.lotus .mast>span{display:none}.lotus .slide{border-radius:3rem .5rem .5rem .5rem}.khelo .slide{display:flex;flex-direction:column;min-height:0}.khelo .slide img{height:220px}.khelo .slide-copy{padding-bottom:5rem}.khelo footer{grid-template-columns:1fr}.tiger .slide-copy{margin:1rem 1rem 4.6rem;width:auto;padding:1rem}.tiger .slide{min-height:420px}}
.lotus .mast{background:#e2ac32;color:#271b05}.lotus .logo span{color:#573700}.lotus footer .logo span{color:var(--glow)}.lotus .navrow{border-color:#91640045}
.khelo .mast{background:#291347}.khelo .slide{background:#3c2066}
.tiger .mast,.tiger footer{background:#161012}.tiger .slide-copy{background:#190a0ce8}.tiger .hero{border-color:#a12c34}.tiger .tiles a{box-shadow:4px 4px #631a23}

/* Keep the site sections on the same outer grid as the banners. */
.khelo{--page-gutter:max(4vw,calc((100vw - 1330px)/2))}
.khelo .mast,.khelo .strip,.khelo footer{padding-inline:var(--page-gutter)}
.khelo .mast{gap:clamp(.6rem,1.4vw,1.4rem)}
.khelo .mast nav{margin-inline:auto;gap:clamp(.6rem,1.2vw,1.15rem)}
.khelo .mast nav a,.khelo .open{white-space:nowrap}
.khelo .mast .search input{width:clamp(7rem,10vw,10rem)}
.khelo .mast .search{margin:0}
.khelo .reading,.khelo .faq{max-width:none;margin-inline:0}
.khelo .reading>p,.khelo .faq details>p{max-width:78ch}
.khelo[data-home="1"] #topics .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.khelo footer{display:block;background:#291347}
.khelo .footer-grid{display:grid;grid-template-columns:1.45fr repeat(4,minmax(0,1fr));gap:1.5rem}
.khelo .footer-grid .logo{white-space:normal;flex-wrap:wrap}
.khelo .footer-grid .footer-lead{margin:0}
.khelo .footer-grid .footer-lead p{margin:.75rem 0 0;max-width:24ch;color:#e5cffa}
.khelo .footer-grid nav{display:grid;gap:.5rem;margin:.7rem 0 0}
.khelo .footer-grid h2{font-size:1rem;margin:0;color:#e8c7ff}
.khelo .footer-end{border-top:1px solid #ffffff36;margin-top:2rem;padding-top:1rem;display:flex;justify-content:space-between;gap:1rem;font-size:.85rem}
@media(max-width:1120px){.khelo .mast .logo small{display:none}}
@media(max-width:960px){.khelo .mast{flex-wrap:wrap}.khelo .mast nav{order:3;flex-basis:100%;margin:0}.khelo .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.khelo .footer-grid .footer-lead{grid-column:1/-1}}
@media(max-width:560px){.khelo .mast .search{order:4;flex-basis:100%}.khelo .mast .search input{width:auto;flex:1;min-width:0}.khelo[data-home="1"] #topics .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.khelo .tiles a{padding:.85rem}}

.khelo .hero{padding:.65rem;background:#120923;border:1px solid #9165b8}
.khelo .slide-copy{border-top:7px solid #c195ef}
.khelo .slide{clip-path:polygon(0 0,100% 0,100% 92%,98% 100%,0 100%)}
.khelo .format-note{margin:1.25rem 0;padding:1rem 1.25rem;background:#2b1648;border-left:6px solid #c79aff}
.khelo .inner-hero{border-bottom:5px solid #9d65d5}
.khelo .tiles{counter-reset:cards}
.khelo .tiles a{counter-increment:cards;background:#271641}
.khelo .tiles a::before{content:counter(cards,decimal-leading-zero);display:block;color:#d6abff;font-size:.75rem;letter-spacing:.14em}

body footer.reference-footer{display:block;padding:0;background:var(--panel);color:#fff;text-align:left}
.reference-footer .foot-shell{width:min(92%,1330px);margin-inline:auto;padding:clamp(2rem,5vw,4rem) 0 0}
.reference-footer .foot-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:clamp(1rem,3vw,3rem)}
.reference-footer .foot-brand{display:inline-flex;gap:.4em;align-items:baseline;flex-wrap:wrap;text-decoration:none;font-size:1.35rem;font-weight:800;margin-bottom:.85rem}
.reference-footer .foot-brand strong,.reference-footer .foot-brand span{color:var(--glow)}
.reference-footer .foot-about p{margin:0 0 .9rem;max-width:38ch;color:#fff}
.reference-footer .foot-notice{border-left:3px solid var(--glow);padding:.65rem .8rem;background:#0003;font-size:.9rem}
.reference-footer .foot-group h2{font:750 1rem/1.4 system-ui,sans-serif;margin:0 0 .8rem;color:var(--glow)}
.reference-footer .foot-group a{display:block;width:fit-content;font-size:.9rem;margin:.37rem 0;text-decoration:none}
.reference-footer a:hover{text-decoration:underline}
.reference-footer .foot-bottom{margin-top:2rem;padding:1rem 0;border-top:1px solid #ffffff50;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.85rem}
.reference-footer .foot-legal{display:flex;gap:.4rem 1rem;flex-wrap:wrap}
@media(max-width:820px){.reference-footer .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:450px){.reference-footer .foot-about{grid-column:1/-1}}