/* Les mots envolés — papier, encre et mots à manipuler dans la charte Lily. */
.ct-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:30px;align-items:start}.ct-panel{min-width:0}.ct-story-heading .eyebrow{color:var(--teal);font-size:.72rem;line-height:1.7}.ct-story-heading h2{font-size:2rem;line-height:1.2;margin:12px 0}.ct-story-heading>p:last-child{color:var(--muted);font-size:.93rem;max-width:68ch;line-height:1.7}.ct-paper{background:#fffdf5;border:1px solid #e8e0c3;border-radius:14px;padding:25px 26px;margin:24px 0;box-shadow:0 5px 0 #f4f0e2;position:relative}.ct-story{font-size:1.2rem!important;line-height:2.8!important;letter-spacing:.005em;overflow-wrap:break-word}.ct-slot{display:inline-flex;gap:8px;align-items:center;justify-content:center;vertical-align:baseline;position:relative;min-width:96px;min-height:46px;max-width:100%;border:2px dashed #87a8b5;border-radius:9px;background:white;color:var(--ink);font:inherit;font-weight:850;line-height:1.25;padding:8px 10px;margin:4px 3px;cursor:pointer;transition:background .15s,border-color .15s}.ct-slot-number{font-size:.63rem;color:var(--muted);font-weight:800;align-self:flex-start}.ct-slot.is-active{background:#fff0a5;border:2px solid #ab8400;box-shadow:0 3px 0 #e8d98a}.ct-slot.is-over{background:#def1ed;outline:3px solid var(--teal);outline-offset:3px}.ct-slot-remove{font-size:1rem;font-weight:500;color:var(--muted)}.ct-slot.is-right{background:var(--success-bg);border-color:var(--success);border-style:solid}.ct-slot.is-wrong{background:var(--retry-bg);border-color:var(--retry);border-style:solid}.ct-slot:disabled{opacity:1;cursor:default}.ct-mark{font-size:.9rem;font-weight:900}.ct-bank-heading{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;align-items:baseline;margin-bottom:15px}.ct-bank-heading h3{font-family:var(--font-body);font-size:.95rem;letter-spacing:0}.ct-bank-heading>span{font-size:.8rem;color:var(--muted)}.ct-bank{display:flex;flex-wrap:wrap;gap:12px}.ct-word,.ct-drag-ghost{background:var(--pale);border:1px solid #99bfcc;border-bottom:3px solid var(--teal);color:var(--ink);font-family:var(--font-body);font-size:1.04rem;font-weight:850;line-height:1.3;min-height:48px;padding:12px 18px;border-radius:10px;cursor:grab;user-select:none;touch-action:none}.ct-word:hover:not(:disabled){background:#d5eef7}.ct-word:disabled{background:#f4f6f7;color:#7a858e;border-color:#dce4e8;opacity:.65;cursor:default}.ct-word.is-dragging{opacity:.35}.ct-drag-ghost{position:fixed;z-index:100000;pointer-events:none;box-shadow:0 8px 20px #082d4630;box-sizing:border-box;cursor:grabbing}.ct-placement-help{margin:16px 0 0;font-size:.83rem;color:var(--muted)}.ct-guide{background:var(--pale);border:1px solid #cfe3ea;border-radius:20px;padding:24px;text-align:center;position:sticky;top:105px}.ct-guide>.lp-lily{width:140px;max-width:100%;height:auto;margin:0 auto 18px;display:block}.ct-guide .eyebrow{font-size:.65rem;color:var(--teal);line-height:1.7}.ct-guide h3{font-size:1.4rem;margin:10px 0 14px}.ct-guide p:not(.eyebrow){font-size:.94rem;line-height:1.75}.ct-guide .lp-hint-button{text-align:center;margin-top:12px}.ct-guide [hidden]{display:none}.ct-guide #ct-hint{background:white;border-radius:10px;padding:14px;margin-top:12px;font-size:.9rem}.ct-keyboard{font-size:.76rem!important;color:var(--muted);line-height:1.6;margin-top:20px}.ct-explanations{margin:22px 0;border:1px solid var(--line);border-radius:12px;padding:15px 20px;background:white}.ct-explanations summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0;font-weight:900}.ct-explanations ol{padding-left:23px;margin:10px 0}.ct-explanations li{font-size:.95rem;line-height:1.75;margin:10px 0}.ct-result>.lp-lily{width:90px;margin-bottom:20px}.ct-recap{text-align:left;margin:24px 0}.ct-recap details{border:1px solid var(--line);background:white;border-radius:12px;margin:12px 0;padding:12px 18px}.ct-recap summary{cursor:pointer;line-height:1.6;min-height:44px;padding:9px 0}.ct-recap summary>span{font-size:.78rem;color:var(--teal);margin-left:12px}.ct-recap details>p{font-size:1rem;line-height:1.9;margin:10px 0}
@media(max-width:1050px){.ct-layout{grid-template-columns:minmax(0,1fr) 205px;gap:20px}.ct-guide{padding:20px 16px}.ct-paper{padding:22px 18px}.ct-story{font-size:1.1rem!important}}
@media(max-width:820px){.ct-layout{grid-template-columns:1fr}.ct-guide{position:static;display:flex;text-align:left;align-items:center;gap:20px}.ct-guide>.lp-lily{width:85px;flex:none;margin:0}.ct-guide h3{font-size:1.25rem}.ct-guide .lp-hint-button{text-align:left}}
@media(max-width:560px){.ct-story-heading h2{font-size:1.6rem}.ct-story-heading>p:last-child{font-size:.88rem}.ct-story-heading .eyebrow{font-size:.66rem}.ct-paper{padding:16px 12px;margin:20px 0}.ct-story{font-size:1.05rem!important;line-height:2.65!important}.ct-slot{min-width:79px;gap:5px;padding:8px;margin-inline:1px;font-size:1rem}.ct-bank{gap:9px}.ct-word{padding:11px 13px;font-size:1rem}.ct-bank-heading{gap:6px}.ct-guide{padding:18px 15px;gap:14px}.ct-guide>.lp-lily{width:66px}.ct-guide p:not(.eyebrow){font-size:.87rem}.ct-guide .eyebrow{font-size:.58rem}.ct-keyboard{font-size:.73rem!important}.ct-recap summary>span{display:block;margin-left:0}.ct-explanations{padding:12px 14px}.ct-explanations li{font-size:.88rem}}
@media(prefers-reduced-motion:reduce){.ct-slot,.ct-word{transition:none}}
@media(max-width:560px){.ct-panel{display:flex;flex-direction:column}.ct-panel>.lp-progress{order:0}.ct-story-heading{order:1}.ct-wallet{order:2;position:sticky;top:72px;z-index:4;background:white;padding:12px 0;border-bottom:1px solid var(--line)}.ct-panel>.ct-paper{order:3}.ct-panel>.lp-sr{order:4}.ct-panel>.lp-feedback{order:5}.ct-panel>.ct-explanations{order:6}.ct-panel>.lp-actions{order:7}.ct-panel>.ct-keyboard{order:8}.ct-story{line-height:2.2!important}.ct-wallet .ct-bank-heading{margin-bottom:9px}.ct-wallet .ct-placement-help{margin-top:10px;font-size:.75rem}.ct-wallet .ct-bank-heading>span{font-size:.72rem}.ct-wallet .ct-word{font-size:.92rem;padding:10px 12px;min-height:44px}}