.fu-line{margin:14px 0}.fu-line>p{font-size:17px;margin:0 0 6px}.fu-bits{display:flex;align-items:center;gap:6px}.fu-bit{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:65px;flex-shrink:0;border:1px solid #c7d7ce;background:#f1f6f0;border-radius:6px;font:600 28px ui-monospace,monospace}.fu-bit small{font:12px system-ui;color:#5b7169}.fu-focus{border:2px solid #aa802e;background:#fcf3db}.fu-point{font-size:30px;align-self:end}.fu-state{border-left:3px solid #317565;padding-left:12px;font-size:19px;line-height:1.6}.fu-history{font-size:17px;line-height:1.6;padding-left:25px;margin:8px 0}.fu-help{font-size:16px;line-height:1.65}.fu-board[data-phase=pending] .fu-result{opacity:.75}.fu-board button{margin-top:8px}.followup-optional{padding:10px 0;font-size:17px}
body[data-followup-lesson] .screen:has(.fu-board){align-items:start}
body[data-followup-lesson] .table-wrap{max-width:100%;overflow-x:auto}
@media(max-width:700px){.fu-bits{gap:3px}.fu-bit{width:32px;height:51px;font-size:23px}.fu-bit small{font-size:10px}.fu-line>p,.fu-history{font-size:15px}.fu-state{font-size:17px}.fu-help{font-size:14px}.fu-point{font-size:22px}}
@media(max-width:360px){.fu-bit{width:27px}.fu-bits{gap:2px}}
@media print{.fu-board button,.fu-help{display:none}.fu-history{font-size:12px}.fu-bit{width:30px;height:40px;font-size:18px}.fu-line{break-inside:avoid}}

body[data-followup-lesson] .fu-board{display:block;min-height:0}
body[data-followup-lesson] .fu-board .fu-line{margin:12px 0}
body[data-followup-lesson] .fu-board .fu-line>p{margin:0 0 5px}
body[data-followup-lesson] .fu-board h2{margin-bottom:18px}
body[data-followup-lesson] .fu-history:empty{display:none}
body[data-followup-lesson] .worked-solution td:last-child{white-space:normal;font-family:inherit}
body[data-followup-lesson] .worked-solution table{min-width:0}
@media(min-width:1100px) and (max-height:850px){body[data-followup-lesson] .fu-bit{height:53px}body[data-followup-lesson] .fu-board{padding:16px 22px}body[data-followup-lesson] .fu-board h2{margin-bottom:10px}body[data-followup-lesson] .fu-board .fu-line{margin:9px 0}body[data-followup-lesson] .fu-state{margin:12px 0;font-size:18px}body[data-followup-lesson] .fu-history{font-size:17px;line-height:1.5}body[data-followup-lesson] .formula .fu-help{font-size:14px}}

@media(min-width:1100px) and (max-height:850px){body[data-followup-lesson] .table-wrap td,body[data-followup-lesson] .table-wrap th{padding-top:6px;padding-bottom:6px}body[data-followup-lesson] .screen:has(.fu-board){grid-template-columns:minmax(0,1.3fr) minmax(360px,1fr)}}

body[data-followup-lesson] #stage .question{display:block}body[data-followup-lesson] .fu-student{border-top:1px solid #d3ded4;margin:10px 0;padding:8px 0;font-size:16px}body[data-followup-lesson] .fu-student summary{cursor:pointer;min-height:30px;color:#456b5b}body[data-followup-lesson] .fu-student .reason-label{display:block;margin-top:10px}body[data-followup-lesson] .fu-student .hint{margin-top:8px}

.fu-bit.fu-current{outline:3px solid #196c9a;outline-offset:2px}.fu-result .fu-wait{border-style:dashed;background:#fff;color:#718078}.fu-result .fu-done{background:#e3f1e9}.fu-summary{border-top:1px solid #c7d7ce;padding-top:8px;font-size:17px;line-height:1.5}.fu-summary[hidden]{display:none}
