/* Public knowledge base: same Pika palette, with documentation-first navigation. */
:root{--bg:#f5f8ef;--panel:#fff;--line:#dce5d1;--text:#203d32;--muted:#6c8260;--accent:#85a848;--shadow-sm:0 12px 30px #2345200c}
body{background:#f5f8ef;color:#234132;font-family:Inter,"Segoe UI",sans-serif}.sidebar{background:#102b2e;border-right:1px solid #304b3c;color:#c6d6b7}.brand{border-bottom:1px solid #a2bf7125;padding-bottom:23px}.sidebar .brand a,.sidebar .brand strong{color:#eef4e3}.sidebar .brand small,.sidebar .muted{color:#a1b992}.sidebar .search input{background:#1b3736;border:1px solid #435f43;color:#e4efd7;border-radius:8px}.sidebar .search input::placeholder{color:#9db78b}.sidebar .nav-group-header{color:#b7cda3;border-radius:8px;padding-top:13px;padding-bottom:13px}.sidebar .nav-group-badge{background:#2c4935;color:#acc87e;border:0}.sidebar .nav-link{font-size:13px;color:#9fb78d;border-radius:6px}.sidebar .nav-link.active{background:#b5ee1920;color:#d2eaa8}.sidebar .nav-link:hover{background:#ffffff08;color:#dceec9}.side-footer{border-top:1px solid #bed89520}.side-footer a{color:#bfdb9a}.main{background:#f7faf1}.topbar{background:#fafcf6;border-bottom:1px solid #dfe8d4}.hero.hero-intro{background:radial-gradient(ellipse at right,#52713d45,transparent 60%),#112e31;border:1px solid #37573d;border-radius:16px;padding:42px;box-shadow:0 20px 45px #183e2010}.hero h1{color:#f0f5e7;font-size:clamp(30px,3vw,44px);font-weight:500;letter-spacing:-1.5px;line-height:1.15}.hero .hero-lead{color:#b2c6a5;font-size:16px;line-height:1.85}.hero-kicker{font-size:10px;letter-spacing:1.7px;color:#b8d585}.hero-tags span{background:#ffffff08;color:#bed6a7;border:1px solid #a9c27d30}.hero-side-card{background:#203d36;border:1px solid #57734850;border-radius:12px;padding:25px}.hero-side-card h3,.hero-side-card h2{color:#e2efd4}.hero-side-card .muted{color:#acc498}.side-card-kicker{color:#b0cd86;letter-spacing:1px}.lead-note{background:#ecf4df;border:1px solid #d8e6c4;border-radius:10px;padding:24px}.category-card{border-color:#d9e5cc!important;box-shadow:0 15px 30px #2043200a!important;border-radius:12px!important;padding:25px!important}.category-card h2,.category-card h3{color:#39582c;font-size:22px;font-weight:500;letter-spacing:-.5px}.category-card a{color:#688f43}.category-card a:hover{color:#365d24}.content h1,.article h1{letter-spacing:-1px;color:#2d4f2c;font-weight:500}.content p,.article p{font-size:16px;line-height:1.9}.content img,.article img{border:1px solid #d8e5c9;border-radius:10px;box-shadow:0 20px 40px #24442110}.results{background:#fff;border:1px solid #d7e5c6;color:#35552a;box-shadow:0 20px 40px #0c211f30}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #95b34e;outline-offset:3px}@media(max-width:800px){.hero.hero-intro{padding:26px}.wiki-categories-grid{grid-template-columns:1fr!important}.hero h1{font-size:32px}}

/* Readable document hierarchy, including embedded article heroes. */
:root { --ink:#173337; --muted:#52665e; --accent-dark:#476b27; --accent-soft:#edf2e5; }
:is(.content, .article) .hero { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(220px,.8fr); gap:32px; padding:clamp(26px,4vw,48px); background:#10292e; border:1px solid #31474a; box-shadow:none; }
:is(.content, .article) .hero:has(.hero-copy:only-child) { grid-template-columns:1fr; }
:is(.content, .article) .hero h1 { color:#f3f7ec; font-size:clamp(30px,3.2vw,44px); line-height:1.15; letter-spacing:-.035em; margin:14px 0 18px; }
:is(.content, .article) .hero :is(h2,h3,strong) { color:#edf4e5; }
:is(.content, .article) .hero p { color:#c0cec7; line-height:1.8; }
:is(.content, .article) .hero .hero-side-card { background:#ffffff06; border:1px solid #c3d1bf26; padding:26px; box-shadow:none; }
:is(.content, .article) .hero .hero-side-card .muted { color:#b8c7bd; }
:is(.content, .article) .hero :is(.hero-kicker,.side-card-kicker) { color:#c6e69b; font-size:10px; letter-spacing:.13em; }
:is(.content, .article) .hero-tags { gap:8px; }
:is(.content, .article) .hero-tags span { color:#d4e0cc; border-color:#b4c5a833; padding:6px 10px; }
:is(.content, .article) > h2,.article > h2 { font-size:clamp(23px,2.5vw,30px); line-height:1.3; letter-spacing:-.025em; color:#173337; margin-top:44px; }
:is(.content, .article) .lead-note { background:#f0f4ec; border:1px solid #dce3dd; padding:26px; box-shadow:none; }
:is(.content, .article) .journey-map { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:32px 0 44px; }
:is(.content, .article) .journey-node { display:flex; gap:18px; align-items:flex-start; border:1px solid #dce3dd; border-radius:12px; padding:26px; background:#fff; }
:is(.content, .article) .journey-num { display:grid; place-items:center; width:38px; height:38px; flex-shrink:0; background:#edf2e5; color:#476b27; border-radius:10px; font-size:13px; font-weight:650; }
:is(.content, .article) .journey-node h3 { margin:0 0 10px; font-size:18px; line-height:1.4; color:#173337; }
:is(.content, .article) .journey-node p { margin:0; font-size:15px; line-height:1.8; color:#52665e; }
:is(.content, .article) .journey-connector { display:none; }
:is(.content, .article) .story-step { border:1px solid #dce3dd; border-radius:12px; padding:25px; box-shadow:none; }
:is(.content, .article) .story-content p { font-size:15px; line-height:1.8; }
:is(.content, .article) .category-card { box-shadow:none!important; border-color:#dce3dd!important; }
:is(.content, .article) .category-card a { line-height:1.6; }
:is(.content, .article) .category-card small { color:#52665e!important; font-size:13px!important; line-height:1.65!important; }
:is(.content, .article) :is(.scenario-panel,.callout) { border:1px solid #dce3dd; border-radius:12px; box-shadow:none; }
:is(.content, .article) .screen-figure { margin:30px 0; }
:is(.content, .article) .screen-figure img { width:100%; height:auto; box-shadow:none; }
@media(max-width:1100px) { :is(.content, .article) .hero { grid-template-columns:1fr; }:is(.content, .article) .hero-side-card { max-width:none; } }
@media(max-width:700px) { :is(.content, .article) .journey-map { grid-template-columns:1fr; }:is(.content, .article) .journey-node { padding:22px; gap:14px; }:is(.content, .article) .hero { padding:25px; gap:24px; }:is(.content, .article) .hero h1 { font-size:32px; }:is(.content, .article) .wiki-categories-grid { grid-template-columns:minmax(0,1fr)!important; } }
@media(max-width:700px){.topbar{height:auto;min-height:92px;display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 20px}.topbar>button{grid-row:1;grid-column:1;justify-self:start}.topbar-actions{grid-row:1;grid-column:2;gap:8px}.topbar-actions :is(a,button){white-space:nowrap}.topbar .breadcrumb{grid-row:2;grid-column:1/-1;line-height:1.6;min-width:0;font-size:11px}}