.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.book-card{aspect-ratio:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:16px;border-radius:12px}.book-card strong{font-size:26px}.book-card small{font-size:12px}.book-card[aria-pressed=true]{background:#236347;color:white;border:2px solid #19472f}.book-card[aria-pressed=true]:hover{background:#19472f}.toolbar,.chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.toolbar button[aria-pressed=true],.chips button[aria-current=true]{background:#236347;color:white}.toolbar input{width:75px;min-height:44px;padding:6px;border:1px solid #b8cfc1;border-radius:8px}.setup h2{margin:0;font-size:20px}.setup summary,.question-list summary{cursor:pointer;padding:10px 0;min-height:44px}.group-card{background:white;border:1px solid #cbdcd0;border-radius:15px;padding:20px}.group-card h2{font-size:20px;margin:0 0 8px}.item{border-top:1px solid #dbe5de;padding:20px 0}.item:first-of-type{border-top:0}.item:last-child{padding-bottom:0}.sentence{font-size:20px;line-height:1.75;overflow-wrap:anywhere;white-space:pre-wrap}.context{padding:12px;background:#f3f6f2;border-left:3px solid #79a38b;font-size:14px;overflow-wrap:anywhere}.answers{max-width:400px;margin-top:12px}.answer{min-height:58px;font-size:23px;padding:7px}.item h3{font-size:14px;margin:0 0 8px;color:#5a7665}.feedback strong u{text-underline-offset:3px;text-decoration-thickness:2px}.feedback p{overflow-wrap:anywhere}.comparison-summary{padding:14px;background:#edf4ef;border-radius:10px;margin-top:18px}.comparison-summary li{margin:10px 0}.source summary{cursor:pointer;min-height:44px;padding:10px 0}.source p{margin:0}.data-box strong{font-weight:650}.chips{max-height:260px;overflow:auto;padding:4px}.chips button{min-width:44px}.correct{color:#236347}.incorrect{color:#a43636}#notice:empty{display:none}#practice:focus{outline:none}#practice:focus-visible{outline:3px solid #326dcc}button{touch-action:manipulation}@media(max-width:540px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.book-card{aspect-ratio:1.4}.book-card strong{font-size:23px}.group-card{padding:15px}.sentence{font-size:18px}.toolbar{gap:6px}.toolbar button{padding:8px 11px}.comparison-summary{padding:10px}.comparison-summary ul{padding-left:20px}}

/* Area → book → practice: never mix subjects in one long selector. */
.book-grid{display:block}.book-area{margin:22px 0}.book-area h2{font-size:16px;margin:0 0 10px}.area-books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.book-card{aspect-ratio:auto;min-height:128px}.book-area:has(.book-card[aria-pressed=true]) h2{color:#236347}@media(max-width:480px){.area-books{gap:8px}.book-card{min-height:116px;padding:13px}.book-area h2{font-size:15px}}

body{padding-bottom:calc(90px + env(safe-area-inset-bottom))}nav[aria-label="문제 이동"]{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:space-between;background:#f8fbf9;border-top:1px solid #c5d8ca;padding:10px max(12px,calc((100vw - 900px)/2)) calc(10px + env(safe-area-inset-bottom));margin:0}nav[aria-label="문제 이동"] button{min-height:48px;min-width:100px}nav[aria-label="문제 이동"] label,#go{display:none}.setup>summary{min-height:44px;cursor:pointer}[hidden]{display:none!important}
