/* makekite NAPLAN-style practice tests (static/naplan.js) */
.nap [hidden]{display:none!important}
.nap{color:#123452;margin:12px 0 20px}
.nap-card{background:#fff;border:1px solid #cfe0ec;border-radius:14px;padding:16px 18px;margin:0 0 14px}
.nap-facts{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:0 0 10px}.nap-facts li{background:#f4fafd;border-radius:10px;padding:6px 10px}
.nap-go{background:#ff6b61;border:0;color:#fff;font-weight:800;font-size:1.05rem;padding:10px 22px;border-radius:10px;cursor:pointer}
.nap-card button{cursor:pointer}.nap-small{font-size:.88rem;color:#4a6a82}
.nap-top{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;border-bottom:1px solid #e1edf5;padding-bottom:8px;margin-bottom:12px;font-weight:700}
#nap-time.low{color:#e5484d}.nap-top button,.nap-nav button:not(.nap-go){background:#fff;border:1.5px solid #123452;border-radius:9px;padding:7px 14px;font-weight:700;color:#123452}
.nap-body.two{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:start}
.nap-passage{background:#fbfdff;border:1px solid #dbe8f1;border-radius:12px;padding:12px 16px;max-height:70vh;overflow:auto;line-height:1.6}.nap-passage h3{margin:0}
.nap-kind{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#4a6a82;margin:2px 0 8px}
.nap-sec{display:inline-block;background:#123452;color:#fff;border-radius:8px;padding:3px 10px;font-size:.85rem;font-weight:700;margin:0 0 6px}
.nap-num{font-size:.85rem;color:#4a6a82;margin:0 0 6px;font-weight:700}
.nap-stem{font-size:1.15rem;line-height:1.5}.nap-stem p{margin:.4em 0}.nap-sent{font-size:1.2rem;background:#f4fafd;border-radius:8px;padding:8px 12px}.nap-sent u{text-decoration-thickness:2px;text-underline-offset:3px}
.nq-pic{display:block;max-width:100%;height:auto;margin:10px 0;max-height:260px}.nq-seq{font-size:1.25rem;font-weight:700;letter-spacing:.02em}
.nq-tab{border-collapse:collapse;margin:8px 0}.nq-tab th,.nq-tab td{border:1px solid #9ab7cb;padding:4px 10px;text-align:center}
.nf{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;line-height:1.1;margin:0 2px}.nf>span:first-child{border-bottom:2px solid currentColor;padding:0 3px}
.nap-opts{display:grid;gap:8px;margin:14px 0}.nap-opt{display:flex;gap:10px;align-items:center;border:2px solid #cfe0ec;border-radius:10px;padding:10px 12px;cursor:pointer;font-size:1.08rem}
.nap-opt:hover{border-color:#87c6f0}.nap-opt.on{border-color:#123452;background:#eaf5fc}.nap-opt input{width:18px;height:18px;flex:none}
.nap-in{display:inline-flex;gap:8px;align-items:center;margin:14px 0;font-size:1.15rem}.nap-in input{font-size:1.2rem;padding:8px 10px;border:2px solid #123452;border-radius:9px;width:12em;max-width:60vw}
.nap-nav{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin:14px 0 10px}
.nap-map{display:flex;flex-wrap:wrap;gap:6px}.nap-map button{width:36px;height:34px;border:1.5px solid #9ab7cb;background:#fff;border-radius:8px;font-weight:700;color:#123452}
.nap-map button.done{background:#cfe6ff;border-color:#87c6f0}.nap-map button.flag{box-shadow:inset 0 -4px 0 #ffb36b}.nap-map button.cur{border-color:#123452;border-width:2.5px}.nap-map button.lock{opacity:.4}
.nap-score{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.nap-big{font-size:3.4rem;font-weight:800;line-height:1}.nap-big small{font-size:1.4rem;color:#4a6a82}.nap-pct{font-size:1.4rem;font-weight:800;margin:0}
.nap-skills{border-collapse:collapse;width:100%;max-width:560px}.nap-skills th,.nap-skills td{text-align:left;padding:6px 8px;border-bottom:1px solid #e1edf5}
.nap-barw{display:inline-block;width:120px;height:10px;background:#edf5fa;border-radius:6px;overflow:hidden;vertical-align:middle;margin-right:6px}.nap-barw span{display:block;height:100%;background:#7bd389}
.nap-share{background:#f4fafd;border-radius:12px;padding:10px 14px;margin:14px 0}.nap-share h3{margin:0 0 4px}
.nap-sbtns{display:flex;flex-wrap:wrap;gap:8px}.nap-sb,.nap-sbtns button{display:inline-block;padding:8px 14px;border-radius:9px;border:1.5px solid #123452;background:#fff;color:#123452;font-weight:700;text-decoration:none;font-size:.95rem}
.nap-again{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.nap-again button{padding:8px 14px;border-radius:9px;border:1.5px solid #123452;background:#fff;font-weight:700;color:#123452}
.nap-review{padding-left:1.4em}.nap-review>li{border-left:4px solid #7bd389;padding:6px 12px;margin:10px 0;background:#fbfdff;border-radius:0 10px 10px 0}.nap-review>li.no{border-left-color:#ff6b61}
.nap-review .nap-stem{font-size:1rem}.nap-review .nq-pic{max-height:170px}.nap-why{color:#123452;background:#fff8d6;border-radius:8px;padding:6px 10px}.nap-tag{font-size:.8rem;color:#4a6a82;margin:4px 0 0}
.nap-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:12px 0}.nap-links li{margin:4px 0}.nap-links small{color:#4a6a82}
.nap-check{list-style:none;padding:0}.nap-check li::before{content:"☐ ";font-size:1.1em}
@media(max-width:820px){.nap-body.two{grid-template-columns:1fr}.nap-passage{max-height:45vh}}
@media print{.nap-top,.nap-nav,.nap-map,.nap-share,.nap-again,#nap-start{display:none!important}.nap-card{border:0;padding:0}}
