body { font-family: "Comfortaa", sans-serif; max-width:1300px; margin:40px auto; padding:0 20px; background:#f5f5f5; font-size: 14px; }
h1 { margin-bottom:5px; }
h2 { color: #003f85; font-size: 24px; }
.subtitle { color:#666; margin-bottom:30px; }
.form, .section{ background:white; padding:25px; border-radius:10px; margin-bottom:20px; }
input[type="url"]{ width:70%; padding:12px; border:1px solid #ccc; border-radius:5px; font-size:16px; }
button { padding:12px 20px; border:0; border-radius:5px; cursor:pointer; font-size:16px; }

.error-box { background:#ffe5e5; border:1px solid #ffaaaa; padding:15px; border-radius:8px; margin-bottom:20px; }
.error { background:#ffdcdc;    color:#8b0000;}

.check { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; border-bottom:1px solid #eee; padding:12px 0; gap:20px; }
.check:last-child { border-bottom:0; }

.explain { flex-basis:100%; font-size:13px; color:#555; background:#f9f9f9; border-left:3px solid #ccc; border-radius:4px; padding:8px 12px; line-height:1.5; }
.explain-warning { border-left-color:#e0a800; }
.explain-error { border-left-color:#c0392b; }

.score-box { display:inline-block; padding:15px 25px; border-radius:10px; margin-bottom:15px; text-align:center; float: right; }
.score-value { font-size:32px; font-weight:bold; line-height:1.2; }
.score-label { font-size:13px; color:#666; }
.score-ok { background:#d9f7df; }
.score-ok .score-value { color:#176b2c; }
.score-warning { background:#fff1c7;}
.score-warning .score-value { color:#765b00; }
.score-error { background:#ffdcdc;}
.score-error .score-value { color:#8b0000; }

.value { color:#666; text-align:right; word-break:break-word; }
.badge { display:inline-block; padding:4px 8px; border-radius:5px; font-size:11px; font-weight:bold; margin-left:10px; }
.ok { background:#d9f7df; color:#176b2c; }
.warning { background:#fff1c7; color:#765b00; }

.info { color:#777; font-size:13px; }
.small { font-size:12px; color:#777; }
.schema-detail { margin-top:15px; padding-top:10px; }

.but-pdf { background: #c10017; color: #ffffff; position: fixed; top: 0; right: 0; }
.but-ctrl { background: #f2a700; color: #ffffff; border-radius: 25px; float: right; }

.popis { color: #f2a700; }