/* LinuxPedia 2.0 public categories and tutorials; scoped to avoid affecting homepage */
.lp-page{padding-top:28px;padding-bottom:72px;min-height:65vh}
.lp-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:#8ca6be;margin:0 0 26px}
.lp-breadcrumb a{color:#b9cee2}.lp-breadcrumb a:hover{color:#60a5fa}.lp-breadcrumb [aria-current]{color:#e6f0fb;overflow-wrap:anywhere}
.lp-page-hero{padding:34px 38px;margin-bottom:26px;border:1px solid #29445e;border-radius:15px;background:radial-gradient(ellipse at 95% 0%,#15466a66,transparent 58%),linear-gradient(135deg,#10283f,#0a1b2c);position:relative}
.lp-kicker{font-size:11px;font-weight:750;letter-spacing:1.8px;color:#3ed6c6;text-transform:uppercase}
.lp-page-hero h1,.lp-tutorial-heading h1{font-size:clamp(30px,4vw,48px);line-height:1.15;letter-spacing:-1.4px;margin:12px 0 14px;color:#f3f8ff}
.lp-page-hero p{max-width:850px;margin:0;color:#b5c9dc;font-size:15px;line-height:1.7}
.lp-page-section{margin-top:30px}.lp-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px}.lp-section-heading h2{font-size:21px;margin:0;color:#f0f7ff}.lp-section-heading>span{border:1px solid #2a4d65;background:#0e273a;color:#64e2cc;border-radius:99px;padding:2px 10px;font-size:12px}
.lp-subcategory-grid,.lp-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.lp-subcategory-card,.lp-article-card,.lp-aside-panel{background:linear-gradient(145deg,#10283d,#0a1a2b);border:1px solid #2a4358;border-radius:12px}
.lp-subcategory-card{display:flex;gap:14px;align-items:flex-start;padding:22px;min-width:0;transition:transform .2s,border-color .2s}.lp-subcategory-card:hover,.lp-article-card:hover{border-color:#3e92d7;transform:translateY(-2px)}
.lp-subcategory-icon{width:46px;height:46px;flex:0 0 46px;border-radius:11px;background:#194363;color:#64c7ff;display:grid;place-items:center}.lp-subcategory-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}.lp-subcategory-text strong{font-size:16px;color:#f3f8ff}.lp-subcategory-text small{font-size:12px;line-height:1.5;color:#a4bad0}.lp-card-arrow{color:#54c8df}
.lp-article-card{padding:22px;display:flex;flex-direction:column;min-height:220px;transition:transform .2s,border-color .2s}.lp-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#8ca9c0;font-size:12px}.lp-card-symbol{font-size:19px;font-family:monospace;color:#3ce0b0}.lp-article-card h3{font-size:17px;line-height:1.4;margin:14px 0 8px}.lp-article-card h3 a{color:#f1f8ff}.lp-article-card h3 a:hover{color:#65b5ff}.lp-article-card p{color:#a8bed0;font-size:13px;line-height:1.6;margin:0 0 18px}.lp-read-link{font-weight:650;color:#53d7ba;font-size:12px;margin-top:auto}.lp-empty{padding:22px;border:1px dashed #35546a;border-radius:10px;color:#afc5d8;background:#0d2132}
.lp-pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.lp-pagination a,.lp-pagination span{border:1px solid #35516b;background:#112a40;border-radius:7px;padding:8px 13px;color:#cfe2f1}.lp-pagination .lp-page-current{background:#2563eb;border-color:#398aff;color:white}
.lp-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px;align-items:start}.lp-tutorial{min-width:0;border:1px solid #294258;background:linear-gradient(160deg,#10243a,#0b1b2d 30%,#091827);border-radius:15px;padding:clamp(20px,3.5vw,44px)}.lp-tutorial-heading{padding-bottom:22px;border-bottom:1px solid #263f56;margin-bottom:26px}.lp-tutorial-heading h1{font-size:clamp(28px,3.4vw,42px)}.lp-tutorial-meta{display:flex;align-items:center;gap:7px;color:#9db7ce;font-size:12px}.lp-meta-dot{width:7px;height:7px;border-radius:50%;background:#1cd8a0}.lp-featured{display:block;max-width:100%;height:auto;border-radius:10px;margin:20px 0}.lp-lead{font-size:17px;line-height:1.7;color:#d8e7f5;padding:15px 20px;border-left:3px solid #2fa9ee;background:#122d43;border-radius:0 7px 7px 0}
.lp-article-content{color:#cbdcec;font-size:15px;line-height:1.85;overflow-wrap:anywhere;min-width:0}.lp-article-content h2,.lp-article-content h3,.lp-article-content h4{color:#f3f8ff;line-height:1.3;scroll-margin-top:90px}.lp-article-content h2{font-size:25px;margin:34px 0 14px}.lp-article-content h3{font-size:20px;margin:27px 0 12px}.lp-article-content a{color:#66bcff;text-decoration:underline;text-underline-offset:3px}.lp-article-content img{max-width:100%;height:auto;border-radius:8px}.lp-article-content pre{overflow-x:auto;max-width:100%;background:#071321;color:#d6e5f4;border:1px solid #2c4760;border-radius:9px;padding:18px;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.lp-article-content pre code{background:none!important;padding:0!important;color:inherit}.lp-article-content :not(pre)>code{background:#1c3448;border:1px solid #2e4b61;color:#7ce6cb;padding:2px 5px;border-radius:5px;font-size:.9em}.lp-article-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:22px 0}.lp-article-content td,.lp-article-content th{border:1px solid #35516a;padding:9px 12px}.lp-article-content th{background:#163148;color:#f3f8ff}.lp-article-content blockquote{border-left:3px solid #46b7ed;margin-left:0;padding:8px 18px;color:#b5cbe0;background:#102b40}.lp-article-content ul,.lp-article-content ol{padding-left:24px}.lp-article-content li{margin:5px 0}
.lp-article-aside{display:grid;gap:16px;position:sticky;top:90px}.lp-aside-panel{padding:22px}.lp-aside-panel h2{font-size:20px;margin:10px 0;color:#f2f8ff}.lp-aside-panel p{font-size:13px;color:#a7bfd2;line-height:1.65}.lp-aside-panel a{font-size:13px;color:#54d7c2;font-weight:700}
/* Override legacy Builder block light surfaces without changing preview styles */
.lp-article-content .lp-notice{background:#102f46;color:#dceefa;border-left-color:#38bdf8}.lp-article-content .lp-notice-tip{background:#0e302d;border-left-color:#20c997}.lp-article-content .lp-notice-warning{background:#352b19;border-left-color:#e7a33d}.lp-article-content .lp-notice-danger{background:#391f29;border-left-color:#ef6a7d}.lp-article-content .lp-image figcaption{color:#94b3ca}.lp-article-content .lp-faq details{border-color:#2e4d66;background:#10283b}.lp-article-content .lp-code-title{background:#19364f}.lp-article-content .lp-code pre,.lp-article-content .lp-steps pre{background:#071321;color:#d6e5f4}
@media(max-width:1100px){.lp-subcategory-grid,.lp-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-article-layout{grid-template-columns:minmax(0,1fr) 245px}}
@media(max-width:800px){.lp-article-layout{grid-template-columns:1fr}.lp-article-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.lp-page{padding-top:18px;padding-bottom:45px}.lp-page-hero{padding:24px 20px}.lp-subcategory-grid,.lp-article-grid,.lp-article-aside{grid-template-columns:1fr}.lp-tutorial{padding:20px}.lp-breadcrumb{gap:7px}}

/* LinuxPedia shared sidebar */
.lp-category-with-sidebar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 290px;
    gap: 26px;
    align-items: start;
}

.lp-category-main {
    min-width: 0;
}

.lp-category-main .lp-subcategory-grid,
.lp-category-main .lp-article-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lp-sidebar-categories {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 14px;
}

.lp-aside-panel .lp-sidebar-category {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #b9d0e1;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background .2s, color .2s, border-color .2s;
}

.lp-sidebar-category span:first-child {
    min-width: 0;
    overflow-wrap: anywhere;
}

.lp-sidebar-category span:last-child {
    flex-shrink: 0;
    color: #54d7c2;
}

.lp-aside-panel .lp-sidebar-category:hover {
    background: #17364b;
    border-color: #315b71;
    color: #fff;
}

.lp-aside-panel .lp-sidebar-category.is-current {
    background: #123d42;
    border-color: #277c79;
    color: #64e6d0;
}

@media (max-width: 1100px) {
    .lp-category-with-sidebar {
        grid-template-columns: minmax(0, 1fr) 245px;
    }
}

@media (max-width: 800px) {
    .lp-category-with-sidebar {
        grid-template-columns: 1fr;
    }

    .lp-category-with-sidebar .lp-article-aside {
        position: static;
    }
}

@media (max-width: 580px) {
    .lp-category-main .lp-subcategory-grid,
    .lp-category-main .lp-article-grid {
        grid-template-columns: 1fr;
    }
}