:root{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#111;background:#f6f7f9}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}.app{max-width:960px;margin:0 auto;padding:24px;display:grid;gap:24px}.header{display:grid;gap:16px}.brand{font-size:20px;font-weight:700;text-decoration:none;color:#111}.tabs{display:flex;gap:12px}.tab{text-decoration:none;padding:6px 12px;border-radius:999px;color:#333;border:1px solid #ddd;background:#fff}.tab.active{background:#111;color:#fff;border-color:#111}.content{background:#fff;border-radius:12px;padding:24px;border:1px solid #eee}.page-title{font-size:18px;margin-bottom:16px}.card-list{list-style:none;display:grid;gap:16px}.card{border:1px solid #eee;padding:16px;border-radius:8px;background:#fafafa;display:grid;gap:8px}.card.empty{color:#666}.card-meta{font-size:12px;color:#666}.card-title{font-size:16px;font-weight:600;text-decoration:none;color:#111}.card-summary{color:#444;font-size:14px}.detail{display:grid;gap:16px}.detail-title{font-size:20px}.detail-meta{color:#666;font-size:12px}.detail-section{display:grid;gap:8px}.detail-section h2{font-size:16px}.markdown :is(h1,h2,h3){margin-top:16px}.markdown p{line-height:1.6}.back{text-decoration:none;color:#333}.muted{color:#777}.footer{color:#888;font-size:12px;text-align:center}