/* HAI VU — LIBRARY RECENT READING V81
   Institutional · Academic · Premium
   Library recent reading: read history first, random knowledge otherwise.
*/
.hv81-library-recent{
  padding:68px 0 82px!important;
  background:#fbfaf6;
  border-top:1px solid rgba(20,52,75,.07);
  border-bottom:1px solid rgba(20,52,75,.07);
}
.hv81-wrap{width:min(1220px,calc(100% - 48px));margin:0 auto}
.hv81-head{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:66px;align-items:end;margin-bottom:30px}
.hv81-kicker{display:block;color:#a16c27;font-size:12px;line-height:1.25;font-weight:700;letter-spacing:.055em;margin-bottom:10px}
.hv81-head h2{margin:0!important;max-width:560px;color:#123a57!important;font-size:clamp(34px,3.1vw,45px)!important;line-height:1.08!important;letter-spacing:-.03em!important;font-weight:620!important}
.hv81-head-copy{max-width:650px;justify-self:end}
.hv81-head-copy p{margin:0!important;color:#607581!important;font-size:17px!important;line-height:1.68!important}
.hv81-note{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:#8c6a43;font-size:13px;line-height:1.4}
.hv81-note::before{content:"";width:6px;height:6px;border-radius:50%;background:#b78342;flex:0 0 auto}
.hv81-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hv81-card{display:flex;min-width:0;flex-direction:column;border:1px solid rgba(18,56,82,.12);border-radius:18px;background:#fff;color:#173b56;text-decoration:none;overflow:hidden;box-shadow:0 8px 30px rgba(28,49,68,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.hv81-card:hover{transform:translateY(-3px);border-color:rgba(18,56,82,.22);box-shadow:0 13px 36px rgba(28,49,68,.085)}
.hv81-visual{position:relative;aspect-ratio:16/9;overflow:hidden;background:#e9eef0}
.hv81-visual img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;transform:scale(1.002);transition:transform .35s ease}
.hv81-card:hover .hv81-visual img{transform:scale(1.025)}
.hv81-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,32,51,.03),rgba(7,32,51,.13));pointer-events:none}
.hv81-category{position:absolute;left:16px;bottom:14px;z-index:2;display:inline-flex;align-items:center;max-width:calc(100% - 32px);padding:8px 11px;border-radius:999px;background:rgba(250,249,246,.93);backdrop-filter:blur(7px);color:#1f4a68;font-size:11px;line-height:1.1;font-weight:720;letter-spacing:.035em;text-transform:uppercase;box-shadow:0 2px 12px rgba(19,42,59,.08)}
.hv81-copy{display:flex;flex:1;flex-direction:column;padding:21px 22px 23px}
.hv81-copy h3{margin:0 0 10px!important;color:#123a57!important;font-size:24px!important;line-height:1.22!important;letter-spacing:-.02em!important;font-weight:610!important}
.hv81-copy p{margin:0!important;color:#647884!important;font-size:15px!important;line-height:1.66!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hv81-read{margin-top:auto;padding-top:18px;color:#9b6a2c;font-size:13px;font-weight:700;letter-spacing:.01em}
.hv81-loading{grid-column:1/-1;padding:28px;border:1px solid rgba(18,56,82,.09);border-radius:16px;color:#738590;background:#fff}
/* remove accidental excessive gaps around the library reading area */
.hv81-library-recent + section{margin-top:0!important}
@media(max-width:980px){.hv81-head{grid-template-columns:1fr;gap:15px}.hv81-head-copy{justify-self:start}.hv81-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hv81-grid .hv81-card:last-child{display:none}}
@media(max-width:640px){.hv81-library-recent{padding:54px 0 60px!important}.hv81-wrap{width:min(100% - 30px,1220px)}.hv81-grid{grid-template-columns:1fr;gap:14px}.hv81-grid .hv81-card:last-child{display:flex}.hv81-head h2{font-size:35px!important}.hv81-copy h3{font-size:22px!important}}