:root{--navy:#0c3048;--teal:#087979;--blue:#245f9b;--pale:#eff7fa;--line:#b6cbd4}*{box-sizing:border-box}body{margin:0;color:var(--navy);background:#fff;font:1.25rem/1.55 Arial,Helvetica,sans-serif}header,main,footer{max-width:960px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:24px;border-bottom:3px solid #18b5b5}header img{width:78px;height:auto}header p{margin:0;font-size:1rem}h1{font-size:2.15rem;line-height:1.2;margin:12px 0 24px}h2{font-size:1.55rem;line-height:1.3;margin:32px 0 16px}h3{font-size:1.3rem;margin:0 0 12px}p{margin:12px 0}a{color:var(--blue);text-underline-offset:4px}button,.button{font:inherit;display:inline-block;border:2px solid var(--navy);border-radius:8px;padding:14px 22px;background:white;color:var(--navy);text-align:left;cursor:pointer;margin:8px 12px 8px 0;min-height:58px;text-decoration:none}.primary{background:var(--navy);color:white}.button:hover,button:hover{background:#e1f1f4;color:var(--navy)}a:focus,button:focus{outline:4px solid #b25100;outline-offset:4px}.intro{font-size:1.35rem;max-width:760px}.block{padding:20px 0;border-bottom:1px solid var(--line)}.hint{background:var(--pale);border-left:5px solid var(--teal);padding:16px 22px}.small{font-size:1rem}.links{list-style:none;padding:0}.links li{margin:20px 0}footer{font-size:1rem;border-top:1px solid var(--line);margin-top:36px}.activity{padding:40px 12px;border-bottom:2px solid var(--line);min-height:260px}.activity .time{font-size:1.5rem;font-weight:bold;color:var(--teal)}.feedback{min-height:3em;font-weight:bold}.choices{display:flex;flex-wrap:wrap}button[aria-pressed=true]{background:var(--navy);color:#fff}.success{padding:18px;border:3px solid var(--teal)}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:12px;z-index:10}.answer{padding:20px 0;border-top:1px solid var(--line)}[hidden]{display:none!important}@media(max-width:600px){header,main,footer{padding:18px}h1{font-size:1.8rem}header img{width:62px}.choices{display:block}button,.button{max-width:100%;margin-right:0}.choices button{display:block;width:100%}}@media print{button,.button,.skip{display:none}header img{width:45px}body{font-size:12pt}.activity{min-height:0;padding:12px;break-inside:avoid}.feedback:empty{display:none}header,main,footer{padding:8px}}

.activity{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:center}.activity img{width:280px;height:200px;object-fit:cover;border-radius:8px}@media(max-width:700px){.activity{display:block}.activity img{width:100%;height:220px;margin-bottom:18px}}