.format-lesson{max-width:850px;margin:auto;padding:24px;border:1px solid #d8e1e9;border-radius:12px;background:#fff;color:#344454}
.format-intro{margin:0 0 22px;font-size:16px;line-height:1.6;color:#536375}.format-counter{font-size:13px;color:#526479;margin:0 0 8px}.format-lesson h2{font-size:20px;line-height:1.5;margin:0 0 20px}.format-desk{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,1.35fr);gap:20px}
.format-file-list{display:flex;flex-direction:column;gap:10px}.format-file-list button{display:flex;align-items:center;gap:12px;padding:14px;text-align:left;border:1px solid #cbd6df;background:#fff;border-radius:8px;color:#344454;min-height:70px}.format-file-list button[aria-pressed=true]{border-color:#417453;background:#eef7f1;box-shadow:inset 0 0 0 1px #417453}.format-file-list button:disabled{opacity:1;color:#344454;cursor:default}.format-file-list .icon{width:28px;height:28px;flex:none}.format-file-list span{min-width:0;overflow-wrap:anywhere}.format-file-list small{display:block;margin-top:6px;color:#536375;font-size:12px;line-height:1.4}.file-suffix{color:#275f43;font-weight:700;background:#e6f1e9;border-radius:3px;padding:1px 3px}
.format-preview{min-width:0;min-height:220px;background:#f6f8fb;border:1px solid #dce4eb;border-radius:8px;padding:18px}.format-preview>small{font-size:12px;color:#59697b}.format-preview h3{margin:12px 0;font-size:17px;overflow-wrap:anywhere}.format-preview p{font-size:14px;line-height:1.6;color:#4f6174}.format-preview pre,.format-conversion-copy pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:15px;line-height:1.7;background:#fff;border:1px solid #dce4eb;border-radius:6px;padding:16px;margin:14px 0}.format-image-background{background:#c5dceb;border-radius:6px;padding:14px;text-align:center}.format-image-background img{display:block;width:180px;max-width:100%;height:auto;margin:auto}
.format-status{min-height:24px;margin:18px 0;font-size:15px;line-height:1.6;color:#345c43}.format-actions{display:flex;justify-content:flex-end;gap:10px}.format-actions .btn{min-height:46px}.format-reference{margin-top:24px;padding-top:18px;border-top:1px solid #dce4eb}.format-reference summary,.archive-alternatives summary{cursor:pointer;font-size:14px;line-height:1.6;color:#405a73}.format-reference-scroll{overflow-x:auto}.format-reference table{margin-top:16px;width:100%;border-collapse:collapse;font-size:14px;text-align:left}.format-reference th,.format-reference td{padding:12px 10px;border-bottom:1px solid #dce4eb;vertical-align:top;line-height:1.6}.format-reference th{width:34%}.format-reference th strong,.format-reference th span{display:block}.format-reference th span{font-weight:400;color:#536375;margin-top:4px}.format-reference>p{font-size:13px;line-height:1.6;color:#536375}
.format-original{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:18px;background:#eef7f1;border-radius:8px}.format-original .icon{height:32px;width:32px}.format-original p{margin:4px 0 0;font-size:13px;color:#4b6656}.format-conversion-copy{padding:18px;border:1px dashed #b7c5d3;border-radius:8px}.format-conversion-copy h2{margin:10px 0}.format-conversion-copy small{color:#536375}.format-conversion-copy form{display:flex;align-items:end;gap:14px}.format-conversion-copy .field{flex:1;margin:0}.format-conversion-copy button{flex:none;margin-bottom:0;min-height:44px}.format-convert-note{font-size:14px;line-height:1.7;color:#405a73}
.archive-explanation{display:flex;align-items:center;gap:24px;margin-bottom:22px}.archive-explanation h2{margin:0 0 10px}.archive-explanation p{margin:8px 0;font-size:15px;line-height:1.6}.archive-bundle{flex:none;width:115px;display:flex;align-items:center;flex-direction:column;color:#3c6b4d}.archive-bundle .icon{height:70px;width:70px;stroke-width:1.3}.archive-bundle strong{font-size:25px;margin-top:2px}.archive-bundle span{font-size:13px;margin-top:6px}.unpack-work{margin-top:24px}.archive-guide{background:#f1f6fb;border:1px solid #d9e3ee;border-radius:8px;padding:18px}.archive-guide h3,.archive-alternatives h3{font-size:17px;margin:0 0 12px}.archive-guide ol,.archive-alternatives ol{padding-left:23px;margin:0}.archive-guide li,.archive-alternatives li{font-size:14px;line-height:1.7;margin:9px 0}.archive-source{display:inline-block;margin-top:10px;font-size:12px;color:#365f88}.archive-alternatives{margin:14px 0}.archive-alternatives h3{margin-top:18px}.archive-alternatives p{font-size:14px;line-height:1.7}.unpack-goal{font-size:15px;line-height:1.7;margin-top:26px}.unpack-picker-hint{font-size:13px;line-height:1.7;color:#536375;margin:12px 0}.unpack-lesson .field{max-width:440px}.format-lesson .btn{max-width:100%;white-space:normal}
@media(max-width:600px){.format-lesson{padding:16px}.format-desk{grid-template-columns:1fr;gap:14px}.format-file-list{flex-direction:row;flex-wrap:wrap}.format-file-list button{flex:1;min-width:130px;padding:12px}.format-file-list .icon{width:22px;height:22px}.format-lesson h2{font-size:18px}.format-preview{min-height:0}.format-conversion-copy form{align-items:stretch;flex-direction:column}.archive-explanation{align-items:flex-start;gap:12px}.archive-bundle{width:65px}.archive-bundle .icon{width:52px;height:52px}.archive-bundle strong{font-size:20px}.archive-bundle span{font-size:11px}.archive-guide{padding:14px}.format-reference th,.format-reference td{font-size:13px;padding:10px 6px}}