.hse-archive-ux,.hse-archive-ux *{box-sizing:border-box}.hse-archive-ux{font-family:Arial,sans-serif;color:#17628f;padding:4px}
.hse-archive-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;padding:16px 6px 26px}
.hse-archive-category{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:112px;padding:12px 6px;border:1px solid #20b7ff;border-radius:20px;background:linear-gradient(#fff,#f7fcff);color:#12658f;font-size:13px;font-weight:600;text-align:center;text-decoration:none;transition:background .15s,box-shadow .15s}
.hse-archive-category img{width:auto;height:auto;max-width:34px;max-height:34px;image-rendering:pixelated}.hse-archive-category:hover,.hse-archive-category[aria-current]{background:#e3f5ff;box-shadow:0 4px 12px #16a5e422,inset 0 0 0 1px #64cdff}
.hse-archive-toolbar{display:flex;align-items:center;gap:12px;margin:4px 0 20px;padding:10px 14px;border:1px solid #ffffff90;border-radius:13px;background:linear-gradient(110deg,#ffffff30,transparent),var(--archive-color,#ffb400);color:#fff}
.hse-archive-toolbar h1{flex:1;min-width:0;margin:0;font:700 16px/1.4 Arial,sans-serif}.hse-archive-toolbar h1 small{display:inline-block;margin-left:8px;font-size:12px;font-weight:500}.hse-archive-toolbar nav{display:flex;gap:9px}
.hse-archive-toolbar nav a,.hse-archive-toolbar nav>span{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 11px;min-height:34px;border:1px solid #72dcff;border-radius:20px;background:linear-gradient(#16c5f4,#009bef);box-shadow:inset 0 1px 0 #ffffff80,0 3px 6px #007db51a;color:#fff;text-decoration:none;font-size:12px;font-weight:600}
.hse-archive-toolbar nav [aria-disabled]{opacity:.45;box-shadow:none}.hse-archive-toolbar nav a:hover{background:#008fda}.hse-archive-ux svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hse-archive-list{display:grid;gap:10px}.hse-archive-card{display:flex;gap:16px;min-height:116px;padding:14px;border:1px solid #cceafa;border-radius:14px;background:linear-gradient(110deg,#fbfdff,#edf8ff);box-shadow:0 2px 5px #369cca0c;text-decoration:none;color:#078fd2}.hse-archive-card:hover{border-color:#6ed0fa;background:#ecf8ff}
.hse-archive-picture{position:relative;width:60px;height:60px;flex:0 0 60px;border:1px solid #b3cbd8;border-radius:10px;background-repeat:no-repeat;box-shadow:0 2px 4px #164c6926}.hse-archive-picture img{position:absolute;bottom:-7px;right:-7px;max-width:26px;max-height:26px;padding:3px;background:#fff;border:1px solid #deeff8;border-radius:50%;image-rendering:pixelated}
.hse-archive-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.hse-archive-copy strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.hse-archive-description{color:#6f8eaa;font-size:12px;line-height:1.5}.hse-archive-stats{display:flex;gap:6px;margin-top:auto;padding-top:9px}.hse-archive-stats>span{display:inline-flex;align-items:center;gap:4px;min-width:42px;justify-content:center;padding:4px 7px;border-radius:20px;color:#fff;font-size:10px;font-weight:bold}.hse-archive-reads{background:#ff4967}.hse-archive-comments{background:#ffb700}.hse-archive-stats svg{width:12px;height:12px}
.hse-archive-ux a:focus-visible{outline:3px solid #1678cc;outline-offset:3px}
@media(max-width:850px){.hse-archive-categories{gap:10px}.hse-archive-category{font-size:12px}.hse-archive-toolbar{flex-wrap:wrap}.hse-archive-toolbar h1{flex-basis:100%}.hse-archive-toolbar nav{margin-left:auto}}
@media(max-width:540px){.hse-archive-categories{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 0 16px}.hse-archive-category{min-height:96px;border-radius:16px}.hse-archive-card{gap:12px;padding:12px}.hse-archive-copy strong{font-size:13px}}