html{font-family:sans-serif;font-size:12px;font-weight:400}
body{padding:0;margin:0;overflow-x:hidden;line-height:1.2}
main{padding:1rem}
header{position:sticky;top:0;background:#fff;padding:1rem;border-bottom:1px solid #aaa}
header h1{padding:0;margin:0;line-height:1}
a{text-decoration-thickness:1.5px;color:#2745bb}
a:hover{color:inherit}
input:checked+.card{--clamp:0}
.line:has(input:checked){background:#e2e2e2;border:3px solid #fff}
.line{padding:1rem 0}
.card{--clamp:1;flex-grow:1;border:0 solid #fff;border-radius:3px;break-inside:avoid;display:flex;flex-direction:column;gap:.5rem}
.description{white-space:pre-line;word-break:break-word;overflow-x:hidden;display:-webkit-box!important;-webkit-line-clamp:var(--clamp,1);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-right:1rem}
.tags span{background:#eee;padding:0 3px;font-size:.9em;color:#999}
.tags{gap:.3rem;display:flex;flex-wrap:wrap;font-family:sans-serif}
.domain{color:#aaa}
.container{display:flex;flex-direction:column;gap:1.5rem;row-gap:0rem;width:99%;padding-bottom:2rem;margin:auto}
.line{display:flex;align-items:flex-start;align-content:flex-start;gap:1rem}
.description p{margin:0;padding:0}
.card:empty *{display:none}
ul{margin:0 0;padding:0 1rem;}