:root{--fg:#111;--bg:#f7f7fa;--card:#fff;--muted:#666;--border:#e6e6e6;--link:#0645ad;--maxw:860px;--radius:12px;--gap:18px}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
a{color:var(--link);text-decoration:underline}a:hover{text-decoration:none}
.site-header{background:#fff;border-bottom:1px solid var(--border);padding:16px;text-align:center;position:sticky;top:0;z-index:10}
.site-title a{text-decoration:none;color:inherit;font-weight:800;font-size:clamp(22px,3.6vw,34px)}
.tagline{font-size:14px;color:var(--muted);margin-top:4px}
.wrap{padding:18px;display:grid;grid-template-columns:1fr minmax(300px,var(--maxw)) 1fr;gap:var(--gap);align-items:start}
.center{grid-column:2}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}
.search-form{display:flex;gap:10px;align-items:center;max-width:920px;margin:0 auto}
.search-input{flex:1;min-width:0;border:2px solid #000;border-radius:10px;padding:14px 16px;font-size:18px;outline:none}
.search-button{border:2px solid #000;border-radius:10px;background:#fff;padding:14px 18px;font-size:18px;font-weight:700;cursor:pointer}
h1{margin:0 0 10px}h2{margin:0 0 10px;font-size:18px}
ul.list{list-style:none;margin:0;padding:0}ul.list li+li{margin-top:8px}
.muted{color:var(--muted)}
.post h1{font-size:clamp(22px,3.2vw,30px)}
.post .direct{font-weight:600}
.post .steps{margin:12px 0 12px 20px}
.post .tip{background:#f9fafb;border:1px solid var(--border);border-radius:8px;padding:10px}
.related{margin-top:16px}
footer,.site-footer{text-align:center;color:var(--muted);font-size:14px;margin:18px 0}
.ad-top,.ad-bottom{margin:14px 0;padding:8px 0;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd}
.layout{display:grid;grid-template-columns:1fr minmax(300px,var(--maxw)) 1fr;gap:12px}
.side-left,.side-right{display:block}
@media (max-width:1200px){.layout{grid-template-columns:1fr}.side-left,.side-right{display:none}}
@media (max-width:980px){.wrap{grid-template-columns:minmax(300px,100%)}.center{grid-column:1}}
.hit{padding:10px 0;border-top:1px solid var(--border)}.hit:first-child{border-top:none}.snip{color:#444;font-size:14px}


/* Minor polish for trending & topics separation */
.card + .card.topics{ margin-top: 14px; }
.list a{ text-underline-offset: 2px; }