.bw-detail{padding:16px;max-width:680px;margin:0 auto;box-sizing:border-box;user-select:text;-webkit-user-select:text}
.bw-detail h1{font:bold 20px/1.2 Arial,sans-serif;margin:6px 0 16px;overflow-wrap:anywhere}
.bw-detail header p{margin:0 0 4px}
.bw-cover{display:block;width:100%;height:auto;max-height:240px;object-fit:contain;object-position:left center;margin:0 0 16px}
.bw-cover[hidden]{display:none}
.bw-text{white-space:pre-wrap;font:13px/1.6 Arial,sans-serif;margin:12px 0 18px;overflow-wrap:anywhere}
.bw-facts{margin:12px 0 18px;font:12px/1.5 Arial,sans-serif}
.bw-facts>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:10px;margin:5px 0}
.bw-facts dt{color:#555}.bw-facts dd{margin:0;overflow-wrap:anywhere}
.bw-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:14px 0}
.bw-actions button,.bw-actions a{min-height:32px;display:inline-flex;align-items:center;touch-action:manipulation}
.bw-actions a{color:#000080;text-decoration:underline;overflow-wrap:anywhere}
.bw-actions a:focus-visible,.bw-actions button:focus-visible{outline:1px dotted #000;outline-offset:3px}
@media(max-width:640px){.bw-detail{padding:12px}.bw-cover{max-height:190px}.bw-actions button,.bw-actions a{min-height:44px}.bw-detail h1{font-size:19px}}

/* Portfolio selection 20261025 */
.bw-collection{padding:16px;user-select:text;-webkit-user-select:text}
.bw-collection-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #c0c0c0}
.bw-collection-head h1{font:bold 20px/1.25 Arial,sans-serif;margin:0 0 5px}
.bw-collection-head p{font:12px/1.5 Arial,sans-serif;margin:0;color:#444}
.bw-collection-head nav button{min-height:32px;white-space:nowrap}
.bw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px 14px;align-items:start}
.bw-grid>div{min-width:0}
.bw-card.file{width:100%;padding:0 0 6px;gap:5px;align-items:stretch;text-align:left;font:12px/1.35 Arial,sans-serif}
.bw-card.file .bw-poster{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;padding:0;border:1px solid #808080;background:#111;color:#ccc;overflow:hidden}
.bw-card .bw-poster svg{width:40px;height:40px}
.bw-thumb{display:block;width:100%;height:100%;object-fit:contain}
.bw-card.file .bw-card-title{font-weight:bold;min-height:34px;padding:2px 4px;overflow-wrap:anywhere}
.bw-card.file small{font:11px/1.35 Arial,sans-serif;color:#555;padding:0 5px}
.bw-card.file:focus-visible{outline:1px dotted #000;outline-offset:4px}
.bw-card.file:focus .bw-poster,.bw-card.file.sel .bw-poster{border-color:#000080;outline:1px solid #000080;background:#111}
.bw-card.file:focus .bw-card-title,.bw-card.file.sel .bw-card-title{background:#000080;color:#fff}
.bw-embed{width:100%;aspect-ratio:16/9;background:#000;margin:12px 0}
.bw-embed[hidden]{display:none}
.bw-embed iframe{display:block;border:0;width:100%;height:100%}
.bw-actions button[hidden]{display:none}
.bw-video>.muted{font:12px/1.5 Arial,sans-serif}
@media(max-width:640px){.bw-collection{padding:12px}.bw-collection-head{flex-direction:column;gap:10px}.bw-collection-head nav button{min-height:44px}.bw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.bw-card.file{min-height:44px}.bw-card.file .bw-card-title{min-height:48px;font-size:12px}.bw-collection-head h1{font-size:19px}}
@media(max-width:320px){.bw-grid{grid-template-columns:1fr}}