.useful-doc-toolbar{display:grid;grid-template-columns:minmax(220px,2fr) minmax(180px,1fr) auto;gap:12px;align-items:end;margin:16px 0}
.useful-doc-toolbar label{display:flex;flex-direction:column;gap:6px;font-weight:600}.useful-doc-toolbar input,.useful-doc-toolbar select{padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;background:var(--card-bg,#fff);color:inherit}
.useful-doc-summary{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px}.useful-doc-pill{padding:6px 10px;border-radius:999px;background:#eef2f7;font-size:.9rem}.useful-doc-category{margin:20px 0}.useful-doc-category h3{margin-bottom:10px}.useful-doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.useful-doc-card{border:1px solid #d9e0e7;border-radius:10px;padding:14px;background:var(--card-bg,#fff);display:flex;flex-direction:column;gap:8px}.useful-doc-card h4{margin:0;font-size:1rem;line-height:1.35}.useful-doc-meta{font-size:.84rem;opacity:.75}.useful-doc-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.useful-doc-actions a{display:inline-block;padding:8px 10px;border-radius:7px;text-decoration:none;border:1px solid #b8c4d0;color:inherit}.useful-doc-actions a:first-child{background:#163a5f;color:white;border-color:#163a5f}.useful-doc-empty{padding:28px;text-align:center;border:1px dashed #b8c4d0;border-radius:10px}.useful-doc-note{border-left:4px solid #163a5f;padding:10px 14px;background:#f5f8fb;margin:12px 0}@media(max-width:700px){.useful-doc-toolbar{grid-template-columns:1fr}.useful-doc-grid{grid-template-columns:1fr}}@media print{.useful-doc-toolbar,.useful-doc-actions,.useful-doc-note{display:none!important}.useful-doc-card{break-inside:avoid}.useful-doc-grid{display:block}.useful-doc-card{margin:8px 0}}

.useful-doc-visual-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin:18px 0 22px}.useful-doc-visual-menu button{appearance:none;border:1px solid #d4dde6;border-radius:14px;background:var(--card-bg,#fff);color:inherit;padding:16px 12px;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;box-shadow:0 2px 8px rgba(15,23,42,.06);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.useful-doc-visual-menu button:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(15,23,42,.12);border-color:#7892aa}.doc-menu-icon{font-size:2.15rem;line-height:1}.useful-doc-visual-menu strong{font-size:1rem}.useful-doc-visual-menu small{font-size:.78rem;opacity:.72;line-height:1.3;text-align:center}.navigation button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}@media(max-width:700px){.useful-doc-visual-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.useful-doc-visual-menu button{min-height:118px;padding:12px 8px}}@media print{.useful-doc-visual-menu{display:none!important}}
/* v1.22 library redesign */
.useful-doc-hero{background:linear-gradient(135deg,#edf6fb,#f8fbfd);border:1px solid #d3e2eb;border-radius:18px;padding:22px}.useful-doc-search-main input{width:100%;font-size:1.08rem;padding:14px;border:1px solid #9eb5c4;border-radius:12px}.useful-doc-category-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;margin:16px 0}.useful-doc-category-cards button{min-height:92px;border:1px solid #d5e1e8;background:#fff;border-radius:14px;padding:12px;cursor:pointer}.useful-doc-category-cards span{font-size:1.7rem;display:block}.useful-doc-toolbar-v122{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:14px 0}.useful-doc-toolbar-v122 label{display:flex;flex-direction:column;gap:4px;min-width:200px}.useful-doc-toolbar-v122 select{padding:9px;border:1px solid #b9c8d2;border-radius:8px}.useful-doc-view-tabs{display:flex;gap:8px;flex-wrap:wrap}.useful-doc-view-tabs button.active{font-weight:700;outline:2px solid #7897aa}.useful-doc-card-top{display:flex;justify-content:space-between;gap:8px}.useful-doc-subject{font-size:.78rem;background:#eaf3f8;border-radius:99px;padding:4px 8px}.doc-star{border:0;background:transparent;font-size:1.4rem;cursor:pointer}