.dual-layout{display:block;max-width:1120px;margin:auto;padding:24px}.dual-layout>.lesson-nav[hidden],.dual-layout>.practice[hidden],.dual-entry [hidden]{display:none!important}.dual-entry{max-width:100%;color:#243e38}.dual-nav{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 20px}.dual-home-grid,.dual-reason-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dual-entry-card,.dual-reason,.dual-question,.dual-expression{background:#fff;border:1px solid #d6dfd9;border-radius:16px;padding:24px;margin-bottom:18px;min-width:0;overflow-wrap:anywhere}.dual-entry-card{padding:32px;border-top:4px solid #486f5e}.dual-entry h1{font-size:30px;line-height:1.4;margin:0 0 16px}.dual-entry h2{font-size:23px;line-height:1.5;margin-top:0}.dual-entry h3{font-size:19px;line-height:1.6}.dual-entry p{line-height:1.85}.dual-entry .english{font-family:Georgia,serif;line-height:1.75}.dual-boundary{border-left:3px solid #bb9d61;padding:8px 14px;background:#fbf8f0}.dual-short-practice{background:#eef4f0;padding:14px;border-radius:8px}.dual-optional{margin:24px 0;padding:20px;background:#f4f5f1;border-radius:12px}.dual-optional summary{cursor:pointer;font-weight:700}.dual-optional .dual-expression{margin-top:18px}.dual-status{color:#486f5e;font-size:14px}.dual-layout .practice{max-width:900px;margin:auto}.dual-entry button{max-width:100%;white-space:normal;min-height:44px}.dual-entry button:focus-visible,.dual-entry summary:focus-visible{outline:3px solid #a58340;outline-offset:4px}@media(max-width:650px){.dual-layout{padding:16px}.dual-home-grid,.dual-reason-grid{grid-template-columns:1fr}.dual-entry-card,.dual-reason,.dual-question,.dual-expression{padding:19px}.dual-entry h1{font-size:26px}.dual-entry h2{font-size:21px}.dual-entry h3{font-size:18px}.dual-nav{gap:4px}.dual-optional{padding:14px}}

.dual-entry h1[tabindex="-1"]:focus{outline:none}
.dual-question-version+.dual-question-version{margin-top:20px;padding-top:18px;border-top:1px solid #d6dfd9}.dual-question-version h4{margin:0 0 10px;font-size:17px}.dual-source-type{display:inline-block;padding:3px 10px;border-radius:8px;background:#eef4f0;color:#365d4c;font-weight:600}.dual-version-status{color:#486f5e}

.dual-interview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dual-interview-grid .dual-question{margin:0}.dual-interview-intro{padding:20px;background:#eef4f0;border-radius:12px;margin-bottom:20px}.dual-interview-intro+button{margin-bottom:24px}@media(max-width:850px){.dual-interview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.dual-interview-grid{grid-template-columns:1fr}}

.dual-learning-tabs,.dual-learning-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.dual-learning-tabs button{border:1px solid var(--line,#d6dfd9);border-radius:10px;padding:10px 16px;background:var(--card,#fff);color:var(--ink,#243e38)}
.dual-learning-tabs button[aria-pressed=true]{background:var(--teal,#087f94);color:#fff;border-color:var(--teal,#087f94)}
.dual-learning-actions button{flex:0 1 auto;min-height:44px}
.dual-expression-list>h2{margin:26px 0 18px}
.dual-expression-field{margin:18px 0 0}
.dual-expression-field h4{margin:0 0 6px;font:600 15px/1.5 system-ui,sans-serif;color:var(--ink,#243e38)}
.dual-expression-field p{margin:0}
.dual-collocation{color:var(--cyan-dark,#087f94);overflow-wrap:anywhere}
.dual-language-notes{padding-left:22px;margin:8px 0 0;line-height:1.85}
.dual-language-notes li+li{margin-top:9px}
.dual-exercise-history{margin-top:18px;border-top:1px solid var(--line,#d6dfd9);padding-top:14px}
.dual-exercise-history summary{color:var(--cyan-dark,#087f94);min-height:44px;line-height:1.8}
.dual-exercise-history .dual-question{border:0;border-top:1px solid var(--line,#d6dfd9);border-radius:0;padding:16px 0 0;margin:14px 0 0;background:transparent}
@media(max-width:650px){.dual-learning-tabs button{flex:1 1 130px}.dual-learning-actions button{flex:1 1 180px}.dual-expression-field{margin-top:15px}}
