/* Assets: brand rules card and the Files list (brand-kit.js) */
.bk-rules{border-radius:20px;padding:16px 20px;margin-bottom:28px}
.bk-rules-t{font-size:15px;font-weight:600;margin:0 0 6px}
.bk-rules ul{margin:0;padding-left:20px;display:grid;gap:4px}
.bk-rules li{font-size:15px;line-height:1.4}
.bk-row{padding:0 8px 0 0;gap:4px}
.bk-open{flex:1;min-width:0;display:flex;align-items:center;gap:12px;min-height:52px;padding:11px 0 11px 18px;text-align:left;color:inherit;text-decoration:none;border-radius:inherit}
.bk-open .row-main{min-width:0}
.bk-open .row-title,.bk-open .row-sub{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-more{flex:none;min-width:44px;min-height:44px}
.bk-del .row-title{color:var(--orange)}
/* Type: one row per brand font with a live sample */
.bk-font{gap:24px;padding:20px 24px}
.bk-font+.bk-font{border-top:1px solid var(--hair)}
.bk-font-sample{margin:0;flex:none;width:200px;font-size:84px;line-height:1;letter-spacing:-.03em}
.bk-font-mono{font-size:44px;letter-spacing:0;white-space:nowrap}
.bk-font-info{min-width:0}
.bk-font-info p{margin:2px 0 6px}
.bk-font-link{display:inline-flex;align-items:center;min-height:44px;color:var(--orange);font-size:15px;text-decoration:none}
.bk-font-link:hover{text-decoration:underline}
.swatch span:last-child{font-family:'JetBrains Mono',ui-monospace,"SF Mono",Menlo,monospace}
@media (max-width:640px){.bk-font{flex-direction:column;align-items:flex-start;gap:12px;padding:18px 20px}.bk-font-sample{width:auto;font-size:60px}.bk-font-mono{font-size:36px}}