/* Shared interest discovery. Natural document flow, no carousels or inner scrolling. */
.interest-section { margin-top:36px; margin-bottom:36px; scroll-margin-top:65px; }
#keyword-ranking { scroll-margin-top:65px; }
.interest-section-heading { display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:12px 24px; margin-bottom:22px; }
.interest-section-heading h2 { margin:0; color:#142b50; font-size:26px; letter-spacing:-.045em; line-height:1.4; }
.interest-section-heading p:last-child { margin:8px 0 0; font-size:13px; line-height:1.7; color:#52647a; word-break:keep-all; overflow-wrap:anywhere; }
.interest-all { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:#123fc5; font-size:13px; font-weight:700; }
.interest-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; align-items:start; }
.interest-card { min-width:0; padding:20px; border:1px solid #dde5f0; border-radius:18px; background:#fff; }
.interest-card-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.interest-card-heading h2 { min-width:0; margin:0; font-size:17px; font-weight:800; letter-spacing:-.03em; line-height:1.45; overflow-wrap:anywhere; }
.interest-card-heading h2 a { display:flex; align-items:center; gap:8px; min-height:44px; color:#142b50; }
.interest-card-heading h2 a > span { color:#6e8097; font-size:15px; }
.interest-badge { flex-shrink:0; padding:5px 8px; border-radius:6px; background:#edf2ff; color:#2448a6; font-size:10px; letter-spacing:.04em; font-weight:800; }
.interest-card-date { margin:2px 0 12px; color:#617186; font-size:11px; line-height:1.6; }
.interest-keywords { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; list-style:none; padding:0; margin:0; }
.interest-keywords li { min-width:0; display:flex; }
.interest-keywords a { display:flex; flex:1; flex-direction:column; justify-content:center; gap:7px; min-width:0; min-height:64px; padding:11px 12px; border:1px solid transparent; border-radius:10px; background:#f3f6fb; }
.interest-keywords strong { color:#20385b; font-size:13px; font-weight:700; line-height:1.5; overflow-wrap:anywhere; word-break:keep-all; }
.interest-keywords strong > span { color:#71829a; font-weight:500; }
.interest-keyword-count { display:flex; justify-content:space-between; align-items:center; gap:5px; color:#596b83; font-size:11px; line-height:1.4; }
.interest-keyword-count > span { color:#71829a; }
.interest-keywords a:hover { background:#e9efff; border-color:#b9ccfa; }
.interest-card-links { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 12px; margin-top:14px; padding-top:8px; border-top:1px solid #e9eef5; }
.interest-more, .interest-products { display:inline-flex; align-items:center; gap:10px; min-height:44px; font-size:12px; font-weight:700; color:#2448a6; }
.interest-products { color:#596b83; font-weight:500; text-decoration:underline; text-underline-offset:4px; }
.interest-waiting { margin:14px 0 0; color:#617186; font-size:11px; line-height:1.7; }
.interest-grid--single { grid-template-columns:minmax(0,1fr); }
.interest-grid--single .interest-keywords { grid-template-columns:repeat(5,minmax(0,1fr)); }
.interest-tabs { display:flex; flex-wrap:wrap; gap:0 4px; margin:0 0 14px; border-bottom:1px solid #dde5f0; }
.interest-tab { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 13px; border-bottom:3px solid transparent; color:#596b83; font-size:13px; font-weight:600; }
.interest-tab:hover { color:#123fc5; background:#f3f6ff; }
.interest-tab.is-active { color:#123fc5; border-bottom-color:#123fc5; font-weight:800; }
.interest-page .lede { max-width:720px; }
.interest-explanation { color:#617186; font-size:12px; line-height:1.8; margin:10px 0 0; }
.interest-empty { padding:36px 24px; border:1px dashed #c4d2e7; border-radius:18px; background:#f7f9fc; line-height:1.8; color:#52647a; }
.interest-empty p { margin:0 0 8px; }
.interest-empty a { display:inline-flex; align-items:center; min-height:44px; color:#123fc5; font-weight:700; }
.interest-card a:focus-visible, .interest-all:focus-visible, .interest-tabs a:focus-visible, .interest-empty a:focus-visible { outline:3px solid #123fc5; outline-offset:3px; }
@media (max-width:1100px) {
    .interest-grid--single { grid-template-columns:minmax(0,1fr); }
    .interest-grid--single .interest-keywords { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
    .interest-section { margin-top:32px; margin-bottom:32px; }
    .interest-section-heading { margin-bottom:16px; gap:6px; }
    .interest-section-heading h2 { font-size:22px; }
    .interest-section-heading p:last-child { font-size:12px; }
    .interest-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
    .interest-card { padding:14px; border-radius:14px; }
    .interest-tab { font-size:12px; padding:9px 10px; }
    .interest-grid--single .interest-keywords { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .interest-keywords a { padding:11px 12px; }
}