:root{--navy:#0d1b3d;--blue:#1677ff;--orange:#ff8a00;--cream:#fafaf7;--line:#dce2ea}*{box-sizing:border-box}body{margin:0;background:var(--cream);font:16px Inter,Arial,sans-serif;color:var(--navy)}header,main,footer{max-width:1100px;margin:auto;padding-left:24px;padding-right:24px}header{height:76px;display:flex;align-items:center;gap:14px}.brand{display:block;width:244px;height:62px;overflow:hidden;flex:0 0 auto}.brand img{display:block;width:244px;height:auto;margin-top:-40px}.test,.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--blue)}main{padding-top:60px;min-height:calc(100vh - 135px)}h1{font:700 clamp(36px,6vw,68px)/.98 Georgia,serif;letter-spacing:-.04em;margin:12px 0 20px}.intro{max-width:560px;line-height:1.55;color:#43506b}form{margin-top:38px;max-width:780px}label{display:block;font-weight:700;margin-bottom:10px}.searchbar{background:white;border:1px solid var(--line);border-radius:18px;padding:8px;display:flex;box-shadow:0 8px 22px #0d1b3d12}.searchbar input{border:0;outline:0;font-size:17px;padding:13px;flex:1;background:transparent}.searchbar button{border:0;border-radius:12px;background:var(--blue);color:white;padding:0 24px;font-weight:bold;cursor:pointer}.options{display:flex;gap:14px;align-items:center;margin:12px 4px;color:#667085;font-size:14px}.options input{border:1px solid var(--line);border-radius:8px;padding:8px}#understood{margin-top:28px}.chip{display:inline-block;background:white;border:1px solid var(--line);padding:8px 10px;border-radius:18px;margin:0 8px 8px 0}.chip.must{border-color:var(--blue)}.chip.not{border-color:var(--orange)}#status{margin:26px 0;font-weight:700}article{display:grid;grid-template-columns:190px 1fr;gap:18px;background:white;border:1px solid var(--line);padding:14px;margin:12px 0;border-radius:16px}article img{width:190px;height:145px;border-radius:10px;object-fit:cover;background:#e4e7eb}article h2{font:700 21px Georgia,serif;margin:4px 0}article p{margin:6px 0;color:#52607a}article a{color:var(--blue);font-weight:700}footer{padding-top:20px;padding-bottom:30px;color:#667085;font-size:13px}@media(max-width:600px){header{height:66px}.brand{width:190px;height:52px}.brand img{width:190px;margin-top:-31px}main{padding-top:28px}.options{align-items:flex-start;flex-direction:column}.searchbar button{padding:0 15px}article{grid-template-columns:1fr}article img{width:100%;height:190px}}
