:root{--swjl-bar-height:44px}
body.swj-experience{padding-top:var(--swjl-bar-height)}
.swjl-switcher{position:fixed;inset:0 0 auto;z-index:100020;height:var(--swjl-bar-height);background:var(--paper,#f3f7f3);color:var(--ink,#173d2d);border-bottom:1px solid rgba(70,110,85,.22);font-family:system-ui,"Noto Sans Tamil","Noto Sans Sinhala",sans-serif}
html[data-theme="dark"] .swjl-switcher{background:#102119;color:#e8f1e7}
.swjl-switcher-inner{display:flex;align-items:center;justify-content:flex-end;gap:14px;max-width:1200px;height:100%;padding:0 24px;margin:auto}
.swjl-label{font-size:12px;opacity:.8;font-weight:600}
.swjl-language-options{display:flex;align-items:center;height:100%;gap:4px}
.swjl-language{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:68px;padding:5px 12px;border:1px solid transparent;border-radius:8px;font-size:13px;line-height:1.2;font-weight:650;color:inherit;text-decoration:none;white-space:nowrap}
.swjl-language.is-active{background:#245e45;color:#fff;border-color:#245e45}
.swjl-language:hover{border-color:currentColor}.swjl-language:focus-visible{outline:3px solid #d7ad3b;outline-offset:1px}
body.swj-experience .site-header{top:var(--swjl-bar-height)}
html[lang="ta"] body,html[lang="ta"] button,html[lang="ta"] input,html[lang="ta"] select{font-family:"Noto Sans Tamil","Nirmala UI",Latha,system-ui,sans-serif}
html[lang="si"] body,html[lang="si"] button,html[lang="si"] input,html[lang="si"] select{font-family:"Noto Sans Sinhala","Nirmala UI","Iskoola Pota",system-ui,sans-serif}
html[lang="ta"] .hero h1,html[lang="si"] .hero h1{line-height:1.45;font-size:clamp(2rem,4.5vw,4.5rem);letter-spacing:normal}
html[lang="ta"] h1,html[lang="ta"] h2,html[lang="ta"] h3,html[lang="si"] h1,html[lang="si"] h2,html[lang="si"] h3{line-height:1.5;letter-spacing:normal;overflow-wrap:anywhere}
html[lang="ta"] .eyebrow,html[lang="si"] .eyebrow{letter-spacing:.035em;line-height:1.8}
html[lang="ta"] .article-body,html[lang="si"] .article-body{line-height:2}
.swjl-switcher~.skip:focus{top:calc(var(--swjl-bar-height) + 8px)}
.swjl-translation-pending{padding:12px 16px;border-left:3px solid #d5ad46;background:rgba(214,176,78,.12);font-size:.9em;line-height:1.8}
html[lang="ta"] .category-card,html[lang="si"] .category-card,html[lang="ta"] .category-card>span,html[lang="si"] .category-card>span{min-width:0;overflow-wrap:anywhere}
html[lang="ta"] .category-card strong,html[lang="ta"] .category-card small,html[lang="si"] .category-card strong,html[lang="si"] .category-card small{overflow-wrap:anywhere;letter-spacing:normal;line-height:1.65}
html[lang="ta"] .card-bottom,html[lang="si"] .card-bottom{flex-wrap:wrap;row-gap:8px}
html[lang="ta"] .wordmark>span,html[lang="si"] .wordmark>span{min-width:0}
html[lang="ta"] .wordmark small,html[lang="si"] .wordmark small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em}
@media(max-width:420px){html[lang="ta"] .category-grid,html[lang="si"] .category-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.swjl-switcher-inner{justify-content:center;padding:0 12px;gap:12px}.swjl-language{min-width:64px;padding:5px 10px;font-size:12px}html[lang="ta"] .hero h1,html[lang="si"] .hero h1{font-size:clamp(1.75rem,7vw,2.8rem)}html[lang="ta"] .swj-post-heading h1,html[lang="si"] .swj-post-heading h1{font-size:clamp(1.65rem,6.8vw,2.8rem)}html[lang="ta"] .wordmark span,html[lang="si"] .wordmark span{font-family:system-ui,sans-serif}}
@media(prefers-reduced-motion:reduce){.swjl-switcher *{scroll-behavior:auto!important}}
