.hf{font-family:var(--hf-font,system-ui,sans-serif);font-size:var(--hf-size,17px);line-height:1.65;color:var(--hf-ink,#162b40);overflow-wrap:anywhere}
.hf,.hf *{box-sizing:border-box}
.hf a{color:var(--hf-primary,#246397)}
.hf :focus-visible{outline:2px solid var(--hf-primary,#246397);outline-offset:4px}
.hf-library{background:var(--hf-surface,#eff7ff);border:1px solid #d9e7f4;border-radius:20px;padding:clamp(16px,4vw,40px);margin:1em 0}
.hf-hero{padding-bottom:1.25rem}
.hf-hero h2{font:inherit;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:750;line-height:1.15;margin:.2em 0;color:inherit}
.hf-hero p{margin:0}
.hf-kicker{font-size:.79em;font-weight:650;color:var(--hf-primary,#246397)}
.hf-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px}
.hf-filters label{display:flex;flex:1 1 130px;flex-direction:column;gap:4px;font-weight:650;font-size:.85em;min-width:0}
.hf-filters .hf-search{flex:2 1 230px}
.hf-filters :is(input,select,button){width:100%;min-height:44px;padding:8px 10px;border-radius:8px;border:1px solid #b7cede;background:#fff;color:inherit;font:inherit}
.hf-filters button{width:auto;min-width:100px;background:#fff;color:var(--hf-primary,#246397);border-color:var(--hf-primary,#246397);font-weight:700;cursor:pointer}
.hf-results{display:flex;justify-content:space-between;gap:8px;margin:1.25rem 0 .65rem;font-size:.85em}
.hf-entries{display:grid;gap:12px}
.hf-cards{grid-template-columns:repeat(var(--hf-cols,2),minmax(0,1fr))}
.hf-entry{padding:16px 18px;background:white;border:1px solid #dbe8f4;border-radius:12px;min-width:0}
.hf-entry h3{font:inherit;font-weight:730;line-height:1.3;margin:.2em 0 .35em}
.hf-entry h3 a{color:inherit;text-decoration:none}
.hf-entry h3 a:hover{text-decoration:underline}
.hf-entry p{margin:0;font-size:.89em}
.hf-image{display:block;width:100%;object-fit:cover;border-radius:7px;aspect-ratio:16/9;margin:0 0 10px}
.hf-tiles .hf-entry{display:flex;gap:14px;align-items:center}
.hf-tiles .hf-image{width:76px;height:76px;margin:0;flex:none}
.hf-tiles .hf-entry-copy{min-width:0}
.hf-tiles .hf-entry p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hf-pagination ul{display:flex;gap:.5em;flex-wrap:wrap;list-style:none;padding:0;margin:1em 0 0}
.hf-pagination .page-numbers li>*{display:block;padding:.25em .65em;border:1px solid #b7cede;border-radius:6px;background:white}
.hf-detail{max-width:78ch;margin:1em auto}
.hf-byline{display:flex;flex-wrap:wrap;gap:.4em 1em;padding:1em;background:var(--hf-surface,#eff7ff);border-radius:10px;margin:.75em 0 1.4em;font-size:.9em}
.hf-question,.hf-sources{padding:1em 1.2em;background:var(--hf-surface,#eff7ff);border-radius:10px;margin:1em 0}
.hf-question h2,.hf-sources h2,.hf-answer>h2:first-child{font:inherit;font-size:1.25em;font-weight:750;margin:0 0 .5em}
.hf-question p:last-child,.hf-sources p:last-child{margin-bottom:0}
.hf-detail img{max-width:100%;height:auto}
@media(max-width:720px){.hf-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hf-filters button{width:100%}}
@media(max-width:480px){.hf-cards{grid-template-columns:1fr}.hf-tiles .hf-image{width:54px;height:54px}}
.hf-topics{display:flex;gap:.5em;flex-wrap:wrap;margin:-.5em 0 1.2em;font-size:.85em}
.hf-topics>*{background:var(--hf-surface,#eff7ff);padding:.15em .65em;border-radius:20px}
.hf .hf-entries{display:grid}
.hf .hf-list,.hf .hf-tiles{grid-template-columns:minmax(0,1fr)}
.hf .hf-cards{grid-template-columns:repeat(var(--hf-cols,2),minmax(0,1fr))}
.hf .hf-list .hf-image{display:none}
.hf .hf-tiles .hf-entry{border-inline-start:4px solid var(--hf-primary,#246397);padding:12px 15px}
.hf .hf-entry time{display:block;font-size:.76em;margin-top:.45em}
.hf .hf-tags{display:flex;gap:.35em;flex-wrap:wrap;margin-top:.5em}
.hf .hf-tags a{background:var(--hf-surface,#eff7ff);padding:.1em .55em;border-radius:1em;font-size:.75em}
@media(max-width:720px){.hf .hf-cards{grid-template-columns:repeat(min(2,var(--hf-cols,2)),minmax(0,1fr))}}
@media(max-width:480px){.hf .hf-cards{grid-template-columns:minmax(0,1fr)}}
.hf .hf-entry-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.3em .85em;margin-top:.45em;font-size:.76em}
.hf .hf-entry-meta time{margin:0;font-size:inherit}
