.about-view{width:100%;height:100%;min-height:0;color:var(--os-ink);font:450 13px/18px var(--font-ui);display:flex}.about-sidebar{background:color-mix(in srgb, var(--os-sidebar) 70%, var(--os-window));border:0;border-radius:10px;width:184px;margin:48px 0 12px 12px;padding:8px}.about-sidebar :is(button,a){min-height:32px;text-decoration:none}.about-view .about-static-tab{border-radius:var(--r-menu-item);color:var(--os-ink);align-items:center;padding:0 8px;display:flex}.about-static-tab:hover{background:var(--os-hover)}.about-scroll{overscroll-behavior:contain;flex:1;min-width:0;min-height:0;overflow:auto}.about-panel{outline-offset:-4px;padding:48px 24px 24px}.about-panel[hidden]{display:none}.about-view h1,.about-view h2.about-heading{font:450 32px/38px var(--font-display);letter-spacing:-.015em;margin:0 0 24px}.about-view p{margin:0}.about-identity{align-items:center;gap:20px;margin-bottom:24px;display:flex}.about-identity h1{margin:0 0 4px}.about-native{font:400 20px/26px var(--font-sinhala);color:var(--os-ink-2)}.about-view .about-edition{color:var(--os-ink-2);font:450 12px/16px var(--font-ui);margin-top:8px}.about-avatar-button{background:var(--os-sunken);border:0;border-radius:50%;flex-shrink:0;width:128px;height:128px;padding:0;display:block}button.about-avatar-button{cursor:pointer}.about-avatar-button picture{display:block}.about-avatar-button .about-avatar{object-fit:cover;border-radius:50%;width:128px;height:128px}.about-specs{font-variant-numeric:tabular-nums;gap:8px;margin:0 0 24px;display:grid}.about-specs>div{grid-template-columns:120px minmax(0,1fr);gap:16px;display:grid}.about-specs dt{text-align:right;color:var(--os-ink-2)}.about-specs dd{overflow-wrap:anywhere;margin:0}.about-actions{flex-wrap:wrap;gap:8px;display:flex}.about-actions a{justify-content:center;align-items:center;gap:4px;min-height:32px;padding:6px 12px;font-weight:600;text-decoration:none;display:inline-flex}.about-actions .about-primary{background:var(--os-accent);color:var(--os-on-accent);border-radius:var(--r-pill)}.about-actions .about-secondary{border:1px solid var(--os-line-strong);border-radius:var(--r-control);background:var(--os-raised);color:var(--os-ink)}.about-actions .about-secondary:hover{background:var(--os-hover)}.about-more{width:fit-content;color:var(--os-accent-ink);font:450 12px/16px var(--font-ui);text-underline-offset:3px;margin:12px 0 0 auto;display:block}.about-timeline{border-left:1px solid var(--os-line);margin:0 0 0 4px;padding:0 0 0 24px;list-style:none}.about-timeline li{margin:0;padding:0 0 32px;position:relative}.about-timeline li:last-child{padding-bottom:0}.about-timeline li:before{content:"";background:var(--os-accent-ink);width:9px;height:9px;box-shadow:0 0 0 4px var(--os-window);border-radius:50%;position:absolute;top:10px;left:-29px}.about-year{color:var(--os-accent-ink);font:500 24px/30px var(--font-display);letter-spacing:-.01em;margin-bottom:8px}.about-view .about-timeline h3{font:600 13px/18px var(--font-ui);margin:0 0 8px}.about-view :is(.about-timeline,.about-card) p{font:400 15px/24px var(--font-ui)}.about-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.about-card{border:1px solid var(--os-line);border-radius:var(--r-card);background:var(--os-raised);overflow-wrap:anywhere;min-width:0;padding:20px}.about-view .about-card h3{font:500 20px/26px var(--font-display);letter-spacing:-.005em;margin:0 0 12px}.about-life svg{color:var(--os-accent-ink);margin-bottom:16px}.about-toolbox{gap:24px;display:grid}.about-view .about-toolbox h3{color:var(--os-ink-2);font:500 10.5px/14px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-stretch:87.5%}.about-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.about-chips li{border:1px solid var(--os-line-strong);border-radius:var(--r-pill);color:var(--os-ink-2);font:450 12px/16px var(--font-ui);margin:0;padding:6px 10px}.about-load{flex:1;place-items:center;padding:48px 24px;display:grid;overflow:auto}.static-window[data-app=about]>.static-titlebar{z-index:1;background:0 0;border:0;height:40px;min-height:40px;position:absolute;inset:0 0 auto}.static-window[data-app=about] .static-titlebar>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.static-window[data-app=about]>.static-content{display:flex;overflow:hidden}.static-window[data-app=about] .static-document{width:100%;max-width:none;min-height:0;margin:0;padding:0}.about-view[data-interactive=false] .about-panel:not([data-selected=true]),.about-view[data-interactive=false]:has(.about-panel:target) .about-panel{display:none}.about-view[data-interactive=false]:has(.about-panel:target) .about-panel:target{display:block}.about-view[data-interactive=false]:not(:has(.about-panel:target)) .about-static-tab:first-child,.about-view[data-interactive=false]:has(#about-overview:target) a[href=\#about-overview],.about-view[data-interactive=false]:has(#about-story:target) a[href=\#about-story],.about-view[data-interactive=false]:has(#about-principles:target) a[href=\#about-principles],.about-view[data-interactive=false]:has(#about-toolbox:target) a[href=\#about-toolbox],.about-view[data-interactive=false]:has(#about-life:target) a[href=\#about-life]{background:var(--os-accent-soft)}@container window (width<=559px){.about-view{flex-direction:column}.about-sidebar{flex-shrink:0;width:auto;margin:48px 12px 0;padding:4px;display:flex;overflow-x:auto}.about-sidebar :is(button,a){white-space:nowrap;flex:1 0 auto;width:auto;min-height:44px;padding:0 12px}.about-panel{padding:24px 20px}.about-identity{text-align:center;flex-direction:column;gap:16px}.about-cards{grid-template-columns:1fr}.about-specs>div{grid-template-columns:104px minmax(0,1fr);gap:12px}.about-actions a{min-height:44px}.about-more{align-items:center;min-height:44px;display:flex}}@media (width<=1023px),(pointer:coarse) and (width<=1179px){@container window (width<=559px){.about-sidebar{margin-top:12px}.about-sidebar :is(button,a){flex:auto;min-width:44px;padding:0 8px}}}@container window (width<=340px){.about-specs>div{grid-template-columns:1fr;gap:4px}.about-specs dt{text-align:left}}html:is([data-view=simple],:has(#simple:target)) .static-window[data-app=about] .static-document{padding:32px 0}html:is([data-view=simple],:has(#simple:target)) .about-view{height:auto;display:block}html:is([data-view=simple],:has(#simple:target)) .about-sidebar{flex-wrap:wrap;width:auto;margin:0 0 24px;display:flex}html:is([data-view=simple],:has(#simple:target)) .about-view[data-interactive=false] .about-panel{padding:24px 0;display:block}html[data-transparency=reduce] .about-sidebar{background:var(--os-sidebar)}@media (prefers-reduced-transparency:reduce){.about-sidebar{background:var(--os-sidebar)}}@media (forced-colors:active){.about-card,.about-sidebar{border:1px solid canvastext}.about-sidebar :is([aria-selected=true],a:focus){color:highlighttext;background:highlight}}