*{box-sizing:border-box}body{margin:0;background:#fbfaf7;color:#222;font:16px/1.55 system-ui}.hero{height:200px;position:relative;overflow:hidden}.heroart{position:absolute;inset:0;background:url("../img/bibelkursus-panorama-clean.jpg") center/cover}.hero:after{content:"";position:absolute;inset:0;background:#14212a55}.herotext{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;text-shadow:0 2px 12px #000}.herotext b{font:700 clamp(34px,5vw,62px) Georgia;letter-spacing:.1em}.herotext span{font:18px Georgia;margin-top:8px}nav{position:sticky;top:0;z-index:20;background:#173653}#menu{display:flex;justify-content:center}nav a{color:white;padding:15px 13px;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:700}#menub{display:none}main{max-width:1400px;margin:auto;padding:30px}.top{display:grid;grid-template-columns:1fr 400px;gap:35px;align-items:center}.over{color:#79591f;font-weight:800;letter-spacing:.08em}h1{font:700 clamp(30px,4vw,48px) Georgia;color:#18324a;margin:.2em 0}.lead{font-size:19px}.top aside,.search,.source{background:white;border:1px solid #e5ddd0;border-radius:12px;padding:22px;box-shadow:0 5px 20px #0000000c}.top aside h2,.search h2,.source h2{font:700 23px Georgia;color:#18324a;margin-top:0}.search{margin:28px 0}.search div{display:flex;gap:10px}.search input{flex:1;padding:14px;border:1px solid #ccc;border-radius:7px;font-size:16px}.search button{background:#173653;color:white;border:0;border-radius:7px;padding:0 25px}.search small{color:#777}.center{text-align:center;font:700 27px Georgia;color:#18324a}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cards a{background:linear-gradient(145deg,#fff,#f7f3ec);border:1px solid #e5ddd0;border-radius:10px;padding:20px;min-height:190px}.cards b{font-size:29px;color:#24506e}.cards h3{font:700 19px Georgia;color:#18324a}.cards p{font-size:14px}.source{margin-top:28px}.badges{display:flex;flex-wrap:wrap;gap:9px}.badges span{background:#f3efe8;border-radius:999px;padding:8px 11px;font-size:14px}.chip{position:relative;border:1px solid #d5c4a7;background:#f8f1e5;border-radius:999px;padding:8px 12px;font-weight:700;color:#684a16}.pop{display:none;position:absolute;left:0;bottom:calc(100% + 10px);width:360px;background:white;color:#222;border:1px solid #ddd;border-radius:9px;padding:14px;text-align:left;box-shadow:0 10px 30px #0003;font-weight:400}.pop strong,.pop em,.pop small{display:block}.pop em{font-size:11px;color:#87631f;margin:4px 0}.pop small{margin-top:7px;color:#58636c}.chip:hover .pop,.chip:focus .pop,.chip.open .pop{display:block}footer{background:#10283e;color:white;padding:28px;display:flex;justify-content:center;gap:20px}footer span{opacity:.8}@media(max-width:1050px){.cards{grid-template-columns:repeat(3,1fr)}.top{grid-template-columns:1fr 330px}}@media(max-width:780px){.hero{height:180px}.top{grid-template-columns:1fr}main{padding:20px 16px}.cards{grid-template-columns:repeat(2,1fr)}#menub{display:block;margin:8px 12px;background:none;color:white;border:1px solid #ffffff55;border-radius:6px;padding:7px 10px}#menu{display:none;flex-direction:column}#menu.open{display:flex}.search div{flex-direction:column}.search button{padding:13px}.pop{position:fixed;left:16px;right:16px;bottom:16px;width:auto}}@media(max-width:480px){.hero{height:160px}.herotext span{font-size:14px}.cards{grid-template-columns:1fr}.badges{display:grid}.badges span{border-radius:7px}}