.greek-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.greek-tabs{display:flex;gap:10px;flex-wrap:wrap}.greek-tabs button.active,.greek-word-picker button.active{background:var(--navy);border-color:var(--navy);color:var(--paper)}#greek-progress{font-size:.95rem;color:var(--navy);font-weight:700}.greek-letter-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;align-items:start}.greek-alphabet p,.greek-trace p{margin-top:12px}.greek-alphabet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:20px}.greek-alphabet-grid button{background:#f7ecd7;border:1px solid var(--border);border-radius:7px;padding:10px 4px;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:87px}.greek-alphabet-grid button.active{border:2px solid var(--navy);background:#eaf0ea;padding:9px 3px}.greek-alphabet-grid button>span:first-child{font-size:1.8rem;line-height:1.4;font-family:Arial,sans-serif}.greek-alphabet-grid button small{font-size:1.1rem}.greek-alphabet-grid button>span:nth-child(2){font-size:.875rem}.greek-alphabet-grid .letter-done{font-size:.75rem;color:var(--success);font-weight:700}.greek-letter-heading{display:flex;justify-content:space-between;align-items:center}.greek-letter-heading h3{font-size:1.6rem;margin:0}.greek-letter-heading>span{font-size:4rem;line-height:1;color:var(--navy);font-family:Arial,sans-serif}.greek-reading{font-size:.95rem;color:var(--muted)}.greek-trace-help{font-weight:700}#greek-canvas{display:block;width:100%;height:auto;aspect-ratio:600/340;background:#fffdf7;border:2px solid #b79b70;border-radius:8px;margin-top:14px;touch-action:none;cursor:crosshair}.greek-trace .button-row>button{flex:1 1 160px}#greek-canvas-message,#greek-letter-result,#greek-name-feedback{font-size:.95rem;color:var(--navy);overflow-wrap:anywhere}.greek-word-picker{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}.greek-word-model{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#f5ead3;border-left:4px solid var(--terracotta);padding:18px;border-radius:0 8px 8px 0;margin-bottom:18px}.greek-capital{display:block;font:700 clamp(1.6rem,4vw,2.4rem) Arial,sans-serif;letter-spacing:.06em;color:var(--navy);overflow-wrap:anywhere}.greek-small-model{display:block;font-size:1.25rem;margin-top:9px}.greek-word-model p{font-size:.95rem;margin-top:7px}.greek-word-card label,.greek-name-card label{display:block;margin:20px 0 8px;font-weight:700}.greek-input,#greek-latin-name{display:block;width:100%;padding:14px;border:1px solid #bfa782;border-radius:8px;background:#fffefb;color:var(--ink);font:inherit}.greek-input{font:1.5rem Arial,sans-serif;letter-spacing:.055em}.greek-word-card>p,.greek-name-card>p{margin-top:14px}.greek-keyboard{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:18px}.greek-keyboard button{border:1px solid #bea67e;background:#f5ead3;color:var(--navy);border-radius:7px;padding:8px 3px;min-height:66px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.greek-keyboard button:hover{background:#e7d1a8;border-color:#987445}.greek-keyboard span{font:1.7rem Arial,sans-serif}.greek-keyboard small{font-size:.875rem}.greek-keyboard .greek-space,.greek-keyboard .greek-backspace{grid-column:span 4;font-size:1rem;min-height:44px}.greek-signature{background:#f5e6c8;border:1px solid #c0a578;border-radius:8px;margin-top:22px;padding:20px;text-align:center}.greek-signature>span{display:block;color:var(--muted);font-size:.875rem}.greek-signature output{display:block;font:700 clamp(1.6rem,4vw,2.4rem) Arial,sans-serif;color:var(--navy);overflow-wrap:anywhere;margin-top:9px}.greek-bottom{margin-top:24px}.greek-bottom summary{cursor:pointer;font-weight:700;color:var(--blue)}.greek-bottom details p{margin-top:14px}.greek-sheet-alphabet{display:grid;grid-template-columns:repeat(4,1fr);gap:10pt}.greek-sheet-alphabet>div{border:1px solid #bba880;padding:8pt;text-align:center;break-inside:avoid}.greek-sheet-alphabet span{display:block;font-size:11pt}.greek-sheet-alphabet strong{display:block;font-size:22pt}.greek-sheet-words{width:100%;border-collapse:collapse;margin-top:12pt}.greek-sheet-words th,.greek-sheet-words td{border:1px solid #bba880;padding:8pt;text-align:left;overflow-wrap:anywhere}.greek-sheet-words tr{break-inside:avoid}.greek-sheet-traces{display:grid;grid-template-columns:1fr 1fr;gap:15pt}.greek-sheet-trace{break-inside:avoid}.greek-sheet-trace svg{width:100%;height:auto;border:1px solid #bba880}@media(max-width:1050px){.greek-letter-layout{gap:18px;grid-template-columns:1fr 1fr}.greek-alphabet,.greek-trace{padding:20px}.greek-keyboard{grid-template-columns:repeat(6,minmax(0,1fr))}.greek-keyboard .greek-space,.greek-keyboard .greek-backspace{grid-column:span 3}}@media(max-width:760px){.greek-letter-layout{display:flex;flex-direction:column}.greek-alphabet,.greek-trace{width:100%;padding:18px}.greek-trace{order:0}.greek-alphabet{order:1}.greek-toolbar{display:block}.greek-tabs button{flex:1 1 130px}#greek-progress{margin-top:14px}.greek-word-card,.greek-name-card{padding:18px}.greek-word-model{display:block;padding:14px}.greek-word-model>button{margin-top:12px}.greek-word-picker button{flex:1 1 130px}.greek-keyboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.greek-keyboard .greek-space,.greek-keyboard .greek-backspace{grid-column:span 2}.greek-letter-heading>span{font-size:3.4rem}.greek-word-card .button-row>button{flex:1 1 160px}.greek-bottom{padding:18px}}@media print{.greek-sheet-trace,.greek-sheet-alphabet>div{break-inside:avoid}#print-notebook h2{font-size:18pt;margin-top:22pt}}
/* L’atelier : aquarelle hors du texte et outils de comparaison. */
.greek-intro{display:flex;gap:24px;align-items:center;justify-content:space-between;padding-block:12px}.greek-intro>div{flex:1;min-width:0}.greek-intro h2{margin-block:5px 10px}.greek-writing-art{display:block;width:250px;max-width:28%;height:auto;flex-shrink:0}.greek-trace{border-top:4px solid var(--terracotta)}.greek-word-card,.greek-name-card{border-top:4px solid var(--gold)}.greek-alphabet-grid button:hover{border-color:var(--terracotta);background:#f0ddba}.greek-keyboard button:active{background:#d5bd91}.greek-input[aria-invalid=true]{border:2px solid #914b35}.greek-word-comparison{display:grid;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid #d4b48b}.greek-word-comparison>div{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.greek-word-comparison strong{font-size:.875rem;min-width:82px}.greek-letter-sequence{display:flex;flex-wrap:wrap;gap:5px}.greek-letter-sequence>span{display:grid;place-items:center;min-width:32px;min-height:38px;padding:4px;font:1.35rem Arial,sans-serif;border:1px solid #b69c78;border-radius:4px;background:#fffefb;color:var(--ink)}.greek-letter-sequence>.different-letter{background:#f1dbc2;border:2px solid #914b35;font-weight:700}.notebook-greek-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;border-block:1px solid var(--border);padding:18px 0;margin-top:20px}.notebook-greek-summary p{color:var(--navy)}.greek-trace #greek-letter-model{background:#f2e6cd;border:1px solid #cbb58f;border-radius:6px;padding:8px 15px}.greek-bottom details{margin-top:16px}@media(max-width:760px){.greek-intro{gap:14px}.greek-writing-art{width:130px;max-width:27%}.greek-intro h2{font-size:1.6rem}.notebook-greek-summary{display:block}.notebook-greek-summary button{margin-top:12px}.greek-word-comparison>div{display:block}.greek-letter-sequence{margin-top:6px}}@media(max-width:440px){.greek-writing-art{display:none}.greek-intro{padding:16px}.greek-intro h2{font-size:1.7rem}}@media print{.greek-writing-art{display:none}}