@font-face{font-family:'Noto Sans Meetei Mayek';src:url('/assets/fonts/model-about/meetei-mayek.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Noto Sans Ol Chiki';src:url('/assets/fonts/model-about/ol-chiki.woff2') format('woff2');font-display:swap}
.webot-journal{--journal-ink:#252039;--journal-muted:#696573;--journal-paper:#fcfaf6;--journal-accent:#6b47ba;background:var(--journal-paper);color:var(--journal-ink)}
.webot-journal a{color:inherit;text-underline-offset:4px}.journal-site-header{background:rgba(252,250,246,.97);border-bottom:1px solid #e7e2da;position:relative;z-index:10}.journal-header-inner{max-width:1320px;margin:auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.journal-logo{font-size:27px;font-weight:800;letter-spacing:-1.2px;text-decoration:none;white-space:nowrap}.journal-logo span{font-weight:400;font-size:15px;letter-spacing:0;margin-inline-start:10px;border-inline-start:1px solid #c6bfcf;padding-inline-start:12px}.journal-site-nav{display:flex;gap:27px;align-items:center}.journal-site-nav a{text-decoration:none;font-size:14px;font-weight:650}.journal-site-nav a[aria-current]{color:var(--journal-accent)}.journal-nav-toggle{display:none}.journal-skip{position:absolute;inset-inline-start:16px;top:-100px;background:#fff;padding:12px;z-index:100}.journal-skip:focus{top:8px}
.journal-main{max-width:1280px;margin:0 auto;padding:28px 32px 64px}.journal-topline{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:46px}.journal-topline nav{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--journal-muted)}.journal-topline nav a{text-decoration:none}.journal-language{max-width:320px;flex-shrink:0}.journal-language label{font-size:12px;display:block;margin-bottom:5px;color:var(--journal-muted)}.journal-language>div{display:flex;gap:8px}.journal-language select{background-color:#fff;font-size:13px;min-width:180px}.journal-language button{font-size:13px}.journal-intro{max-width:850px;margin-bottom:48px}.journal-kicker{text-transform:uppercase;letter-spacing:1.8px;font-weight:750;font-size:12px;color:var(--journal-accent);margin-bottom:15px}.journal-intro h1{font-size:clamp(40px,5.6vw,76px);line-height:1.08;letter-spacing:-3px;font-weight:750;margin-bottom:22px}.journal-deck{font-size:19px;line-height:1.75;max-width:700px;color:var(--journal-muted)}.journal-topic{display:inline-flex;gap:20px;margin-top:15px;border-bottom:1px solid;padding-bottom:6px;font-size:14px;text-decoration:none;font-weight:650}
.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.journal-card{border:1px solid #e6e0d8;border-radius:18px;box-shadow:none;background:#fff;overflow:hidden}.journal-card .widget-blog-image{display:block;aspect-ratio:3/2;overflow:hidden;background:#eee7e1}.journal-card img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.journal-card a:hover img{transform:scale(1.025)}.journal-card .card-body{padding:30px}.journal-card .widget-blog-title{font-size:27px;line-height:1.3;letter-spacing:-.7px;margin-bottom:16px}.journal-card .widget-blog-title a{text-decoration:none}.journal-card .widget-blog-title a:hover{text-decoration:underline}.journal-card .card-body>p:not(.journal-kicker){color:var(--journal-muted);line-height:1.7}.journal-card .widget-blog-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--journal-muted);margin:24px 0}.journal-read{display:inline-flex;gap:30px;text-decoration:none;font-weight:700;font-size:14px}.journal-featured{grid-column:1/-1;display:grid;grid-template-columns:1.12fr 1fr}.journal-featured .widget-blog-image{height:100%;aspect-ratio:auto;min-height:390px}.journal-featured .card-body{padding:44px;align-self:center}.journal-featured .widget-blog-title{font-size:34px}.journal-fineprint,.journal-translation{font-size:13px;line-height:1.7;color:var(--journal-muted);margin-top:26px}.journal-translation{background:#f1ebfa;border-radius:10px;padding:14px 18px;margin-top:-24px;margin-bottom:30px}
.journal-article-header{max-width:1000px;margin:0 auto 32px;text-align:center}.journal-article-header h1{font-size:clamp(34px,4.2vw,58px);letter-spacing:-1.8px;line-height:1.17;font-weight:750}.journal-byline{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin-top:23px;font-size:12px;color:var(--journal-muted)}.journal-cover{margin:0 0 56px}.journal-cover>img{width:100%;height:auto;max-height:620px;object-fit:cover;border-radius:20px}.journal-cover figcaption{font-size:11px;color:var(--journal-muted);text-align:center;padding-top:12px;line-height:1.7}.journal-reading-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:60px;max-width:1130px;margin:auto}.journal-toc{align-self:start;position:sticky;top:24px;border-inline-start:2px solid #e5dfee;padding-inline-start:20px;font-size:12px;line-height:1.6}.journal-toc summary{font-size:14px;font-weight:750;margin-bottom:18px;cursor:pointer}.journal-toc ol{padding:0;list-style:none;max-height:78vh;overflow:auto}.journal-toc li{margin-bottom:13px}.journal-toc a{text-decoration:none;color:var(--journal-muted)}.journal-toc a:hover{color:var(--journal-accent);text-decoration:underline}.journal-prose{max-width:760px;min-width:0;font-size:17px;line-height:1.95;overflow-wrap:break-word}.journal-prose p{margin-bottom:23px}.journal-prose .journal-lead{font-size:18px;line-height:1.85;color:#575160}.journal-prose h2{font-size:28px;line-height:1.35;letter-spacing:-.6px;font-weight:750;margin:48px 0 20px}.journal-prose section{scroll-margin-top:30px}.journal-sources{font-size:14px}.journal-tool-callout{margin-top:48px;padding:30px;background:#eee7f6;border-radius:16px}.journal-tool-callout h2{margin-top:0}.journal-tool-callout p{font-size:16px}.journal-tool-callout .btn{white-space:normal;font-size:14px}.journal-related{margin-top:80px;border-top:1px solid #e6e0d8;padding-top:40px}.journal-related>h2,.journal-languages h2{font-size:25px;margin-bottom:25px}.journal-languages{border-top:1px solid #e6e0d8;padding-top:36px;margin-top:55px}.journal-languages>div{display:flex;flex-wrap:wrap;gap:12px}.journal-languages a{padding:8px 13px;border:1px solid #e2dce8;border-radius:25px;font-size:13px;text-decoration:none;background:#fff}.journal-languages a[aria-current]{background:#2d243d;color:#fff}.journal-site-footer{background:#282231;color:#f6f1fa;padding:45px 32px}.journal-footer-inner{max-width:1216px;margin:auto;display:flex;gap:24px;justify-content:space-between}.journal-site-footer p{color:#d2c8dd;font-size:14px;margin:12px 0 0;max-width:370px}.journal-site-footer nav{display:flex;flex-wrap:wrap;gap:24px;align-self:center;font-size:13px}.journal-site-footer a{text-decoration:none}.journal-site-footer small{display:block;margin-top:22px;color:#bcb2c7}
.webot-journal [lang=mni]{font-family:'Noto Sans Meetei Mayek',sans-serif}.webot-journal [lang=sat]{font-family:'Noto Sans Ol Chiki',sans-serif}.webot-journal [dir=rtl]{text-align:right}.webot-journal [dir=rtl] .journal-article-header{text-align:center}.webot-journal :focus-visible{outline:3px solid #a078d6;outline-offset:4px}
@media(max-width:991px){.journal-reading-layout{grid-template-columns:1fr;gap:24px}.journal-toc{position:static;background:#f1ecf5;border:0;border-radius:12px;padding:18px}.journal-toc summary{margin-bottom:0}.journal-toc[open] summary,.journal-toc details[open] summary{margin-bottom:18px}.journal-toc ol{max-height:none}.journal-prose{margin:auto}.journal-featured .card-body{padding:30px}.journal-featured .widget-blog-title{font-size:28px}}
@media(max-width:700px){.journal-header-inner{padding:17px 20px;flex-wrap:wrap;gap:16px}.journal-nav-toggle{display:block}.journal-site-nav{display:none;flex-basis:100%;flex-wrap:wrap;gap:20px}.journal-site-nav.show{display:flex}.journal-main{padding:22px 20px 45px}.journal-topline{display:block;margin-bottom:36px}.journal-language{margin-top:22px;max-width:100%}.journal-language select{min-width:0}.journal-language>div{max-width:340px}.journal-intro h1{letter-spacing:-1.5px}.journal-deck{font-size:17px}.journal-grid{grid-template-columns:1fr;gap:24px}.journal-featured{display:block}.journal-featured .widget-blog-image{height:auto;aspect-ratio:3/2;min-height:0}.journal-card .card-body{padding:24px}.journal-card .widget-blog-title{font-size:25px}.journal-article-header{text-align:start}.journal-article-header h1{letter-spacing:-1px}.journal-byline{justify-content:flex-start;gap:8px 18px}.journal-cover{margin-bottom:28px}.journal-cover>img{border-radius:12px}.journal-prose{font-size:16px;line-height:1.9}.journal-prose h2{font-size:24px;margin-top:36px}.journal-tool-callout{padding:23px}.journal-footer-inner{display:block}.journal-site-footer nav{margin-top:28px}.journal-related{margin-top:50px}.journal-translation{margin-top:0}}
@media(prefers-reduced-motion:reduce){.journal-card img{transition:none}}

.webot-journal a.btn-dark{color:#fff}.journal-site-nav a.btn-dark:hover{color:#fff}

/* Keep the public reading palette independent of a saved dashboard theme. */
.webot-journal{--background-color:#fcfaf6;--default-color:#252039;--heading-color:#252039;--surface-color:#fff;--muted-color:#696573;--border-color:#e7e2da;--input-bg:#fff;--bs-body-color:#252039;--bs-body-bg:#fcfaf6;color-scheme:light}

.journal-topics{display:flex;gap:25px;flex-wrap:wrap}.journal-section{margin-bottom:64px;scroll-margin-top:25px}.journal-section-heading{max-width:850px;margin-bottom:28px}.journal-section-heading h2{font-size:32px;font-weight:750;letter-spacing:-.8px}.journal-section-heading p{color:var(--journal-muted);line-height:1.8}.journal-equation{padding:18px 20px;background:#eee8f5;border:1px solid #e1d6ee;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;font-size:15px;line-height:1.7;color:#35264e}.journal-equation code{color:inherit}.journal-site-nav{flex-wrap:wrap;gap:18px}.journal-header-inner{gap:20px}

.journal-science-card .widget-blog-image{height:auto;aspect-ratio:3/2;min-height:0}.journal-science-card img{object-fit:contain}.journal-science-card.journal-featured .widget-blog-image{height:100%;aspect-ratio:auto;min-height:390px}.journal-science-cover>img{max-height:none;object-fit:contain}@media(max-width:700px){.journal-science-card.journal-featured .widget-blog-image{height:auto;aspect-ratio:3/2;min-height:0}}
html[lang="mni"] .webot-journal{font-family:'Noto Sans Meetei Mayek',sans-serif}html[lang="sat"] .webot-journal{font-family:'Noto Sans Ol Chiki',sans-serif}

/* Search is progressive enhancement: every saved article remains crawlable. */
.journal-search{margin:0 0 2.5rem;padding:1.25rem;border:1px solid #d9d0df;border-radius:1rem;background:#fffdf9}
.journal-search label{font-weight:700;display:block;margin-bottom:.65rem}
.journal-search-controls{display:flex;gap:.75rem}
.journal-search input{min-width:0;flex:1}
.journal-search p{font-size:.9rem;margin:.75rem 0 0;color:#62566c}
.webot-journal [hidden]{display:none!important}
.journal-account{white-space:nowrap}
@media(max-width:575px){.journal-search-controls{flex-direction:column}.journal-search-controls button{align-self:flex-start}}

/* Fluid journal shell: use the available screen with modest responsive gutters. */
.webot-journal{--journal-gutter:clamp(16px,2vw,48px)}
.journal-header-inner,.journal-main,.journal-footer-inner{width:100%;max-width:none;margin-inline:0;min-width:0}
.journal-header-inner{padding:20px var(--journal-gutter);flex-wrap:wrap}
.journal-main{padding:24px var(--journal-gutter) 56px}
.journal-site-footer{padding:36px var(--journal-gutter)}
.journal-site-nav{min-width:0;flex:1;justify-content:flex-end}
.journal-intro,.journal-deck,.journal-section-heading,.journal-article-header,.journal-reading-layout,.journal-prose{max-width:none}
.journal-intro{margin-bottom:28px}
.journal-intro h1{font-size:clamp(34px,3.6vw,64px);letter-spacing:-1.5px;line-height:1.12;overflow-wrap:break-word}
.journal-topline{margin-bottom:28px}
.journal-reading-layout{width:100%;grid-template-columns:clamp(220px,18vw,300px) minmax(0,1fr);gap:clamp(24px,3vw,64px)}
.journal-prose{width:100%;margin:0;font-size:clamp(17px,1vw,21px)}
.journal-article-header h1{overflow-wrap:break-word}
.webot-journal .journal-cover>img{max-height:min(70vh,700px);object-fit:contain;background:#faf7f1}
@media(max-width:1100px){.journal-nav-toggle{display:block}.journal-header-inner{gap:16px}.journal-site-nav{display:none;flex-basis:100%;justify-content:flex-start;gap:18px}.journal-site-nav.show{display:flex}}
@media(max-width:991px){.journal-reading-layout{grid-template-columns:minmax(0,1fr);gap:24px}}
@media(max-width:700px){.journal-header-inner{padding:16px var(--journal-gutter)}.journal-main{padding:20px var(--journal-gutter) 40px}.journal-intro h1{font-size:clamp(32px,7vw,44px);letter-spacing:-1px}.journal-prose{font-size:16px}.journal-cover{margin-bottom:28px}.journal-topline{margin-bottom:28px}}

/* Hierarchical topic controls use the existing FlexAdmin form controls. */
.journal-browser.has-filters{display:grid;grid-template-columns:clamp(230px,19vw,310px) minmax(0,1fr);gap:clamp(20px,2vw,40px);align-items:start}
.journal-results{min-width:0}
.journal-filters{position:sticky;top:20px;border:1px solid var(--border-color);border-radius:16px;background:var(--surface-color)}
.journal-filter-content{padding:20px;max-height:calc(100vh - 80px);overflow:auto;scrollbar-gutter:stable}
.journal-filter-content>h2{font-size:19px;font-weight:750;margin:0 0 10px}
.journal-filter-content>p{color:var(--journal-muted);font-size:13px;line-height:1.6}
.journal-filter-content>[data-filter-reset]{margin-bottom:20px;white-space:normal}
.journal-filter-group{border:0;padding:0;margin:0 0 18px;min-width:0}
.journal-filter-group legend{float:none;width:auto;margin:0;font-size:15px;font-weight:750}
.journal-filter-group label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;line-height:1.5;overflow-wrap:anywhere}
.journal-filter-group .form-check-input{float:none;margin:3px 0 0;flex-shrink:0;cursor:pointer}
.journal-filter-topics{border-inline-start:1px solid var(--border-color);padding-inline-start:14px;margin:14px 0 0 7px}
.journal-filter-topics label{font-size:13px;margin-bottom:14px}
.journal-filters summary{display:none;cursor:pointer;font-weight:750;padding:16px 20px}
.journal-header-controls{display:flex;align-items:center;gap:12px}
.journal-theme-toggle{width:42px;height:42px;color:var(--journal-ink);border:1px solid var(--border-color);background:var(--surface-color)}
.journal-theme-toggle:hover{background:var(--background-color)}
@media(max-width:1100px){.journal-header-controls{margin-inline-start:auto}.journal-site-nav{order:3}}
@media(max-width:991px){.journal-browser.has-filters{grid-template-columns:minmax(0,1fr)}.journal-filters{position:static}.journal-filters summary{display:block}.journal-filter-content{max-height:none;padding-top:0}.journal-intro h1{font-size:clamp(30px,5vw,48px)}}
/* Match the template's persisted data-theme=dark mode, without changing app pages. */
[data-theme=dark] .webot-journal{--journal-ink:#e8eef4;--journal-muted:#b7c4cf;--journal-paper:#08141a;--journal-accent:#c5abff;--background-color:#08141a;--default-color:#e8eef4;--heading-color:#e8eef4;--surface-color:#11222c;--muted-color:#b7c4cf;--border-color:#2a4458;--input-bg:#0c1b24;--input-color:#e8eef4;--input-border:#2a4458;--card-bg:#11222c;--card-border:#2a4458;--bs-body-color:#e8eef4;--bs-body-bg:#08141a;color-scheme:dark}
.journal-site-header{background:var(--journal-paper);border-color:var(--border-color)}
.journal-card,.journal-search,.journal-languages a{background:var(--surface-color);border-color:var(--border-color)}
.journal-language select,.journal-search input{background-color:var(--input-bg);color:var(--journal-ink);border-color:var(--border-color)}
.journal-prose .journal-lead{color:var(--journal-muted)}
.journal-skip{background:var(--surface-color);color:var(--journal-ink)}
.webot-journal .btn-outline-dark{color:var(--journal-ink);border-color:var(--border-color)}
.webot-journal .btn-outline-dark:hover{background:var(--border-color)}
[data-theme=dark] .webot-journal .btn-dark{background:#7253aa;border-color:#7253aa;color:#fff}
[data-theme=dark] .journal-tool-callout,[data-theme=dark] .journal-translation,[data-theme=dark] .journal-equation{background:#172a38;color:var(--journal-ink);border-color:var(--border-color)}
[data-theme=dark] .journal-languages a[aria-current]{background:#7253aa;color:#fff}
[data-theme=dark] .journal-site-footer{background:#071017}
[data-theme=dark] .journal-related,[data-theme=dark] .journal-languages,[data-theme=dark] .journal-toc{border-color:var(--border-color)}
@media(max-width:991px){[data-theme=dark] .journal-toc{background:var(--surface-color)}}
.journal-search p{color:var(--journal-muted)}
.journal-search input::placeholder{color:var(--journal-muted);opacity:1}
.journal-filter-group .form-check-input{border-color:#778796}
.journal-filter-group .form-check-input:checked{background-color:#7453ac;border-color:#7453ac}
[data-theme=dark] .journal-filter-group .form-check-input:checked{background-color:#9a73ce;border-color:#9a73ce}

/* Reuse the complete existing platform wordmark and bundled Lucide robot. */
.journal-logo.header-logo{font-family:var(--heading-font);font-size:1.1rem;font-weight:700;letter-spacing:normal;gap:8px}
.journal-logo.header-logo span{display:inline;font:inherit;letter-spacing:normal;margin:0;padding:0;border:0}
.journal-site-footer .journal-logo.header-logo{color:#f6f1fa}

/* Saved encyclopedia entries remain readable without JavaScript. */
.journal-catalogue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0 2rem}
.journal-catalogue-item{min-width:0;border:1px solid var(--border-color,#ded5e4);border-radius:1rem;padding:1.15rem;background:var(--surface-color,#fff);scroll-margin-top:7rem}
.journal-prose .journal-catalogue-item h3{font-size:1.1rem;line-height:1.5;margin:0 0 .65rem;overflow-wrap:anywhere}
.journal-catalogue-item h3 a{color:inherit;text-decoration:none}
.journal-catalogue-item h3 a:hover{text-decoration:underline}
.journal-prose .journal-catalogue-item p{font-size:1rem;line-height:1.8;margin:0;overflow-wrap:anywhere}
.journal-prose [data-catalogue-search]{margin-block:2rem}
@media(max-width:767px){.journal-catalogue-grid{grid-template-columns:minmax(0,1fr)}}

/* Progressive pagination keeps all saved article links in the server HTML. */
.journal-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;margin:1.5rem 0 2rem}
.journal-page-numbers{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}
.journal-pagination [aria-current=page]{background:var(--journal-accent);color:var(--journal-paper);border-color:var(--journal-accent)}
.journal-pagination [data-page-status]{font-size:.9rem;color:var(--journal-muted)}
@media(max-width:575px){.journal-pagination{gap:.5rem}.journal-pagination [data-page-status]{flex-basis:100%;text-align:center;order:3}}