.content-directory{margin:1rem 0;text-align:left}.content-directory>summary{padding:.8rem 1rem;color:#7a263a;font-weight:800;cursor:pointer}.directory-groups{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.directory-column{display:grid;gap:1rem}.directory-group{--group:#27633f;--soft:#eff7f0;background:#fff;border:1px solid #d5e1eb;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #20374712}.directory-group.admin{--group:#314f7d;--soft:#eff3fa}.directory-group.info{--group:#805018;--soft:#fbf5e9}.directory-group.help{--group:#703a7c;--soft:#f7effa}.directory-group h2{margin:0;padding:.7rem 1rem;color:#fff;background:var(--group);font-size:1.2rem;font-weight:850}.directory-row{display:block;padding:.85rem 1rem;border-bottom:1px solid #e0e8ed}.directory-row:last-child{border-bottom:0}.directory-name{display:flex;align-items:center;gap:.6rem;font-weight:800;margin-bottom:.55rem}.directory-icon{width:27px;height:27px;flex-shrink:0;vertical-align:middle}.directory-controls{display:flex;gap:.5rem;align-items:center}.directory-subjects{flex:1;min-width:0}.directory-row select{width:100%;min-width:0;padding:.55rem .4rem;border:1px solid #bacbd5;border-radius:9px;background:var(--soft);color:#203747;font:inherit;font-size:16px;min-height:46px}.directory-links{display:flex;gap:.4rem;align-items:center;margin-left:auto;flex-shrink:0}.directory-links a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;min-width:48px;padding:.5rem;border:1px solid #c9d8e2;border-radius:10px;color:#21633f;background:var(--soft);text-decoration:none;font-weight:750}.directory-links a[data-learning]{color:#7a263a;background:#faf0f3}.directory-links a[data-gallery]{color:#123a78;background:#fff;font-size:15px}.directory-subdivision{margin-top:.4rem}.directory-links a:hover{box-shadow:0 0 0 2px var(--group)}.directory-links a[hidden]{display:none}.library-inline-icon{width:27px;height:27px;vertical-align:middle;color:#7a263a;margin:0 .2rem}.studio-destination-icon{width:30px;height:30px;vertical-align:middle}@media(max-width:760px){.directory-groups{grid-template-columns:1fr}}@media(max-width:430px){.directory-controls{flex-wrap:wrap}.directory-subjects:not(:empty){flex-basis:100%}.directory-links{margin-left:0}.directory-row{padding:.75rem}.directory-group h2{padding:.65rem .75rem}}
