.flagship-marks { display:flex; align-items:center; flex-wrap:nowrap; gap:8px; min-height:32px; margin:8px 0; position:relative; font-size:12px; }
.flagship-mark-stars { display:inline-flex; flex:none; gap:0; }
.flagship-folders-grid:has(> .flagship-marked-card) { grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr)); }
.flagship-library-list .flagship-folders-grid:has(> .flagship-marked-card) { grid-template-columns:1fr; }
.flagship-marks button { appearance:none; display:inline-flex; align-items:center; justify-content:center; flex:none; width:24px; height:32px; min-width:0; min-height:0; margin:0; padding:0; font:24px/1 Arial,sans-serif; color:#455b65; background:transparent; border:0; border-radius:0; box-shadow:none; cursor:pointer; }
.flagship-marks button:hover:not(:disabled) { color:#986b12; background:transparent; }
.flagship-marks button:disabled { cursor:wait; opacity:.55; }
.flagship-marks .flagship-mark-flag { margin-left:4px; font-size:23px; }
.flagship-marks .flagship-mark-flag[aria-pressed=true] { color:#986b12; }
.flagship-marks :focus-visible { outline:2px solid #986b12; outline-offset:1px; border-radius:2px; }
.flagship-marks output:empty { display:none; }
.flagship-marks output:not(:empty) { position:absolute; top:100%; left:0; z-index:2; max-width:100%; padding:4px 6px; background:#fff; color:#8b2828; box-shadow:0 1px 3px #0002; }
.resource-card:has(> .flagship-marks),.flagship-marked-card { display:flex; flex-direction:column; min-width:0; }
.resource-card > .flagship-marks,.flagship-marked-card > .flagship-marks { margin-top:auto; padding-top:8px; flex:none; }
.flagship-library-flagged ul { padding-left:15px; }
.flagship-marked-card > a { width:100%; box-sizing:border-box; flex:1; }