/* Compact homepage topic navigation; section headings are defined in style.css. */
.home-topics-topics { padding:54px 0 43px; background:#f3f7f9; border-bottom:1px solid #e0e9ed; color:#2d404c; }
.home-topics-lead { margin:0 0 30px; color:#637581; font-size:15px; line-height:1.7; }
.home-topics-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0; padding:0; list-style:none; }
.home-topics-grid>li { margin:0; padding:0; list-style:none; min-width:0; }
.home-topics-tile { display:flex; align-items:center; gap:13px; height:88px; padding:17px 16px; color:#2d404c; background:#fff; border:1px solid #dce6eb; border-radius:8px; transition:background .18s,border-color .18s,box-shadow .18s; }
.home-topics-icon { display:grid; place-items:center; flex-shrink:0; width:36px; height:40px; color:#377a96; }
.home-topics-icon svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.home-topics-name { font-size:14px; font-weight:600; line-height:1.5; }
.home-topics-arrow { margin-left:auto; color:#7c98a6; font-size:20px; flex-shrink:0; }
.home-topics-tile:hover { color:#2d404c; text-decoration:none; background:#fafdff; border-color:#86b4c9; box-shadow:0 3px 11px #23516a0b; }
.home-topics-tile:hover .home-topics-arrow { color:#087caa; }
.home-topics-topics a:focus-visible { outline:3px solid #f07835; outline-offset:3px; }
.home-topics-alternatives { display:flex; justify-content:space-between; align-items:center; gap:25px; margin-top:29px; padding-top:26px; border-top:1px solid #dbe5eb; }
.home-topics-alternatives h2 { margin:0 0 6px; font-size:16px; font-weight:600; line-height:1.5; }
.home-topics-alternatives p { margin:0; color:#637581; font-size:12px; line-height:1.7; }
.home-topics-quick { display:flex; flex-wrap:wrap; gap:10px; }
.home-topics-quick a { display:flex; align-items:center; gap:16px; min-height:44px; padding:12px 14px; color:#17698b; background:#fff; border:1px solid #d5e2e9; border-radius:6px; font-size:12px; font-weight:600; line-height:1.5; }
.home-topics-quick a:hover { background:#fafdff; border-color:#86b4c9; text-decoration:none; }
@media(max-width:1199px) {
 .home-topics-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .home-topics-alternatives { align-items:flex-start; flex-direction:column; gap:18px; }
}
@media(max-width:767px) {
 .home-topics-topics { padding:32px 0 29px; }
 .home-topics-lead { margin-bottom:23px; font-size:13px; line-height:1.7; }
 .home-topics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .home-topics-tile { display:grid; grid-template-columns:1fr 18px; grid-template-rows:31px 1fr; gap:5px 3px; height:110px; padding:13px 12px; }
 .home-topics-icon { grid-column:1; grid-row:1; width:29px; height:29px; }
 .home-topics-icon svg { width:25px; height:25px; }
 .home-topics-name { grid-column:1/-1; grid-row:2; align-self:center; font-size:12px; line-height:1.45; }
 .home-topics-arrow { grid-column:2; grid-row:1; font-size:18px; }
 .home-topics-alternatives { margin-top:24px; padding-top:22px; gap:16px; }
 .home-topics-quick { display:grid; width:100%; gap:8px; }
 .home-topics-quick a { justify-content:space-between; }
}
@media(prefers-reduced-motion:reduce) { .home-topics-tile { transition:none; } }