/* The letter sheet is the signature: familiar ruled writing paper, typed not traced. */
#wg-content .fw-letter-sheet {background:#f7fbff;border:1px solid #9bbbd4;border-radius:16px;padding:20px;margin:14px 0;color:#173b57;}
#wg-content .fw-model {font:600 clamp(32px,8vw,58px)/1.5 Georgia,serif;background:repeating-linear-gradient(transparent 0,transparent 28px,#c6dcec 29px,transparent 30px);text-align:center;letter-spacing:.04em;margin-bottom:16px;overflow-wrap:anywhere;}
#wg-content .fw-letter-sheet label {display:block;font-weight:700;margin-bottom:8px;}
#wg-content #fw-input {box-sizing:border-box;width:100%;min-height:52px;border:2px solid #789db8;border-radius:10px;background:#fff;padding:10px 14px;font:24px/1.4 Arial,sans-serif;color:#173b57;}
#wg-content .fw-progress {font-size:14px;font-weight:700;color:#275775;}
#wg-content .fw-note {font-size:13px;line-height:1.6;color:#48637a;}
#wg-content .fw-modes,#wg-content .fw-actions {display:flex;flex-wrap:wrap;gap:10px;margin:14px 0;}
#wg-content .fw-modes button {flex:1;min-width:140px;text-align:left;}
#wg-content .fw-modes small {display:block;margin-top:8px;font-weight:400;}
#wg-content .fw-review {padding-left:22px;line-height:1.9;}
#wg-content .fw-review span {font-size:13px;color:#48637a;}
#wg-content .wg-btn,#wg-content .wg-x,#wg-content .wg-back {min-height:44px;touch-action:manipulation;}
#wg-content button:focus-visible,#wg-content input:focus-visible {outline:3px solid #006cbe;outline-offset:3px;}
@media(max-width:600px){#wg-content .fw-letter-sheet{padding:12px;}#wg-content .fw-actions button{width:100%;}}

/* A task sheet: Korean cue and English response stay paired, not a generic essay card. */
#wg-content .wt-brief {border-left:4px solid #006cbe;background:#f7fbff;padding:18px 20px;margin:12px 0 20px;color:#173b57;}
#wg-content .wt-eyebrow {font-weight:700;font-size:12px;line-height:1.4;color:#48637a;margin:0 0 6px;}
#wg-content .wt-brief h2 {font-size:23px;line-height:1.4;margin:0 0 12px;}
#wg-content .wt-instruction {font-size:17px;line-height:1.65;margin:0 0 16px;word-break:keep-all;}
#wg-content .wt-requirements {margin:0;display:grid;gap:12px;font-size:14px;line-height:1.6;}
#wg-content .wt-requirements dt {font-weight:800;color:#275775;}
#wg-content .wt-requirements dd {margin:2px 0 0;}
#wg-content .wt-answer-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
#wg-content .wt-answer:only-child {grid-column:1/-1;}
#wg-content .wt-answer {min-width:0;border:1px solid #9bbbd4;border-radius:12px;padding:14px;background:#fff;}
#wg-content .wt-answer label {display:block;font-size:16px;font-weight:800;color:#173b57;margin:0 0 10px;}
#wg-content .wt-answer textarea {display:block;box-sizing:border-box;resize:vertical;width:100%;min-height:76px;border:1px solid #789db8;border-radius:8px;padding:10px 12px;font:18px/1.6 Arial,sans-serif;color:#173b57;background:#f7fbff;}
#wg-content textarea:focus-visible {outline:3px solid #006cbe;outline-offset:3px;}
#wg-content .wt-actions {display:flex;flex-wrap:wrap;gap:10px;margin:18px 0;}
#wg-content .wt-actions button {flex:1;min-width:150px;}
#wg-content .wt-save-note {font-size:13px;line-height:1.6;color:#48637a;margin:10px 0;}
#wg-content .wt-examples {display:grid;gap:10px;margin:12px 0;}
#wg-content .wt-example {border-bottom:1px solid #c6dcec;padding:12px 0;min-width:0;}
#wg-content .wt-example strong {font-size:14px;color:#275775;}
#wg-content .wt-example-text {font:19px/1.65 Georgia,serif;color:#173b57;margin-top:6px;}
#wg-content .wt-inline-example {border-left:3px solid #006cbe;background:#f7fbff;padding:8px 12px;margin-bottom:12px;}
#wg-content .wt-example-label {font-size:12px;font-weight:700;color:#48637a;}
#wg-content .wt-inline-example .wt-example-text {margin-top:2px;}
#wg-content .wt-reference {border:1px dashed #789db8;border-radius:10px;padding:10px 14px;margin:0 0 16px;color:#48637a;font-size:13px;line-height:1.6;}
#wg-content .wt-reference summary {min-height:44px;box-sizing:border-box;padding:10px 0;font-weight:700;cursor:pointer;}
#wg-content .wt-reference summary:focus-visible {outline:3px solid #006cbe;outline-offset:3px;}
#wg-content .wt-reference-text {white-space:pre-wrap;overflow-wrap:anywhere;max-height:8em;overflow:auto;border-top:1px solid #c6dcec;padding:10px 0;color:#173b57;font:16px/1.6 Arial,sans-serif;}
#wg-content .wt-example-text,#wg-content .wt-original,#wg-content .wt-saved-text,
#wg-content #wg-sample-text,#wg-content .wg-fb-item {white-space:pre-wrap;overflow-wrap:anywhere;}
#wg-content .wt-details {border-top:1px solid #c6dcec;padding:12px 0;line-height:1.7;color:#173b57;}
#wg-content .wt-details summary {cursor:pointer;min-height:44px;display:list-item;padding:8px 4px;box-sizing:border-box;font-weight:700;}
#wg-content .wt-details summary:focus-visible {outline:3px solid #006cbe;outline-offset:2px;}
#wg-content .wt-checks {padding-left:22px;line-height:1.8;text-align:left;}
#wg-content .wt-legacy {padding:12px;border:1px solid #9bbbd4;line-height:1.7;}
#wg-content .wt-saved-text {text-align:left;padding:16px;background:#f7fbff;border-left:3px solid #006cbe;font:18px/1.7 Arial,sans-serif;}
#wg-content button.wg-topic {display:block;width:100%;text-align:left;font-family:inherit;}
@media(max-width:600px){
  #wg-content .wt-answer-grid {grid-template-columns:minmax(0,1fr);}
  #wg-content .wt-brief {padding:14px;}
  #wg-content .wt-brief h2 {font-size:20px;}
  #wg-content .wt-instruction {font-size:16px;}
  #wg-content .wt-actions button {width:100%;}
}