[hidden]{display:none!important}main{padding:38px 0 60px}h1{font-size:38px;line-height:1.3}.intro{margin:16px 0;color:#64735f}.controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#fff1da;padding:18px;border-radius:18px;margin:25px 0 12px}.controls select{padding:12px;font:18px Jua;border:1px solid #d8d7c3;border-radius:12px;max-width:100%}.check{display:flex;align-items:center;gap:8px;min-height:44px}.check input{width:21px;height:21px}.controls a{margin-left:auto;color:#376244}#summary{margin:16px 0}.page-card{background:#fffefa;border:1px solid #e2dfce;border-radius:22px;padding:22px;margin-bottom:25px;overflow:hidden}.page-card h2{font-size:25px;margin-bottom:16px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.comparison figure{margin:0;min-width:0}.comparison figcaption{font:16px Jua;margin-bottom:8px;color:#5c7250}.scene-frame{position:relative;overflow:hidden;border-radius:13px;background:#f0eedf}.scene-frame>img{position:absolute;height:auto;width:100%;display:block}.placed,.target{position:absolute;display:block;pointer-events:none}.placed{z-index:2}.placed img{width:100%;height:100%;object-fit:contain}.target{border:2px dashed #b67522;background:#fff4b72b;border-radius:14px;z-index:3}.target span{background:#fff6dc;padding:3px 6px;border-radius:5px;font-size:11px}.no-targets .target{display:none}.copy{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.copy p{white-space:pre-line;line-height:1.8;color:#4c6148}.copy h3{font:17px Jua;margin:13px 0 6px}.question{background:#fff2d8;border-radius:15px;padding:16px}.options{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.option{display:flex;flex-direction:column;align-items:center;border:2px solid #ddd7c7;border-radius:13px;background:#fffef8;width:108px;padding:8px;text-align:center;font-size:14px}.option img{width:78px;height:70px;object-fit:contain}.option.correct{border-color:#78a35e;background:#f2ffe9}.links{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px}.links a{padding:12px 0;color:#366342}.note{font-size:13px;color:#7b795f;margin-top:8px}@media(max-width:700px){h1{font-size:29px}.page-card{padding:14px}.comparison,.copy{grid-template-columns:1fr}.controls{gap:10px}.controls a{margin-left:0}.option{width:88px}.option img{width:65px;height:62px}.copy{gap:8px}}

main{max-width:1440px;padding:38px 5% 60px}