/* Advice-only controls/badges; existing card heights, images and overlay stay intact. */
.info-sections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 0 20px; }
.info-sections__item { display:flex; align-items:center; justify-content:center; gap:8px; min-width:0; min-height:44px; box-sizing:border-box; padding:10px 8px; border:1px solid rgba(17,17,17,.08); border-radius:14px; background:rgba(255,255,255,.96); color:var(--text-primary); font:600 14px/1.25 var(--font-sans); text-align:center; text-decoration:none; cursor:pointer; box-shadow:0 6px 16px rgba(17,17,17,.08),0 2px 5px rgba(17,17,17,.04); transition:background 160ms ease,border-color 160ms ease,color 160ms ease,box-shadow 160ms ease,transform 160ms ease; -webkit-tap-highlight-color:transparent; }
.info-sections__item[aria-current="page"] { border-color:rgba(249,115,22,.50); background:#F97316; color:#fff; box-shadow:0 7px 18px rgba(249,115,22,.14),0 2px 5px rgba(17,17,17,.04); }
.info-sections__item:active { transform:translateY(1px); background:rgba(249,115,22,.08); }
.info-sections__item[aria-current="page"]:active { background:#F97316; }
.info-sections__item:focus-visible { outline:3px solid rgba(249,115,22,.28); outline-offset:2px; }
@media(hover:hover) { .info-sections__item:hover { border-color:rgba(249,115,22,.28); box-shadow:0 7px 18px rgba(17,17,17,.08),0 2px 5px rgba(17,17,17,.04); } }
.info-search input:focus-visible,.info-search button:focus-visible,.info-search-chip button:focus-visible { outline:2px solid rgba(249,115,22,.8); outline-offset:1px; }
.info-sections__item svg { display:block; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.info-search[hidden] { display:none; }
.info-search { display:flex; align-items:center; gap:8px; margin:-8px 0 20px; }
.info-search input { flex:1; min-width:0; box-sizing:border-box; min-height:44px; padding:10px; border:1px solid rgba(29,29,31,.16); border-radius:12px; color:var(--text-primary); background:#fff; font:400 16px/1.25 var(--font-sans); }
.info-search button { flex:0 0 44px; width:44px; min-height:44px; padding:0; border:1px solid rgba(29,29,31,.12); border-radius:12px; background:#fff; color:var(--text-primary); font:600 20px/1 var(--font-sans); cursor:pointer; }
.info-search-chip[hidden] { display:none; }
.info-search-chip { display:flex; align-items:center; width:fit-content; max-width:100%; box-sizing:border-box; gap:6px; margin:-8px 0 20px; padding-left:12px; border:1px solid rgba(29,29,31,.12); border-radius:12px; background:#fff; color:var(--text-primary); font:500 14px/1.35 var(--font-sans); }
.info-search-chip span { min-width:0; overflow-wrap:anywhere; }
.info-search-chip button { flex:0 0 44px; width:44px; min-height:44px; padding:0; border:0; border-radius:11px; background:transparent; color:var(--text-primary); font:600 20px/1 var(--font-sans); cursor:pointer; }
.info-empty { margin:0; color:var(--text-secondary); font-size:16px; line-height:1.5; }
.info-article-card__badges { position:absolute; top:12px; right:12px; left:12px; display:flex; align-items:flex-start; justify-content:space-between; gap:8px; pointer-events:none; }
.info-article-card__badge { display:block; border-radius:9px; padding:6px 8px; font:600 14px/1.2 var(--font-sans); white-space:nowrap; }
.info-article-card__badge--category { background:#F97316; color:#fff; }
.info-article-card .info-article-card__badge--category { display:none; }
.info-article-card__badge--reading { margin-left:auto; background:#fff; color:#1d1d1f; }
@media(max-width:350px) { .info-article-card__badges { top:10px; right:10px; left:10px; gap:6px; } .info-article-card__badge { padding:6px; } }
@media(min-width:700px) { .info-sections { max-width:600px; } .info-search { max-width:600px; } }