/* Public bilingual navigation. Admin styles and language are unchanged. */
.language-switch{display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid var(--line);background:var(--white);border-radius:100px;padding:3px;flex-shrink:0;font:500 12px/1.6 "Noto Sans Malayalam","Nirmala UI",Kartika,system-ui,sans-serif;white-space:nowrap}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;padding:9px 10px;min-height:40px;border-radius:30px;color:var(--muted)}
.language-switch a[aria-current]{background:var(--brand);color:var(--white)}
.language-switch>span{color:var(--line);padding:0 1px}.language-switch a:focus-visible{outline-offset:2px}
.site-header .header-inner{gap:22px}.site-header .brand{order:0}.site-header .main-nav{order:1;gap:19px}.site-header .language-switch{order:2}.site-header .menu-toggle{order:3}
html[lang=ml]{--sans:"Noto Sans Malayalam","Nirmala UI",Kartika,system-ui,sans-serif;--serif:"Noto Sans Malayalam","Nirmala UI",Kartika,system-ui,sans-serif}
html[lang=ml] body{line-height:1.9}
html[lang=ml] h1,html[lang=ml] h2,html[lang=ml] h3,html[lang=ml] em{letter-spacing:0;font-style:normal;line-height:1.55;font-weight:600;overflow-wrap:anywhere}
html[lang=ml] h1{font-size:clamp(32px,4.4vw,59px)}html[lang=ml] h2{font-size:clamp(27px,3.1vw,40px)}html[lang=ml] h3{font-size:24px}
html[lang=ml] .cinema-copy h1{font-size:clamp(26px,3.8vw,54px);line-height:1.6;letter-spacing:0;text-align:start;text-wrap:wrap;overflow-wrap:normal;word-break:normal;hyphens:none}
html[lang=ml] .cinema-description{font-size:16px;line-height:1.95;max-width:610px}
html[lang=ml] .cinema-copy{max-width:760px;min-width:0;container-type:inline-size}
html[lang=ml] .eyebrow,html[lang=ml] .committee-role,html[lang=ml] .cinema-bottom,html[lang=ml] .welcome-links small,html[lang=ml] .demo-bar{letter-spacing:0;text-transform:none;line-height:1.8}
html[lang=ml] .eyebrow{font-size:12px}
html[lang=ml] .brand>span:not(.brand-emblem){font-size:25px;letter-spacing:0;line-height:1.6}html[lang=ml] .brand small{font-size:10px;letter-spacing:0;line-height:1.8;margin:0}
html[lang=ml] .main-nav{font-size:12px}html[lang=ml] .main-nav .button{font-size:12px;max-width:185px;padding:11px 16px}
html[lang=ml] .button{line-height:1.8;min-height:48px}html[lang=ml] .text-link{line-height:1.9}
html[lang=ml] .home-about-copy h2,html[lang=ml] .section-heading h2,html[lang=ml] .join-banner h2{font-size:clamp(28px,3.2vw,43px)}
html[lang=ml] .home-about-copy p,html[lang=ml] .heading-side p,html[lang=ml] .post-card p,html[lang=ml] .join-banner p{font-size:15px;line-height:1.95}
html[lang=ml] .post-card h3{font-size:24px;line-height:1.65}html[lang=ml] .card-bottom .text-link{font-size:13px}
html[lang=ml] .home-about-seal{width:175px;height:175px;gap:8px}html[lang=ml] .home-about-seal span{font-size:9px;letter-spacing:0;line-height:1.8}html[lang=ml] .home-about-seal b{font:600 20px/1.8 var(--sans);letter-spacing:0}
html[lang=ml] .home-committee-link h2{font-size:27px}html[lang=ml] .home-committee-link .text-link{white-space:normal;flex-shrink:0;max-width:230px}
html[lang=ml] .committee-role{font-size:12px}html[lang=ml] .committee-card h3{font-size:22px;line-height:1.65}
html[lang=ml] .event-date{width:135px;height:auto;min-height:105px;padding:14px 9px}html[lang=ml] .event-date b{font-size:36px;line-height:1.2}html[lang=ml] .event-date span{font-size:11px;letter-spacing:0;text-align:center}html[lang=ml] .event-details h3{font-size:25px}html[lang=ml] .event-details p{flex-wrap:wrap;line-height:1.9}
html[lang=ml] .contact-copy h1,html[lang=ml] .page-intro h1{font-size:clamp(33px,4.3vw,59px)}html[lang=ml] .contact-panel h2{font-size:28px}
html[lang=ml] .rules-heading h2{font-size:28px}html[lang=ml] .rule summary h3{font-size:16px;line-height:1.9}
html[lang=ml] .membership-summary h3,html[lang=ml] .guideline-side h3,html[lang=ml] .support-steps h3{font-size:25px}
html[lang=ml] .article-header h1{font-size:clamp(31px,4vw,53px)}html[lang=ml] .article-excerpt,html[lang=ml] .prose{line-height:2}
html[lang=ml] .join-roundel{gap:17px;padding:24px}html[lang=ml] .join-roundel span{font-size:10px;line-height:1.8;letter-spacing:0;text-align:center}html[lang=ml] .join-roundel b{font-size:56px;line-height:1.5}
html[lang=ml] .footer-kicker p{font-size:clamp(23px,2.8vw,37px);line-height:1.8;letter-spacing:0}html[lang=ml] .footer-word{font-size:clamp(60px,14vw,195px);letter-spacing:0;line-height:1.8}html[lang=ml] .footer-links{font-size:14px;line-height:1.9}
html[lang=ml] .intro-side>p{font-size:clamp(27px,3vw,45px);line-height:1.65;letter-spacing:0}
@media(max-width:1360px){.site-header .header-inner{flex-wrap:wrap;padding-top:14px;padding-bottom:14px;gap:8px 22px}.site-header .language-switch{margin-left:auto}.site-header .main-nav{order:4;flex-basis:100%;justify-content:center;gap:27px}.site-header .brand{margin-right:auto}}
@media(max-width:1100px){.site-header .header-inner{flex-wrap:nowrap;gap:16px;min-height:88px}.site-header .brand{margin-right:0}.site-header .menu-toggle{display:inline-flex;flex-shrink:0;width:44px;height:44px}.site-header .main-nav{display:none;position:absolute;top:100%;left:28px;right:28px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 18px 35px #163f4b18;flex-direction:column;align-items:stretch;gap:3px;max-height:calc(100dvh - 160px);overflow-y:auto}.site-header .main-nav.open{display:flex}.site-header .main-nav>a{padding:12px;font-size:15px}.site-header .main-nav .button{max-width:none;margin-top:8px;min-height:48px}.site-header .main-nav>a:after{display:none}.site-header .main-nav>a.active:not(.button){background:var(--brand-soft);border-radius:8px}.site-header .main-nav .button{font-size:14px}}
@media(max-width:600px){.site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px 12px;padding:10px 0}.site-header .brand{grid-column:1;grid-row:1;min-width:0}.site-header .brand>span:not(.brand-emblem){overflow-wrap:anywhere}.site-header .menu-toggle{grid-column:2;grid-row:1}.site-header .language-switch{grid-column:1/-1;grid-row:2;justify-self:end;margin:0;min-height:44px}.language-switch a{min-height:36px;padding:7px 13px;font-size:12px}.site-header .main-nav{left:18px;right:18px;max-height:calc(100dvh - 210px);padding:14px}html[lang=ml] .cinema-copy h1{font-size:clamp(26px,6.5vw,38px);line-height:1.6}html[lang=ml] .cinema-description{font-size:15px}html[lang=ml] .cinema-malayalam{font-size:14px}html[lang=ml] .eyebrow{font-size:11px}html[lang=ml] .cinema-bottom{font-size:10px;line-height:1.9}html[lang=ml] .hero-actions{flex-wrap:wrap;gap:18px}html[lang=ml] .home-about-seal{width:137px;height:137px;padding:12px;gap:5px}html[lang=ml] .home-about-seal b{font-size:16px}html[lang=ml] .home-about-seal span{font-size:8px}html[lang=ml] .home-about-caption{gap:12px;flex-wrap:wrap}html[lang=ml] .home-about-copy h2,html[lang=ml] .section-heading h2,html[lang=ml] .join-banner h2{font-size:28px}html[lang=ml] .home-committee-link h2{font-size:24px}html[lang=ml] .home-committee-link .text-link{max-width:none}html[lang=ml] .committee-card h3{font-size:18px}html[lang=ml] .committee-role{font-size:11px}html[lang=ml] .committee-card-copy{padding:16px 9px}html[lang=ml] .contact-copy h1,html[lang=ml] .page-intro h1{font-size:31px}html[lang=ml] .contact-panel h2{font-size:25px}html[lang=ml] .contact-panel .checkbox-label{font-size:13px!important;line-height:2}html[lang=ml] .event-date{width:90px;padding:12px 5px}html[lang=ml] .event-date span{font-size:10px}html[lang=ml] .event-details h3{font-size:20px}html[lang=ml] .event-row{gap:17px}html[lang=ml] .footer-word{font-size:14vw}html[lang=ml] .mobile-dock a{font-size:11px;line-height:1.8}html[lang=ml] .intro-play{white-space:normal;width:max-content;max-width:calc(100% - 36px);text-align:center}html[lang=ml] .rules-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.language-switch a{transition:none}}

/* Size Malayalam against the available text column, including tablet layouts.
   Normal word wrapping keeps punctuation attached to its word. */
html[lang=ml] .cinema-copy h1 .hero-title-line{line-height:inherit;overflow-wrap:normal;word-break:normal;text-wrap:wrap}
@supports(font-size:1cqi){html[lang=ml] .cinema-copy h1{font-size:clamp(24px,6.5cqi,54px)}}