.h5p-ornithology-basics{font-family:Arial,Helvetica,sans-serif;color:#1a2730}.h5p-ornithology-basics *{box-sizing:border-box}.ob-wrap{max-width:1050px;margin:0 auto;padding:18px;background:#f5f8fb;line-height:1.5}.ob-hero{padding:30px;border:1px solid #d8e6df;border-radius:20px;background:linear-gradient(135deg,#eef9f1,#eef6ff 62%,#fff9e9);box-shadow:0 4px 16px rgba(20,45,70,.06);margin-bottom:20px}.ob-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;color:#21734a}.ob-hero h1{font-size:30px;line-height:1.2;margin:6px 0 8px}.ob-hero p{margin:0 0 12px;color:#53616b}.ob-badge{display:inline-block;padding:7px 11px;border-radius:999px;background:rgba(33,115,74,.1);color:#21734a;font-weight:700;font-size:13px}.ob-card{background:#fff;border:1px solid #dfe7ec;border-radius:18px;padding:22px;margin:18px 0;box-shadow:0 3px 12px rgba(28,46,64,.05)}.ob-card-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.ob-card-head h2{margin:0;font-size:22px}.ob-num{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;background:#28794c;color:#fff;font-weight:800;flex:0 0 auto}.ob-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:15px}.ob-image-choice{position:relative;border:3px solid transparent;border-radius:14px;background:#f9fbfc;padding:8px;cursor:pointer;box-shadow:inset 0 0 0 1px #dce5e9;transition:.18s}.ob-image-choice:hover{transform:translateY(-1px);box-shadow:0 5px 13px rgba(22,42,60,.08)}.ob-image-choice input{position:absolute;opacity:0;pointer-events:none}.ob-image-choice img{display:block;width:100%;height:190px;object-fit:cover;border-radius:10px}.ob-image-num{position:absolute;top:15px;left:15px;background:#fff;color:#172b22;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 2px 6px rgba(0,0,0,.18);z-index:2}.ob-choice-mark{display:block;text-align:center;margin-top:7px;font-weight:800;color:#52616b}.ob-image-choice.selected{border-color:#367d59;background:#eff9f3}.ob-image-choice.correct{border-color:#2e9a5d;background:#eefaf3}.ob-image-choice.wrong{border-color:#d46565;background:#fff1f1}.ob-image-choice.missed{border-color:#d39b35;background:#fff8e8}.ob-beaks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.ob-beak{padding:13px;border:1px solid #dce5e9;border-radius:14px;background:#fafcfd}.ob-beak-img{position:relative;background:#fff;border-radius:10px;overflow:hidden}.ob-beak-img img{display:block;width:100%;height:210px;object-fit:contain;background:#f3f5f6}.ob-beak-img span{position:absolute;top:8px;left:8px;width:30px;height:30px;border-radius:50%;background:#1d6f47;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;z-index:2}.ob-beak select{width:100%;margin-top:10px;padding:10px;border:1px solid #b9c7c0;border-radius:9px;font:inherit;background:#fff}.ob-beak.correct{border-color:#55a879;background:#f1faf5}.ob-beak.wrong{border-color:#d57878;background:#fff5f5}.ob-mini{min-height:18px;margin-top:6px;font-size:12px;font-weight:700}.ob-mini.good{color:#1f743f}.ob-mini.bad{color:#a83b3b}.ob-tf{display:grid;gap:12px;margin-top:14px}.ob-tf-row{padding:14px;border:1px solid #e0e6ea;border-radius:12px;background:#fafcfd}.ob-tf-row.correct{border-color:#59a476;background:#f2fbf5}.ob-tf-row.wrong{border-color:#d07878;background:#fff6f6}.ob-statement{display:flex;gap:10px;align-items:flex-start;font-weight:700}.ob-statement span{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:7px;background:#e6f2ea;color:#27633e;flex:0 0 auto}.ob-options{display:flex;gap:20px;margin:10px 0 0 38px;flex-wrap:wrap}.ob-options label{cursor:pointer}.ob-check,.ob-final,.ob-reset{border:0;border-radius:10px;padding:10px 16px;font-weight:800;cursor:pointer;margin-top:13px}.ob-check,.ob-final{background:#28794c;color:#fff}.ob-check:hover,.ob-final:hover{background:#21623f}.ob-reset{background:#e8edeb;color:#27342d}.ob-feedback{min-height:24px;margin-top:11px;font-weight:800}.ob-feedback.good{color:#1e743e}.ob-feedback.mid{color:#8a6300}.ob-feedback.bad{color:#aa3d3d}.ob-summary{margin-top:22px;padding:25px;border-radius:19px;background:#173b2a;color:#fff;text-align:center}.ob-summary h2{margin-top:0}.ob-score{width:164px;height:164px;margin:18px auto;border:10px solid rgba(255,255,255,.2);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ob-percent{font-size:34px}.ob-raw{font-size:14px;opacity:.85}.ob-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.ob-summary .ob-final{background:#fff;color:#173b2a}.ob-summary .ob-reset{background:rgba(255,255,255,.16);color:#fff}@media(max-width:760px){.ob-wrap{padding:10px}.ob-hero{padding:20px}.ob-hero h1{font-size:24px}.ob-card{padding:15px}.ob-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-beaks{grid-template-columns:1fr}.ob-image-choice img{height:160px}.ob-options{margin-left:0}}@media(max-width:480px){.ob-image-grid{grid-template-columns:1fr}.ob-image-choice img{height:220px}}