:root{--navy:#0c2340;--red:#bd1f2d;--gray:#c1c6c8;--ink:#25364a}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font:16px/1.6 Tahoma,Arial,sans-serif}header{background:var(--navy);border-bottom:5px solid var(--red);color:white}.mast{max-width:1240px;margin:auto;padding:25px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px}.mast img{width:240px;max-width:45%}.mast div{font-size:16px;text-align:right}.mast span{color:#d8dfe7;font-size:14px}main{max-width:1240px;padding:35px 32px;margin:auto}.intro{border-left:4px solid var(--red);padding-left:24px;margin-bottom:28px}.eyebrow{font-size:14px;font-weight:bold;letter-spacing:.1em;color:var(--red);margin:0 0 10px}h1,h2,h3{font-family:Georgia,serif;color:var(--navy);line-height:1.18}h1{font-size:clamp(30px,3.5vw,43px);margin:0}h1 br{display:none}.intro p:last-child{margin:12px 0 0}nav{display:flex;border-bottom:1px solid var(--gray);gap:6px;margin-bottom:25px}button{font:inherit;cursor:pointer;border:0;border-radius:2px;padding:11px 20px;background:var(--red);color:#fff}button:hover{background:#961725}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #147fb2;outline-offset:4px}nav button{background:#eef1f4;color:var(--navy);border-bottom:4px solid transparent;padding:15px 22px}nav button.selected{background:var(--navy);color:white;border-bottom-color:var(--red)}nav button:hover{background:#dce3eb;color:var(--navy)}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.heading h2{font-size:27px;margin:5px 0}.meta{font-size:14px;color:#566579}.counter{font-size:14px;background:#edf1f5;padding:6px 12px;white-space:nowrap}.exercise{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:start;margin-top:18px}.visual{background:#f1f3f5;border:1px solid #d9dfe5;padding:22px;min-height:350px;display:flex;align-items:center;justify-content:center}.visual img{max-width:100%;max-height:440px;object-fit:contain;box-shadow:0 5px 20px #0c234012}.visual.product img{box-shadow:none}.caption{font-size:14px;margin:8px 0;color:#566579}.caption a,a{color:#0e71a3;text-underline-offset:3px}.prompt{margin-top:0}label[for=answer]{display:block;font-weight:bold;margin-bottom:8px}textarea{font:inherit;width:100%;min-height:140px;padding:14px;border:1px solid #8593a3;border-radius:2px;resize:vertical}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.secondary{background:#edf1f5;color:var(--navy)}.secondary:hover{background:#d4dfe9}.feedback{margin-top:20px;padding:18px;background:#edf1f5;border-left:4px solid var(--navy)}.feedback h3{font-size:20px;margin:0 0 8px}.feedback p{margin:8px 0}.feedback ul{padding-left:20px;margin:8px 0}.feedback .found{color:#195d39}.feedback .missing{color:#962030}.feedback.correct{border-color:#20623f;background:#eef6f1}.feedback p small{font-size:14px}.move{display:flex;justify-content:space-between;border-top:1px solid #d9dfe5;margin-top:28px;padding-top:20px}.move button:disabled{opacity:.45;cursor:default}fieldset{border:0;border-top:1px solid #d9dfe5;padding:12px 0;margin:0}legend{font-weight:bold;padding:0 8px 0 0}fieldset label{display:inline-flex;align-items:center;gap:8px;margin:5px 17px 5px 0}input[type=radio]{accent-color:var(--red);width:18px;height:18px}.note{padding:12px 16px;background:#f1f3f5;border-left:3px solid var(--red);font-size:14px;margin-bottom:20px}.reference{border-top:2px solid var(--navy);margin-top:40px;padding:18px 0}summary{cursor:pointer;color:var(--navy);font-weight:bold}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}h3{font-size:22px}.reference p{margin-top:0}footer{border-top:1px solid #d9dfe5;padding-top:20px;font-size:14px;color:#566579}.skip{position:absolute;left:16px;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}@media(max-width:760px){main{padding:24px 18px}.mast{padding:20px 18px}.mast div{font-size:14px}.mast span{display:none}h1 br{display:block}nav button{padding:12px;font-size:14px;flex:1}.exercise,.reference-grid{grid-template-columns:1fr;gap:20px}.visual{min-height:0;padding:14px}.heading{align-items:flex-start}.counter{white-space:normal;max-width:125px}.heading h2{font-size:24px}.move{gap:10px}.visual img{max-height:360px}}

.abbreviation-tables{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:20px 0}.abbreviation-tables table{width:100%;border-collapse:collapse;text-align:left;font-size:16px}.abbreviation-tables thead{background:var(--navy);color:white}.abbreviation-tables th,.abbreviation-tables td{padding:9px 12px;border-bottom:1px solid #d9dfe5;vertical-align:top}.abbreviation-tables tbody th{color:var(--navy);font-weight:bold;width:40%}.abbreviation-tables tbody tr:nth-child(even){background:#f1f3f5}@media(max-width:760px){.abbreviation-tables{grid-template-columns:1fr;gap:20px}}

.abbreviation-exercise{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;margin:24px 0}.abbreviation-display{display:flex;align-items:center;justify-content:center;background:#f1f3f5;border-top:4px solid var(--red);min-height:260px;padding:25px;font:700 clamp(38px,6vw,68px)/1.3 Georgia,serif;color:var(--navy);overflow-wrap:anywhere}.abbreviation-options{display:grid;gap:12px;align-content:start}.abbreviation-option{display:flex;align-items:center;gap:18px;text-align:left;background:white;color:var(--navy);border:1px solid #8593a3;padding:15px 18px}.abbreviation-option span{background:#edf1f5;min-width:30px;text-align:center;font-weight:bold}.abbreviation-option:hover{background:#edf1f5}.abbreviation-option:disabled{cursor:default;opacity:1}.abbreviation-option.right-option{border:2px solid #20623f;background:#eef6f1}.abbreviation-option.wrong-option{border:2px solid var(--red);background:#fff1f2}@media(max-width:760px){nav{flex-wrap:wrap}nav button{flex:1 1 160px}.abbreviation-exercise{grid-template-columns:1fr;gap:20px}.abbreviation-display{min-height:150px}}