/* Homepage styles are isolated from the administration interface. */
.home{--bg:#edf2f5;--card-bg:#fff;--text:#172b38;--text-secondary:#506370;--border:#d7e1e7;--accent:#08786f;--sidebar-width:236px;--accent-soft:#e8f4f1;--shadow:0 8px 26px #263d4810;font-size:14px;line-height:1.6}
[data-theme=dark] .home{--bg:#131c22;--card-bg:#1b272f;--text:#e3ecef;--text-secondary:#9caeb8;--border:#2b3b44;--accent:#68c9b9;--accent-soft:#203e3c;--shadow:0 8px 26px #0003;color-scheme:dark}
.home button,.home input{font:inherit}.home :focus-visible{outline:3px solid var(--accent);outline-offset:4px}.home .site-header{padding:34px 20px 22px;height:100dvh}.brand{display:flex;align-items:center;gap:11px;margin-bottom:43px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:var(--accent);color:var(--card-bg);font-size:29px;font-weight:700;flex-shrink:0}.home #siteTitle{font-size:17px;letter-spacing:-.5px;max-width:153px}.brand-caption{font-size:10px;letter-spacing:1.5px;color:var(--text-secondary)}.nav-label{display:flex;justify-content:space-between;padding:0 12px;margin-bottom:13px;font-size:11px;letter-spacing:2px;color:var(--text-secondary)}.home .cat-nav{gap:5px}.home .cat-nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;color:var(--text-secondary);font-size:13px;border-radius:9px}.home .cat-nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-symbol{display:grid;place-items:center;width:22px;font-size:16px}.nav-name{overflow:hidden;text-overflow:ellipsis}.nav-count{margin-left:auto;font-size:11px;opacity:.7}.sidebar-bottom{margin-top:auto;padding:28px 10px 0;font-size:10px;white-space:nowrap;color:var(--text-secondary)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:7px}.page-shell{margin-left:var(--sidebar-width);padding:0 clamp(24px,4vw,68px);max-width:1800px}.topbar{display:flex;justify-content:space-between;align-items:center;height:82px;border-bottom:1px solid var(--border);font-size:12px}.breadcrumb{color:var(--text-secondary);margin-left:12px}.home .header-actions{gap:12px}.home #themeToggle{color:var(--text-secondary);font-size:22px;border:0;padding:6px 10px}.home .admin-link{font-size:12px;background:var(--card-bg);padding:7px 12px}.home .search-widget{margin:0;padding:47px 0 36px;position:relative}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.3px;color:var(--accent);margin-bottom:13px}.hero-copy h2{font-size:clamp(27px,3vw,39px);line-height:1.4;letter-spacing:-1.5px;margin:0 0 12px;font-weight:650}.hero-copy h2>span{color:var(--accent)}.hero-copy p{margin:0 0 26px;font-size:13px;color:var(--text-secondary)}.mobile-break{display:none}.home .search-form{max-width:740px;align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:13px;padding:7px;box-shadow:var(--shadow);gap:6px}.home .search-form:focus-within{border-color:var(--accent)}.search-icon{font-size:29px;color:var(--text-secondary);padding:0 8px 0 12px;line-height:1}.home .search-form input{border:0;outline:none;background:transparent;min-width:0;padding:10px 0;font-size:13px}.home .search-form input:focus-visible{outline:none}.home .search-form button{padding:10px 21px;border:0;background:var(--accent);color:var(--card-bg);font-size:13px;white-space:nowrap}.home kbd{font:12px monospace;color:var(--text-secondary);border:1px solid var(--border);border-radius:4px;padding:0 6px;margin-right:9px}.search-meta{display:flex;justify-content:space-between;max-width:740px;margin-top:12px;font-size:11px;color:var(--text-secondary)}.content-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:10px 0 18px;margin-bottom:27px}.content-toolbar h2{font-size:16px;margin:0}.content-toolbar h2 span{font-size:9px;letter-spacing:1.8px;color:var(--text-secondary);font-weight:400;margin-left:12px}#resultCount{font-size:11px;color:var(--text-secondary)}.home #content{margin:0;padding:0;min-height:180px}.home .category{margin-bottom:31px;scroll-margin-top:20px}.home .category h2{display:flex;align-items:center;gap:9px;font-size:14px;border:0;padding:0;margin:0 0 13px}.section-icon{color:var(--accent);font-size:16px}.section-count{font-size:10px;color:var(--text-secondary);font-weight:400;border:1px solid var(--border);border-radius:5px;padding:0 6px;margin-left:2px}.home .grid{grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:12px}.home .card{padding:19px 16px;gap:12px;border-radius:12px;min-width:0;position:relative;min-height:91px}.home .card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px)}.favicon-wrap{position:relative;width:40px;height:40px;border-radius:12px;background:var(--accent-soft);display:grid;place-items:center;flex-shrink:0;color:var(--accent);font-size:18px;font-weight:600}.home .card img{position:absolute;width:26px;height:26px;border-radius:6px;object-fit:contain;background:var(--card-bg)}.card-copy{min-width:0;flex:1}.home .card-title{font-size:13px;margin-bottom:4px}.home .card-desc{font-size:11px;margin:0;line-height:1.6}.card-arrow{color:var(--text-secondary);opacity:0;transition:opacity .15s;font-size:16px}.card:hover .card-arrow,.card:focus-visible .card-arrow{opacity:1}.home .site-footer{margin:20px 0 0;padding:23px 0 30px;border-top:1px solid var(--border);font-size:10px;display:flex;justify-content:space-between}.home [hidden],.home .card.hidden{display:none!important}.empty-state{text-align:center;padding:50px 20px;color:var(--text-secondary)}.empty-state strong{display:block;color:var(--text);font-size:18px;margin-bottom:8px}.empty-state button{background:var(--accent-soft);color:var(--accent);border:0;border-radius:8px;padding:9px 16px;margin-top:12px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;top:10px;left:10px;z-index:50;background:var(--card-bg);padding:10px}
@media(min-width:1500px){.home .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px) and (min-width:769px){.home{--sidebar-width:205px}.home .site-header{padding:30px 14px}.home #siteTitle{font-size:15px}.home .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.home .site-header{position:static;width:100%;height:auto;padding:20px 20px 12px}.brand{margin-bottom:19px}.home #siteTitle{max-width:none}.nav-label,.sidebar-bottom{display:none}.home .cat-nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:6px}.home .cat-nav-item{flex-shrink:0;padding:7px 11px}.nav-count{display:none}.page-shell{margin:0;padding:0 20px}.topbar{height:64px}.home .search-widget{padding:30px 0 26px}.hero-copy h2{font-size:29px}.hero-copy p{font-size:12px}.search-meta>span:last-child{display:none}.home kbd{display:none}.home .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home .card{padding:15px 12px;gap:9px;min-height:86px}.favicon-wrap{width:32px;height:32px;border-radius:9px}.home .card img{width:23px;height:23px}.card-arrow{display:none}.content-toolbar h2 span{display:none}.home .site-footer{gap:15px}.home .search-form button{padding:10px 15px}}
@media(max-width:390px){.home .grid{grid-template-columns:1fr}.breadcrumb{display:none}.hero-copy h2{font-size:26px}.hero-copy p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.home *{transition:none!important;scroll-behavior:auto!important}.home .card:hover{transform:none}}

/* Keep navigation and supporting text readable on both themes. */
.home .cat-nav-item{font-size:14px;color:var(--text);font-weight:500}
.home .cat-nav-item.active{color:var(--accent);font-weight:650}
.home .category h2{font-size:16px;font-weight:650}
.home .card-title{font-size:15px;font-weight:650}
.home .card-desc{font-size:13px}
.home .hero-copy p{font-size:14px}
.home .search-form input{font-size:14px}
.home .search-form input::placeholder{color:var(--text-secondary);opacity:1}
.home .brand-caption,.home .search-meta,.home #resultCount,.home .section-count,.home .nav-count,.home .site-footer{font-size:12px}
.home .nav-count{opacity:1}
.home .nav-symbol,.home .section-icon{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:19px;flex-shrink:0}