@media(min-width:600px) and (max-width:1366px) and (hover:none) and (pointer:coarse){.phone{max-width:none}}header{padding:14px 20px;background:var(--console);color:white;border-top:4px solid #edae44}small,.tag{font:700 12px/1.5 var(--font-jp);letter-spacing:.06em}header small{color:#a4dede}h1{font-size:clamp(19px,5vw,25px);margin:2px 0}article{padding:18px}h2{font-size:21px;line-height:1.45;margin:8px 0 16px}p{margin:12px 0;line-height:1.9}section,details,.card{padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:9px;margin:10px 0}button,input,select{font:inherit}button{border:1px solid var(--line);border-radius:7px;padding:8px 11px;background:var(--surface);margin:3px;min-height:42px;text-align:left}button.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.block{display:block;width:100%;margin:6px 0}.tag{color:var(--accent)}footer,nav{display:flex;gap:2px;align-items:center;justify-content:space-around;flex:none}footer{background:var(--raise);flex-wrap:wrap}nav{background:var(--console);padding-bottom:env(safe-area-inset-bottom)}nav button{background:none;color:white;border:0;text-align:center;font-size:13px}input:not([type=file]),select{width:100%;padding:10px;border:1px solid var(--line);border-radius:6px}output{display:block;font-weight:bold}.bar{display:block;background:var(--accent);height:12px;border-radius:5px}.formula{border-left:3px solid var(--accent);padding:10px;background:var(--raise);overflow-wrap:anywhere}a{color:var(--accent)}summary{cursor:pointer}button:disabled{opacity:.55}*{overflow-wrap:break-word}

.study-map details{background:#fff;border:1px solid #a9c0c8;border-radius:6px;margin:9px 0;color:#123847}.study-map summary{padding:12px;cursor:pointer;display:block}.study-map summary b{float:right;font-size:.9em}.study-map small,.study-map button small,#unit-rating section small{display:block;font-size:.75em}.study-map progress{display:block;width:100%;height:8px;margin-top:7px;accent-color:#007e85}.study-map details button{display:block;width:100%;text-align:left;padding:.65rem;border-top:1px solid #cad7da}#unit-rating{flex:none;background:#f4f8f9;color:#173746;padding:5px 8px;font-size:13px}#unit-rating[hidden]{display:none}#unit-rating div button{float:right;background:transparent;padding:0 4px;color:inherit;border:none;font-size:12px;min-height:0}#unit-rating section{clear:both;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}#unit-rating section button{width:100%;min-width:0;padding:6px 0;border:2px solid transparent;border-radius:6px;color:#263944;background:#fce4df;font-size:13px}#unit-rating section button:nth-child(2){background:#ffebcc}#unit-rating section button:nth-child(3){background:#d8efe7}#unit-rating section button:nth-child(4){background:#daebf5}#unit-rating section button[aria-pressed=true]{border-color:#14736d}
.study-map{padding:0;margin:8px 0;border:0;background:transparent}
.study-map h2{font-size:17px;margin:0}
.study-map details{margin:4px 0;padding:3px 10px}
.study-map summary{line-height:1.25;padding:2px 0}
.study-map summary strong{font-size:15px}
.study-map summary small{font-size:11px;line-height:1.45}
.study-map progress{margin-top:3px;height:5px}
#unit-rating section{margin:3px 0;padding:3px}