body { font-family: Arial, sans-serif; margin: 0; }
header { padding: 20px; background-color: rgba(250,250,250,1); border-bottom: 1px solid #ccc; position: sticky; top: 0; z-index: 10; }
header h1 { margin: 0; font-size: 1.5em; }
main { display: flex; gap: 20px; padding: 20px; height: calc(100vh - 72px); box-sizing: border-box; }
#keywords { display: flex; flex-direction: column; width: 350px; max-height: 100%; overflow: hidden; border-right: 1px solid #ccc; }
.header-button { font-size: 1em; padding: 4px 8px; margin-bottom:10px; margin-right: 10px;}
#keyword-list { margin-top: 10px; overflow-y: auto; flex: 1 1 auto; padding: 5px; }
#keyword-list h3 { margin-top: 10px; margin-bottom:10px; }
#article-list { flex: 1; overflow-y: auto; max-height: 100%; position: relative; }
.article { margin-bottom: 10px; }
#keyword-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(250,250,250,0.95); z-index: 20; padding: 20px; display: none; overflow-y: auto; }
#keyword-overlay h3 { margin-top: 0; }
.btn { font-size: 0.8em; margin-left: 5px; color: blue; cursor: pointer; text-decoration: none; background: none; border: none; }
a { color: darkred; text-decoration: none; }