/* Portfolio directory: folder tiles, matching the supplied reference. */
#dn-portfolio-directory{display:block;max-width:none;margin:0}
#dn-portfolio>.dn-wide-heading{min-height:54px;padding:8px 18px}
#dn-portfolio-heading{font-size:20px}
#dn-portfolio-create{background:#fff;border:1px solid #ddd;color:#252525;font-size:13px;font-weight:400;border-radius:6px}
.dn-pf-tabs{display:flex;gap:4px;padding:8px 18px;border-bottom:1px solid #e8e8e8}
.dn-pf-tabs button{border:0;background:transparent;color:#666;font-size:14px;padding:7px 10px;border-radius:6px}
.dn-pf-tabs button[aria-pressed=true]{background:#eef3ff;color:#2458ca}
.dn-pf-shelf{max-width:792px;margin:32px auto;padding:0 8px}
.dn-pf-shelf>header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e9e9e9;padding:7px 0 16px}
.dn-pf-shelf>header button{background:none;border:0;color:#252525;font-size:16px;display:flex;gap:8px;align-items:center;padding:4px 6px}
.dn-pf-shelf>header button span,.dn-pf-shelf>header button[data-portfolio-layout]{color:#777}
.dn-pf-items{display:grid;grid-template-columns:repeat(auto-fill,144px);gap:28px 24px;padding:32px 0}
.dn-pf-items[hidden]{display:none}
.dn-pf-card{position:relative;min-width:0}
.dn-pf-open{width:100%;display:flex;flex-direction:column;align-items:center;background:transparent;border:0;padding:0 8px 12px;border-radius:10px;color:#202020;cursor:pointer}
.dn-pf-open:hover{background:#f7f8fa}
.dn-pf-open strong{font-size:14px;font-weight:500;margin-top:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dn-pf-open small{font-size:12px;color:#777;margin-top:5px}
.dn-pf-art,.dn-pf-new{width:122px;height:122px;display:flex;position:relative;align-items:center;justify-content:center;flex-shrink:0}
.dn-pf-art svg{width:120px;height:100px}
.dn-pf-art i{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:24px;height:24px;border-radius:50%;background:#ffe331}
.dn-pf-new{border:1px dashed #ddd;border-radius:18px;font-size:42px;color:#777;font-weight:400}
.dn-pf-star{position:absolute;top:0;right:0;border:0;background:white;border-radius:5px;color:#9a7312;opacity:0;font-size:18px;padding:2px 5px;cursor:pointer}
.dn-pf-card:hover .dn-pf-star,.dn-pf-card:focus-within .dn-pf-star,.dn-pf-star[aria-pressed=true]{opacity:1}
.dn-pf-items.is-list{display:flex;flex-direction:column;gap:4px}
.dn-pf-items.is-list .dn-pf-open{flex-direction:row;gap:18px;padding:6px 12px}
.dn-pf-items.is-list .dn-pf-art,.dn-pf-items.is-list .dn-pf-new{width:48px;height:48px}
.dn-pf-items.is-list svg{width:44px;height:40px}
.dn-pf-items.is-list .dn-pf-art i{width:12px;height:12px;bottom:0}
.dn-pf-items.is-list strong{margin:0;flex:1;text-align:left}
.dn-pf-items.is-list small{margin:0 20px 0 0}
@media(max-width:600px){.dn-pf-shelf{margin:24px 12px}.dn-pf-items{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:20px 8px}.dn-pf-tabs{padding:8px}.dn-pf-star{opacity:1}}