@font-face{font-family:SupportSinhala;src:url(/assets/fonts/noto-serif-sinhala-verified.woff)}*{box-sizing:border-box}body{margin:0;background:#f4f8f5;color:#173c32;font:18px/1.65 Arial,sans-serif}main{max-width:960px;margin:auto;padding:24px 18px 100px}header,section,aside{background:#fff;padding:22px;border:1px solid #bbd1c3;border-radius:12px;margin:16px 0}h1{line-height:1.2;font-size:clamp(27px,5vw,40px)}h2{line-height:1.3}nav,.actions{display:flex;flex-wrap:wrap;gap:12px}a,button,select{min-height:44px;padding:10px;font:inherit;color:#07513e;max-width:100%}button{cursor:pointer;background:#e6f3e9;border:1px solid #628673;border-radius:7px}textarea{width:100%;min-height:120px;font:inherit;padding:12px}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #ccd9d0;text-align:left}summary{cursor:pointer;min-height:44px}li{margin:12px 0}[lang=si]{font-family:SupportSinhala,Arial,sans-serif;color:#285d4d}.playing{background:#fff0a8;outline:2px solid #b88200}input[type=checkbox]{width:22px;height:22px;vertical-align:middle}:focus-visible{outline:3px solid #ba8200;outline-offset:3px}.note{background:#fff9e7}small{display:block}a{overflow-wrap:anywhere}@media(max-width:500px){main{padding:12px 10px 90px}section,header,aside{padding:15px}table,tbody,tr,td{display:block}th{display:none}}
