:root{--docebox-gap:24px;--docebox-radius:16px;--docebox-pad:16px;--docebox-border:#eaeaea;--docebox-shadow:0 2px 10px rgba(0,0,0,.04);--docebox-h3:1.1rem;--docebox-text:.95rem;--docebox-muted:#666}.docebox-grid{display:grid;gap:var(--docebox-gap);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch}.docebox-card{border:1px solid var(--docebox-border);border-radius:var(--docebox-radius);padding:var(--docebox-pad);background:#fff;box-shadow:var(--docebox-shadow);display:flex;flex-direction:column;gap:10px}.docebox-thumb img{width:100%;height:auto;display:block;border-radius:12px}.docebox-h3{font-size:var(--docebox-h3);line-height:1.25;margin:0}.docebox-excerpt{font-size:var(--docebox-text);line-height:1.5}.docebox-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--docebox-muted);font-size:.9rem}.docebox-filterbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.docebox-filterbar input[type="text"],.docebox-filterbar input[type="date"],.docebox-filterbar select{padding:8px 10px;border:1px solid var(--docebox-border);border-radius:10px}.docebox-filterbar button{padding:10px 14px;border-radius:10px;border:1px solid var(--docebox-border);background:#f7f7f7;cursor:pointer}.docebox-loading{opacity:.6;pointer-events:none;transition:opacity .2s ease}@media (max-width:480px){:root{--docebox-gap:16px;--docebox-pad:14px;--docebox-h3:1rem}.docebox-grid{grid-template-columns:1fr}}