:root{color-scheme:light;--bg: #f6f7fb;--panel: #ffffff;--text: #101828;--muted: #667085;--border: #d0d5dd;--shadow: 0 12px 30px rgba(16, 24, 40, .08);--safe-bg: #e8f7ee;--safe-border: #8fcea8;--warning-bg: #fff7db;--warning-border: #f6cf64;--danger-bg: #ffe3e3;--danger-border: #f0a3a3}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}#app{min-height:100vh;display:grid;place-items:center;padding:24px}.page{width:min(820px,100%)}.header{margin-bottom:18px}.title{margin:0;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.04em}.updated{margin:10px 0 0;color:var(--muted);font-size:.95rem}.list{display:grid;gap:12px}.item{border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.item.safe{background:var(--safe-bg);border-color:var(--safe-border)}.item.warning{background:var(--warning-bg);border-color:var(--warning-border)}.item.danger{background:var(--danger-bg);border-color:var(--danger-border)}.item-summary{width:100%;padding:18px 20px;color:var(--text);text-align:left;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none}.item-summary::-webkit-details-marker{display:none}.item-summary:after{content:"▾";flex:0 0 auto;color:var(--muted);font-size:1rem;transition:transform .18s ease}.item[open] .item-summary:after{content:"▴"}.item-label{flex:1;min-width:0}.item-grade{flex:0 0 auto;font-size:1.15rem;line-height:1}.item-body{padding:0 20px 18px;display:grid;gap:8px}.section-heading{margin:10px 0 0;font-weight:700;letter-spacing:-.01em}.section-text{margin:0;color:var(--text);line-height:1.7}.footer-actions{margin-top:18px;display:flex;justify-content:center}.criteria-button{border:1px solid var(--border);border-radius:999px;padding:12px 18px;background:var(--panel);color:var(--text);cursor:pointer;box-shadow:var(--shadow)}.modal{border:0;padding:0;background:transparent;width:min(560px,calc(100vw - 32px))}.modal::backdrop{background:#10182873}.modal-card{background:var(--panel);border-radius:24px;border:1px solid var(--border);box-shadow:0 24px 60px #1018282e;padding:24px}.modal-card h2{margin:0 0 12px;font-size:1.2rem}.modal-card p{margin:0;line-height:1.7;color:var(--text)}.modal-actions{margin-top:18px;display:flex;justify-content:flex-end}
