.editorial-panel { position:relative; z-index:1; margin:32px auto; padding:28px; border:1px solid var(--line,#dce7f2); border-radius:18px; background:var(--soft,#fff); color:var(--ink,#071636); }
body[data-page="home"] .hero { overflow-x:clip; }
.editorial-panel h2 { margin:0 0 16px; font-size:clamp(22px,3vw,30px); }
.editorial-panel h3 { margin:22px 0 8px; }
.editorial-panel p,.editorial-panel li { line-height:1.8; }
.editorial-panel a,.article-shell a { color:var(--blue,#185AFC); text-underline-offset:3px; }
.editorial-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.reference-scroll { max-width:100%; overflow-x:auto; margin:20px 0; }
.reference-scroll table { width:100%; border-collapse:collapse; text-align:left; }
.reference-scroll th,.reference-scroll td { padding:12px 14px; border-bottom:1px solid var(--line,#dce7f2); vertical-align:top; }
.reference-scroll th { background:var(--blue-soft,#eef5ff); }
.reference-scroll td[lang="si"] { font:20px/1.7 'Noto Sans Sinhala',sans-serif; }
.reference-scroll [hidden] { display:none; }
.article-shell figure { margin:28px 0; }
.article-shell { font-family:'Nunito Sans',sans-serif; }
.editorial-converter { display:block; box-sizing:border-box; width:100%; height:680px; margin:20px 0; border:1px solid var(--line,#dce7f2); border-radius:16px; background:var(--soft,#fff); }
@media(max-width:720px) { .editorial-converter { height:1040px; } }
.article-shell figure img { display:block; width:100%; height:auto; border:1px solid var(--line,#dce7f2); border-radius:12px; }
.article-shell figcaption,.editorial-byline { margin:12px 0 24px; font-size:14px; color:var(--muted,#51617f); line-height:1.7; }
.article-shell li { margin:10px 0; line-height:1.8; }
.article-shell input[type="search"] { box-sizing:border-box; display:block; width:100%; margin:10px 0; padding:12px; border:1px solid var(--line,#dce7f2); border-radius:8px; color:var(--ink,#071636); background:var(--soft,#fff); font:inherit; }
.article-shell input:focus-visible { outline:2px solid var(--blue,#185AFC); outline-offset:2px; }
:root[data-theme="dark"] .article-shell { color:var(--ink); }
:root[data-theme="dark"] .article-shell p,:root[data-theme="dark"] .article-lead { color:var(--muted); }
:root[data-theme="dark"] .article-shell section { border-color:var(--line); }
@media(max-width:720px) { .editorial-panel { padding:20px; } .editorial-grid { grid-template-columns:1fr; gap:12px; } .reference-scroll th,.reference-scroll td { padding:10px; } }