:root{--color-bg:#f5f6f8;--color-surface:#fff;--color-text:#1d2330;--color-muted:#5b6474;--color-border:#d9dde5;--color-accent:#1f5fbf;--color-accent-soft:#e8f0fc;--color-warn-bg:#fff6e0;--color-warn-border:#e0b04a;--color-error:#b3261e;--radius:8px;color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-size:15px;line-height:1.5}a{color:var(--color-accent)}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--color-muted)}.small{font-size:13px}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-header-inner{flex-wrap:wrap;align-items:center;gap:12px 24px;max-width:1280px;margin:0 auto;padding:12px 16px;display:flex}.app-title{color:var(--color-text);flex-direction:column;text-decoration:none;display:flex}.app-title span{color:var(--color-muted);font-size:13px}.app-nav{gap:16px;display:flex}.app-nav a{color:var(--color-muted);padding:4px 0;text-decoration:none}.app-nav a.active{color:var(--color-accent);border-bottom:2px solid var(--color-accent);font-weight:600}.lang-switch{gap:4px;margin-left:auto;display:flex}.lang-switch button{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;font:inherit;border-radius:999px;padding:4px 12px;font-size:13px}.lang-switch button[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.app-main{max-width:1280px;margin:0 auto;padding:16px}.page-title{margin:8px 0 16px;font-size:22px}.page-header{flex-wrap:wrap;align-items:flex-end;gap:12px 24px;margin-bottom:12px;display:flex}.page-header .page-title{flex:100%;margin:0}.meta-list{flex-wrap:wrap;gap:8px 24px;margin:0;display:flex}.meta-list dt{color:var(--color-muted);font-size:12px}.meta-list dd{margin:0;font-weight:600}.breadcrumb{margin-bottom:8px;font-size:14px}.status-message{text-align:center;color:var(--color-muted);padding:24px}.status-message.error{color:var(--color-error)}.button-link{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:6px 12px;font-size:14px;text-decoration:none;display:inline-block}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px}.card h2{margin:0 0 4px;font-size:18px}.card p{margin:0 0 8px}.version-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.version-link{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);gap:2px;padding:8px 10px;text-decoration:none;display:grid}.version-link:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.version-name{font-weight:600}.scope-tabs{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.scope-tabs a{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:999px;padding:6px 12px;font-size:14px;text-decoration:none}.scope-tabs a.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.utility-note{margin:0 0 12px}.notice{background:var(--color-warn-bg);border:1px solid var(--color-warn-border);border-radius:var(--radius);margin-bottom:16px;padding:12px 16px}.notice h2{margin:0 0 6px;font-size:15px}.notice ul{margin:0;padding-left:18px}.notice-inline{color:var(--color-muted);margin:6px 0 0;font-size:13px}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:8px;display:flex}.filter-bar label{color:var(--color-muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.filter-bar label.checkbox{flex-direction:row;align-items:center;gap:6px;padding-bottom:8px}.filter-bar input,.filter-bar select,.license-search input{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);min-width:180px;padding:6px 10px}.content-grid{align-items:start;gap:16px;display:grid}.content-grid.has-detail{grid-template-columns:minmax(0,1fr) minmax(0,420px)}@media (width<=900px){.content-grid.has-detail{grid-template-columns:minmax(0,1fr)}}.table-scroll{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);max-height:70vh;overflow:auto}.component-table{border-collapse:collapse;width:100%;font-size:14px}.component-table th,.component-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;white-space:nowrap;padding:8px 10px}.component-table td:first-child{white-space:normal;min-width:180px}.component-table thead th{z-index:1;background:#eef1f6;position:sticky;top:0}.component-table tbody tr{cursor:pointer;height:44px}.component-table tbody tr:hover{background:var(--color-accent-soft)}.component-table tbody tr.selected{background:#d7e5fb}.component-table tbody tr:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.sort-button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;padding:0;font-weight:600}.detail-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-width:0;max-height:70vh;padding:16px;overflow:auto}.detail-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.detail-header h2{overflow-wrap:anywhere;margin:0 0 12px;font-size:17px}.detail-header button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);cursor:pointer;width:32px;height:32px;font-size:18px;line-height:1}.detail-list{gap:10px;margin:0;display:grid}.detail-list dt{color:var(--color-muted);font-size:12px}.detail-list dd{overflow-wrap:anywhere;margin:0}.detail-list ul{margin:0;padding-left:18px}.tag{background:var(--color-accent-soft);border-radius:999px;margin:0 6px 6px 0;padding:2px 8px;font-size:13px;display:inline-block}.detail-panel h3{margin:20px 0 8px;font-size:15px}.document h4{overflow-wrap:anywhere;margin:12px 0 6px;font-size:14px}.document-text{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--color-border);border-radius:var(--radius);background:#f7f8fa;max-height:320px;margin:0;padding:12px;font-size:12px;overflow:auto}.license-layout{grid-template-columns:minmax(200px,300px) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=800px){.license-layout{grid-template-columns:minmax(0,1fr)}}.license-list,.license-detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-width:0;padding:12px}.license-list ul{max-height:65vh;margin:8px 0 0;padding:0;list-style:none;overflow:auto}.license-item{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;gap:8px;padding:6px 8px;display:flex}.license-item:hover{background:var(--color-accent-soft)}.license-item.selected{background:#d7e5fb}.license-detail h2{margin:0 0 12px;font-size:17px}.license-detail .table-scroll{max-height:70vh}@media (width<=600px){.app-main{padding:12px 16px}.lang-switch{margin-left:0}.filter-bar input,.filter-bar select{width:100%;min-width:0}.filter-bar label{width:100%}}
