*{box-sizing:border-box}body{color:#0a2140;background:#f5f8fc;margin:0;font-family:Arial,sans-serif}a{color:inherit}.brand{font-size:22px;font-weight:700;text-decoration:none}.brand span{color:#bc841d}.badge{letter-spacing:1px;background:#fff0cf;border-radius:6px;padding:6px 10px;font-size:12px}.workspace{min-height:100vh;display:flex}.sidebar{color:#fff;background:#0a2140;flex-direction:column;flex:none;gap:16px;width:230px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar nav{flex-direction:column;gap:2px;display:flex}.sidebar nav a,.sidebar .all-screens{color:#c9d5e6;border-radius:8px;padding:9px 12px;font-size:14px;text-decoration:none}.sidebar nav a:hover{color:#fff;background:#13305a}.sidebar nav a.active{color:#fff;background:#bc841d}.sidebar .all-screens{border:1px solid #2a4570;margin-top:auto}.content{flex:1;min-width:0;padding:24px clamp(16px,3vw,40px)}.focus-bar{color:#fff;background:#0a2140;justify-content:space-between;align-items:center;padding:14px clamp(16px,3vw,40px);display:flex}.focus-bar a:last-child{color:#f2d79b;font-size:14px}.screen-head{max-width:1100px;margin-bottom:20px}.screen-head h1{margin:12px 0 6px;font-size:clamp(24px,3vw,34px)}.screen-head p{color:#405575;margin:0;line-height:1.6}.related{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.related a{background:#fff;border:1px solid #dce5f0;border-radius:999px;padding:6px 12px;font-size:13px;text-decoration:none}.related a:hover{border-color:#bc841d}figure{margin:0 0 28px}figcaption{color:#6c7890;margin-bottom:8px;font-size:13px}figure img{background:#fff;border:1px solid #dce5f0;border-radius:12px;width:100%;max-width:1536px;height:auto;display:block}.empty{color:#6c7890;background:#fff;border:1px dashed #b8c6d8;border-radius:12px;padding:40px}.screen-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.screen-grid a{background:#fff;border:1px solid #dce5f0;border-radius:12px;flex-direction:column;gap:6px;padding:10px;text-decoration:none;display:flex}.screen-grid img,.no-image{aspect-ratio:3/2;object-fit:cover;object-position:top;background:#eef3f9;border-radius:8px;width:100%}.no-image{color:#6c7890;place-items:center;font-size:13px;display:grid}.screen-grid code{color:#6c7890;font-size:12px}@media (max-width:800px){.workspace{flex-direction:column}.sidebar{width:auto;height:auto;position:static}.sidebar nav{flex-flow:wrap}}