/* Compact catalogue previews. Full records keep their established detail views. */
body.site-ui.site-refresh #gear-grid{display:grid;grid-template-columns:1fr;gap:7px}
body.site-ui.site-refresh #gear-grid .scan-gear{padding:0;border:1px solid #3d5c69;border-radius:9px;background:#112633;overflow:hidden}
body.site-ui.site-refresh main #gear-grid .gear-scan-open{display:grid;grid-template-columns:minmax(230px,1fr) minmax(230px,1fr) 120px;gap:20px;align-items:center;width:100%;padding:12px 14px;text-align:start;border:0;border-radius:8px;background:transparent;color:#e0edf3;min-width:0}
body.site-ui.site-refresh .scan-name{display:block;font-size:14px;line-height:1.45;font-weight:650;color:#e0edf3;overflow-wrap:anywhere}
body.site-ui.site-refresh .scan-label{display:block;font-size:11px;color:#b7cdd7;line-height:1.5;margin-bottom:4px;font-weight:500}
body.site-ui.site-refresh #gear-grid .gear-card-head{display:flex;align-items:center;gap:12px;min-width:0;margin:0}
body.site-ui.site-refresh #gear-grid .gear-card-head>span:last-child{min-width:0}
body.site-ui.site-refresh #gear-grid .gear-art{width:46px;height:46px;flex:0 0 46px}
body.site-ui.site-refresh #gear-grid .gear-labels{display:flex;flex-wrap:wrap;gap:4px;font-size:12px;line-height:1.5;margin-top:3px;color:#b7cdd7}
body.site-ui.site-refresh #gear-grid .gear-scan-bonuses{min-width:0;display:block;border-inline-start:1px solid #34505e;padding-inline-start:18px}
body.site-ui.site-refresh #gear-grid .gear-stat{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.55;padding:1px 0;margin:0}
body.site-ui.site-refresh #gear-grid .gear-stat strong{color:#b8e9d9;text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}
body.site-ui.site-refresh #gear-grid .gear-ability{display:block;font-size:12px;margin:3px 0 0;color:#c9dccf}
body.site-ui.site-refresh .scan-action{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;box-sizing:border-box;padding:8px 10px;border:1px solid #577b80;border-radius:7px;font-size:12px;font-weight:600;color:#c2ecdf;background:#1b3a40;white-space:nowrap}
body.site-ui.site-refresh #gear-grid .tw-card-tools{margin:0 12px 10px auto;display:block;width:auto;min-height:44px;padding:8px 12px;font-size:12px}
body.site-ui.site-refresh #gear-grid .gear-scan-open:hover,body.site-ui.site-refresh #results .decor-scan-open:hover{background:#193743}
body.site-ui.site-refresh #gear-grid .gear-scan-open:focus-visible,body.site-ui.site-refresh #results .decor-scan-open:focus-visible{outline:3px solid #b5ebd8;outline-offset:-3px;background:#193743}
/* Small portrait, stable text position and an explicit action on every hero. */
body.site-ui.site-refresh main #hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body.site-ui.site-refresh main #hero-grid .scan-hero{display:grid;grid-template-columns:42px minmax(0,1fr);align-content:start;align-items:center;gap:6px 10px;padding:10px;text-align:start;min-width:0;background:#112633;border:1px solid #3d5c69;border-radius:9px}
body.site-ui.site-refresh main #hero-grid .scan-hero::after{content:none}
body.site-ui.site-refresh #hero-grid .hero-portrait{width:42px;height:42px;min-width:42px;margin:0;border-radius:8px;overflow:hidden}
body.site-ui.site-refresh #hero-grid .hero-direct-art{width:100%;height:100%;object-fit:contain}
body.site-ui.site-refresh #hero-grid .hero-scan-identity{min-width:0;display:grid;gap:3px}
body.site-ui.site-refresh #hero-grid .hero-scan-identity strong{font-size:14px;line-height:1.4;color:#e0edf3;white-space:normal;overflow-wrap:anywhere;text-decoration:none}
body.site-ui.site-refresh #hero-grid .hero-scan-identity>span{font-size:12px;color:#b7cdd7;line-height:1.5}
body.site-ui.site-refresh #hero-grid .hero-scan-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid #304c5a;padding-top:5px;line-height:1.5}
body.site-ui.site-refresh #hero-grid .hero-awakening-badge{position:static;margin:0;padding:0;font-size:11px;background:none;color:#c8dbc7;border:0}
body.site-ui.site-refresh #hero-grid .hero-scan-action{font-size:12px;color:#bde9db;font-weight:600}
body.site-ui.site-refresh main #hero-grid .scan-hero:hover,body.site-ui.site-refresh main #hero-grid .scan-hero:focus-visible{background:#193743;border-color:#94c8ba}
/* Decorations show the chosen buff at its actual level; availability stays visible. */
body.site-ui.site-refresh[data-page=decorations] #results{display:grid;grid-template-columns:1fr;gap:7px}
body.site-ui.site-refresh[data-page=decorations] main #results .scan-decor{display:block;padding:0;margin:0;border:1px solid #3d5c69;border-radius:9px;background:#112633;overflow:hidden}
body.site-ui.site-refresh #results .decor-scan-open{display:grid;grid-template-columns:minmax(250px,1fr) minmax(260px,1fr) 120px;gap:20px;align-items:center;padding:11px 14px;text-decoration:none;color:#e0edf3;min-width:0}
body.site-ui.site-refresh #results .scan-decor .item-main{display:flex;align-items:center;gap:11px;min-width:0}
body.site-ui.site-refresh #results .scan-decor .item-art{width:40px;height:40px;min-width:40px;flex:0 0 40px}
body.site-ui.site-refresh #results .scan-decor .item-art img{max-width:36px!important;max-height:36px!important}
body.site-ui.site-refresh .decor-scan-meta{display:block;color:#b7cdd7;font-size:12px;line-height:1.5;margin-top:3px}
body.site-ui.site-refresh .decor-scan-buffs{display:block;border-inline-start:1px solid #34505e;padding-inline-start:18px;font-size:12px;min-width:0}
body.site-ui.site-refresh .decor-scan-effect{display:flex;justify-content:space-between;gap:12px;line-height:1.6}
body.site-ui.site-refresh .decor-scan-effect strong{font-variant-numeric:tabular-nums;color:#b8e9d9;white-space:nowrap}
body.site-ui.site-refresh .scan-more{display:block;color:#b7cdd7;font-size:11px;line-height:1.5}
body.site-ui.site-refresh .scan-warning{display:block;color:#f2d2a2;font-size:12px;line-height:1.5;margin-top:3px}
body.site-ui.site-refresh[data-page=decorations] main .decor-buff-pill,body.site-ui.site-refresh[data-page=decorations] main .buff-toggle{background:#192f3c!important;color:#c4d8e0!important;border:1px solid #46616e!important;min-height:44px}
body.site-ui.site-refresh[data-page=decorations] main .decor-buff-pill[aria-pressed=true]{background:#285046!important;color:#d8f6ea!important;border-color:#89cbb7!important;box-shadow:inset 0 -2px #a4deca}
@media(max-width:1000px){body.site-ui.site-refresh main #hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.site-ui.site-refresh main #gear-grid .gear-scan-open,body.site-ui.site-refresh #results .decor-scan-open{grid-template-columns:minmax(160px,1fr) minmax(170px,1fr) 115px;gap:12px}}
@media(max-width:700px){body.site-ui.site-refresh main #hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body.site-ui.site-refresh main #hero-grid .scan-hero{grid-template-columns:34px minmax(0,1fr);gap:6px;padding:9px}body.site-ui.site-refresh #hero-grid .hero-portrait{width:34px;height:34px;min-width:34px}body.site-ui.site-refresh main #gear-grid .gear-scan-open,body.site-ui.site-refresh #results .decor-scan-open{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:10px}body.site-ui.site-refresh #gear-grid .gear-card-head,body.site-ui.site-refresh #results .scan-decor .item-main{grid-column:1/-1}body.site-ui.site-refresh #gear-grid .gear-scan-bonuses,body.site-ui.site-refresh .decor-scan-buffs{grid-column:1;border:0;padding:0}body.site-ui.site-refresh .scan-action{grid-column:2;align-self:end;font-size:12px;gap:8px;padding:8px}body.site-ui.site-refresh #gear-grid .gear-stat{font-size:12px}body.site-ui.site-refresh .scan-label{margin-bottom:2px}body.site-ui.site-refresh #gear-grid .tw-card-tools{margin-top:-1px}}
@media(forced-colors:active){body.site-ui.site-refresh :is(.scan-gear,.scan-decor,.scan-hero,.scan-action,.gear-scan-open,.decor-scan-open){background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important}body.site-ui.site-refresh :is(.scan-name,.scan-label,.scan-more,.scan-warning,.decor-scan-effect strong,.hero-scan-action){color:CanvasText!important}body.site-ui.site-refresh[data-page=decorations] main :is(.decor-buff-pill,.buff-toggle,.decor-buff-pill[aria-pressed=true]){background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText!important}}
body.site-ui.site-refresh #hero-grid .hero-scan-footer .hero-awakening-badge{color:#c8dbc7!important;background:transparent!important}
@media(forced-colors:active){body.site-ui.site-refresh #hero-grid .hero-scan-footer .hero-awakening-badge{color:CanvasText!important}}