.mba-navigation{display:flex;gap:8px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}.subject-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 24px}.subject-toolbar h2{font-size:21px;font-weight:600;margin:0;overflow-wrap:anywhere}.subject-toolbar p{font-size:12px;color:var(--muted);margin:9px 0 0}.subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.subject-folder{position:relative;min-height:190px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:24px;text-align:left;display:flex;flex-direction:column;gap:14px;color:var(--ink)}.subject-folder:hover{border-color:#88bdb1;background:#f5fbf8}.folder-symbol{font-size:36px;color:var(--teal);line-height:1}.subject-folder strong{font-size:17px;line-height:1.5;max-width:90%;overflow-wrap:anywhere}.subject-folder small,.subject-file-meta{color:var(--muted);font-size:12px}.folder-arrow{position:absolute;right:24px;bottom:24px;color:var(--teal)}.subject-tabs{display:flex;gap:8px;flex-wrap:wrap}.subject-tabs span{opacity:.7}.subject-items{display:grid;gap:14px}.subject-item{padding:20px 24px;border:1px solid var(--line);border-radius:12px;background:#fff;min-width:0}.subject-item-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}.subject-item h3{font-size:16px;line-height:1.5;margin:4px 0;overflow-wrap:anywhere}.subject-item-heading button{flex-shrink:0}.subject-note{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:14px;margin-bottom:16px}.subject-url{color:var(--teal-dark);font-size:13px;line-height:1.7;overflow-wrap:anywhere}.subject-empty{padding:45px 24px;text-align:center;border:1px dashed #d3e1dd;border-radius:12px;color:var(--muted);font-size:14px}.subject-note-input{min-height:240px}.subject-file-meta{overflow-wrap:anywhere}@media(max-width:700px){.subject-toolbar{flex-wrap:wrap}.subject-toolbar h2{font-size:18px}.subject-grid{grid-template-columns:1fr}.subject-item{padding:16px}.subject-tabs{width:100%;gap:5px}.subject-tabs .button{padding:10px}.subject-folder{min-height:160px}}
