.tr{--tone-soft:color-mix(in srgb, var(--tone) 13%, #fff);grid-template-columns:minmax(0,1fr);grid-template-areas:"head""content""tools""preview""options";gap:20px;margin:8px 0 56px;display:grid}@media (width>=900px){.tr{grid-template:"head preview""content preview""tools preview""options preview"1fr/minmax(0,1fr) minmax(360px,500px);align-items:start;column-gap:28px}.tr-preview{top:calc(var(--head-h) + 12px);position:sticky}.tr-paper{max-height:calc(100svh - var(--head-h) - 215px);overscroll-behavior:contain;min-height:240px;overflow:auto}}.tr-head{grid-area:head}.tr-head h1{letter-spacing:-.01em;font-size:clamp(1.8rem,4.6vw,2.6rem)}.tr-head p{color:var(--ink-2);margin-top:10px;font-size:1.06rem}.tr-content{grid-area:content;grid-template-columns:minmax(0,1fr);gap:14px;padding:20px;display:grid}.tr-tools{grid-area:tools;grid-template-columns:minmax(0,1fr);gap:14px;padding:20px;display:grid}.tr-options{grid-area:options;padding:4px 20px 12px}.tr-preview{grid-area:preview;grid-template-columns:minmax(0,1fr);gap:12px;padding:18px;display:grid}.field small{color:var(--ink-3);font-weight:500}.tr-text{min-height:210px;font:1.02rem/1.5 var(--read)}.tr-note{color:var(--ink-3);font-size:.88rem}@media (width<=480px){.tr-options .opt:has(.seg){flex-direction:column;align-items:flex-start;gap:8px}}.tr-tools__title{font-size:1.15rem}.tr-tools>.tr-note{margin-top:-6px}.tr-keys{margin-top:-10px!important}.tr-tool{border-top:2px solid var(--surface-2);grid-template-columns:minmax(0,1fr);justify-items:start;gap:10px;padding-top:14px;display:grid}.tr-tool__row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.tr-tool__label{color:var(--ink-2);font-size:.88rem;font-weight:700}.tr-tool .field{width:100%}.tr-tool .seg button{min-width:36px}.tr-missing{color:#7a4100;font-size:.9rem;font-weight:600}.tr-missing:empty{display:none}.tr-show-all{justify-self:start;margin-left:-10px}.tr-preview__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.tr-preview__bar .seg button[aria-pressed=true]{color:var(--tone)}.tr-count{background:var(--tone);color:var(--on-tone);border-radius:999px;padding:4px 12px;font-size:.86rem;font-weight:700}.tr-count.is-zero{background:var(--surface-2);color:var(--ink-2)}.tr-count:empty{display:none}.tr-paper{border:2px solid var(--line);border-radius:var(--r-md);box-shadow:0 3px 0 var(--line);background:#fff;padding:22px 22px 26px}.tr-empty{border:2px dashed var(--line-strong);border-radius:var(--r-md);text-align:center;color:var(--ink-2);justify-items:center;gap:14px;padding:36px 12px;font-weight:600;display:grid}.tr-actions{flex-wrap:wrap;gap:10px;display:flex}.tr-actions .btn{flex:180px}@media (hover:none){.tr-keys{display:none}}.tr-saved{border-top:2px solid var(--surface-2);padding-top:12px}.tr-sheet{color:var(--ink);font-family:var(--read)}.tr-sheet[data-size=s]{font-size:15px}.tr-sheet[data-size=m]{font-size:17px}.tr-sheet[data-size=l]{font-size:20px}@media (width<=480px){.tr-paper{padding:16px 14px 20px}.tr-sheet[data-size=s]{font-size:14px}.tr-sheet[data-size=m]{font-size:16px}.tr-sheet[data-size=l]{font-size:18px}}.tr-sheet__who{font:600 .82em/1.4 var(--ui);flex-wrap:wrap;gap:.5em 1.4em;margin-bottom:1.3em;display:flex}.tr-sheet__who span{flex:9em;align-items:baseline;gap:.4em;display:flex}.tr-sheet__who span:last-child{flex:0 9em}.tr-sheet__who i{border-bottom:1.5px dotted;flex:1;min-width:3em}.tr-sheet__title{font:700 1.4em/1.2 var(--display);text-align:center;overflow-wrap:anywhere;margin-bottom:.7em}.tr-sheet__title small{font:700 .5em/1.3 var(--ui);vertical-align:.35em;text-transform:uppercase;letter-spacing:.06em;border:1.5px solid;border-radius:999px;margin-left:.5em;padding:.15em .6em;display:inline-block}.tr-sheet__title small.is-alone{margin-left:0}.tr-sheet__consigne{margin:0 0 .9em;font-weight:700}.tr-sheet__bank{border:1.5px dashed;border-radius:10px;margin:0 0 1.1em;padding:.5em .9em .6em}.tr-sheet__bank p{font:700 .72em/1.4 var(--ui);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:10px;margin:0 0 .3em;display:flex}.tr-sheet__bank ul{flex-wrap:wrap;gap:.2em 1.3em;margin:0;padding:0;list-style:none;display:flex}.tr-sheet__text{white-space:pre-wrap;overflow-wrap:break-word;line-height:2.05}.tr-sheet--corrige .tr-sheet__text{line-height:1.8}.tr-hole{width:var(--w);vertical-align:baseline;text-align:left;border-bottom:1.5px solid;max-width:100%;padding:0 0 .26em .12em;line-height:1;display:inline-block}.tr-nb{white-space:nowrap}.tr-answer{text-underline-offset:.18em;font-weight:800;text-decoration:underline .09em}.tr-mark{color:inherit;background:0 0;text-decoration:underline wavy}.tr-shuffle{color:var(--ink-3);font:600 1.15em/1.3 var(--ui);text-transform:none;letter-spacing:0;text-underline-offset:3px;background:0 0;border:0;border-radius:8px;margin-left:auto;padding:2px 8px;text-decoration:underline}.tr-shuffle:hover{background:var(--surface-2);color:var(--ink)}.tr-w{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:6px;transition:background-color .12s}.tr-w:hover{background:var(--tone-soft)}.tr-w:focus-visible{outline:3px solid var(--tone);outline-offset:1px;border-radius:6px}.tr-sheet--mots .tr-w.is-hidden{background:var(--tone);color:var(--on-tone);-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:0 -.1em;padding:.08em .22em}.tr-sheet--mots .tr-w.is-hidden:hover{background:var(--tone-deep)}.tr-sheet--eleve .tr-w.is-hidden .tr-hole{color:var(--tone);border-bottom-color:var(--ink)}.tr-sheet--eleve .tr-w.is-hidden:hover{background:var(--tone-soft)}.tr-sheet--corrige .tr-answer{color:var(--tone-deep)}.tr-print{display:none}@page{size:A4;margin:15mm 16mm 16mm}@media print{body[data-page=trous]{min-height:0;display:block;background:#fff!important}body[data-page=trous]>:not(.main){display:none!important}body[data-page=trous] .main{max-width:none;margin:0;padding:0}body[data-page=trous] .main>:not(.tr-print){display:none!important}.tr-print{display:block}.tr-print .tr-sheet{color:#000}.tr-print .tr-sheet[data-size=s]{font-size:12pt}.tr-print .tr-sheet[data-size=m]{font-size:14pt}.tr-print .tr-sheet[data-size=l]{font-size:17pt}.tr-print .tr-sheet__text{orphans:3;widows:3}.tr-print .tr-sheet__bank,.tr-print .tr-sheet__who{break-inside:avoid}.tr-print .tr-sheet__title{break-after:avoid}}
