/* 取り込み問題を20問ずつ表示し、長い解説はダイアログに収める。 */
.game-layout:has(#import-grade) { grid-template-columns:210px minmax(0,1fr) 235px; gap:8px; padding:8px; }
.game-layout:has(#import-grade) .game-nav,
.game-layout:has(#import-grade) .game-work,
.game-layout:has(#import-grade) .game-inspector { padding:10px; }
#import-search { display:block; width:100%; margin-top:4px; }
#import-grade ~ label, .game-nav:has(#import-grade) label { margin-bottom:7px; }
.game-nav:has(#import-grade) h2, .game-inspector:has(#inspector) h2 { margin-bottom:8px; }
.game-nav:has(#import-grade) .key-hint { margin-top:10px; padding-top:7px; }
.import-notice { margin-top:8px; font-size:12px; color:#ffe4a0; }
.game-work:has(+ .game-inspector) .question-navigation { margin-bottom:3px; }
.game-work:has(+ .game-inspector) .grade-quiz legend,
.game-work:has(+ .game-inspector) .question-title { font-size:15px; line-height:1.3; margin:3px 0; }
.game-work:has(+ .game-inspector) .grade-option { font-size:13px; line-height:1.25; padding:4px 7px; margin:3px 0; }
.game-work:has(+ .game-inspector) .grade-result { margin-top:4px; }
.game-work:has(+ .game-inspector) .study-button { margin-top:4px; }
.game-inspector dl { margin:0 0 12px; font-size:12px; overflow-wrap:anywhere; }
.game-inspector dt { color:#aac2b5; margin-top:8px; }
.game-inspector dd { margin:0; }
.import-filter-dialog form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.import-filter-dialog label select { display:block; width:100%; margin-top:4px; }
.import-filter-dialog button { justify-self:start; }
.import-filter-dialog { width:min(550px,90vw); }
@media(max-width:850px) { .game-layout:has(#import-grade) { grid-template-columns:180px minmax(0,1fr) 180px; } }
@media(max-width:820px) { .game-layout:has(#import-grade) { display:flex; flex-direction:column; grid-template-columns:1fr; } }

.import-condition-summary { font-size:11px; line-height:1.3; margin-top:6px; overflow-wrap:anywhere; }
.game-inspector details { font-size:11px; margin:6px 0; overflow-wrap:anywhere; }
.game-inspector .official-exams { margin-top:10px; }