.sample-review{max-width:820px;margin:auto;padding:20px}.sample-top{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.sample-top h1{font-size:1.4rem;margin:8px 0;flex:0 0 100%;min-width:0}.sample-top button,.sample-top select,.sample-choice{font:inherit;border:1px solid #d9d3c8;border-radius:12px;padding:12px;background:white;color:#201e1a}.sample-note{padding:16px;background:#e9efe5;border-radius:16px;line-height:1.5;margin:12px 0 24px}.sample-list{display:grid;gap:16px}.sample-level{border:1px solid #d9d3c8;border-radius:20px;padding:20px;background:white}.sample-level h2{margin:0 0 12px}.sample-choice{display:block;text-align:left;width:100%;margin:8px 0;cursor:pointer}.sample-choice strong,.sample-choice span{display:block}.sample-choice span{font-size:.9rem;line-height:1.5;margin-top:6px;color:#59564e}.sample-active{margin-top:20px;min-width:0}.sample-active .dm-prep-screen,.sample-active .dm-prep-shell{max-width:100%;padding-left:0;padding-right:0}.sample-active .dm-prep-header{position:static}.sample-active .ex-drill-footer{position:static}.sample-active .dm-grammar-topic-flow{max-width:100%}.sample-active button{max-width:100%;white-space:normal}.sample-active .dm-dialogue-turn{grid-template-columns:minmax(0,1fr)}.sample-active .ex-complete{padding-left:0;padding-right:0}.sample-active .ex-feedback-box{margin-top:16px}.sample-finish{padding:30px;background:white;border-radius:20px;line-height:1.6}[data-sample-title]{overflow-wrap:anywhere}.sample-review button:focus-visible,.sample-review select:focus-visible{outline:3px solid #145b46;outline-offset:3px}