*{box-sizing:border-box}body{margin:0;background:#f4f1ea;color:#20252b;font:18px/1.65 system-ui,sans-serif}main{max-width:940px;margin:auto;padding:24px}header{background:#6b4f2a;color:white;padding:32px}header img{width:100%;max-height:300px;object-fit:cover;border-radius:14px}h1,h2{font-family:Georgia,serif;line-height:1.25}h1{font-size:clamp(2rem,6vw,3.4rem)}h2{margin-top:42px}.box,.notice,#result{background:white;padding:24px;border:1px solid #d8c7a6;border-radius:14px;margin:24px 0}.options label,.task-review label{display:block;padding:10px;margin:6px 0;background:#f4f6f8;border-radius:8px}input[type=radio],input[type=checkbox]{width:20px;height:20px}textarea{display:block;width:100%;min-height:110px;font:inherit;padding:12px}button,.cta{font:inherit;background:#6b4f2a;color:white;border:0;border-radius:8px;padding:12px 18px;margin:8px 4px 8px 0;cursor:pointer}.secondary{background:#5d4d32}.solution{display:none;background:#fff8e8;padding:18px}.feedback,.task-status{display:block;font-weight:600;margin-top:12px}.ok{color:#19663b}.bad{color:#962e26}select{font:inherit;padding:10px;max-width:100%}.term-grid{display:grid;grid-template-columns:1fr 70px 2fr;gap:12px}.correct{outline:2px solid #237a4b}.wrong{outline:2px solid #962e26}:focus-visible{outline:3px solid #b77900;outline-offset:4px}progress{width:100%;height:22px}.small,footer{font-size:.9rem}footer{padding:24px 0}a{color:#6b4f2a}#result:focus{outline:3px solid #b77900}[hidden]{display:none!important}@media(max-width:550px){main{padding:14px}.box{padding:16px}.term-grid{grid-template-columns:1fr}header{padding:20px}}
.task{background:white;padding:24px;border:1px solid #d8c7a6;border-radius:14px;margin:24px 0}.quiz-option{display:block;background:#f4f6f8;padding:12px;margin:6px 0;border-radius:8px}.feedback{display:none}.romantik-task-feedback{padding:14px;background:#fff8e8;white-space:pre-line}.match-grid{display:grid;grid-template-columns:1fr;gap:12px}.match-grid select{width:100%;min-width:0}.sort-list{padding-left:25px}.sort-list li{padding:14px;background:#f4f6f8;border:1px solid #d8c7a6;margin:8px 0}.sort-list button{font-size:.85rem;padding:8px}.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.timecard{padding:16px;background:#fff8e8}table{border-collapse:collapse;width:100%}th,td{border:1px solid #d8c7a6;padding:10px;text-align:left}section{overflow-wrap:anywhere}select{font-size:16px}.points{font-weight:normal;font-size:.9rem}button:disabled{opacity:.45;cursor:default}@media(max-width:550px){.task{padding:16px}}
.package-overview{margin:32px 0 48px;padding:24px;border:1px solid #d8c7a6;border-radius:14px;background:#fffaf0}.package-overview h2{margin-top:0}.package-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.package-card{padding:18px;background:#fff;border:1px solid #ded6c6;border-radius:10px}.package-card h3{font-size:1.05rem;line-height:1.4;margin:0 0 8px;color:#6b4f2a}.package-card p{font-size:.95rem;margin:0 0 12px}.package-badge{display:inline-block;font-size:.8rem;font-weight:600;background:#eee8db;color:#594629;border-radius:6px;padding:5px 8px}.package-card:first-child{border:2px solid #6b4f2a}.package-card:first-child .package-badge{background:#6b4f2a;color:#fff}.package-facts{padding-left:24px}.package-note{font-size:.9rem}.demo-jump{display:inline-block;font-weight:600;padding:10px 0}#demo-start{scroll-margin-top:20px}@media(max-width:600px){.package-grid{grid-template-columns:1fr}.package-overview{padding:16px}}
label.option{display:block;background:#f7f2f2;border:1px solid #dfd0d0;padding:12px;margin:8px 0;border-radius:10px}.task-title{font-weight:750}.task{padding:20px}.feedback{display:block;white-space:pre-line}.feedback:empty{display:none}.feedback.ok,.feedback.bad,.feedback.info{padding:14px;background:#fff8e8}.mini-scene,.note{background:#fff8ed;padding:18px;border-left:4px solid #6b4f2a;margin:18px 0}.content-image{width:100%;height:auto;border-radius:12px}.drag-bank,.drop-grid{display:grid;gap:12px;margin:16px 0}.drag-item{padding:12px;background:white;border:1px solid #d8c7a6;border-radius:8px;cursor:grab}.drag-item select{display:block;width:100%;margin-top:8px}.drop-zone{padding:12px;min-height:100px;border:2px dashed #b69090;border-radius:10px;background:#faf5f5}.drop-zone h4{margin:0 0 12px}.comparison-table{font-size:.9rem;table-layout:fixed}.text-sample{font-family:Georgia,serif;background:#fff8ed;padding:18px;white-space:pre-wrap}.verse-line{display:block}#demo-start h2{margin-top:25px}
.drag-handle{display:block;padding:12px;background:#eee2e2;border-radius:6px;cursor:grab}.drag-item label{display:block;margin-top:8px}

.drag-item,.drag-handle{cursor:default}