#sbp-reader-quiz{--ink:#183b36;--cream:#fffaf0;--copper:#935637;--edge:#cbbfa7;color:var(--ink);font:400 16px/1.55 system-ui,sans-serif;text-align:left;max-width:860px;margin:28px auto 50px;scroll-margin-top:105px}
#sbp-reader-quiz *{box-sizing:border-box}
#sbp-reader-quiz h2,#sbp-reader-quiz h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal;letter-spacing:-.035em;text-transform:none;line-height:1.08;color:inherit}
#sbp-reader-quiz h2{font-size:clamp(30px,5vw,54px);margin:15px 0 18px}
#sbp-reader-quiz h3{font-size:30px;margin:22px 0 8px}
#sbp-reader-quiz p{font:inherit;color:inherit;margin:0 0 16px;max-width:65ch}
#sbp-reader-quiz .sbpr-cover{overflow:hidden;border:1px solid #34514c;background:#183b36;color:#fff5df}
#sbp-reader-quiz .sbpr-cover-text,#sbp-reader-quiz .sbpr-page{padding:clamp(20px,5vw,52px)}
#sbp-reader-quiz .sbpr-cover-text{padding-top:18px}
#sbp-reader-quiz .sbpr-page{background:var(--cream);border:1px solid var(--edge)}
#sbp-reader-quiz .sbpr-shelf{height:clamp(145px,24vw,205px);position:relative;overflow:hidden;background:#0f2d2a}
#sbp-reader-quiz .plate{position:absolute;width:39%;max-width:300px;height:auto;top:26%;box-shadow:0 8px 25px #0004;border:1px solid #fff3}
#sbp-reader-quiz .plate-0{left:4%;transform:rotate(-10deg)}
#sbp-reader-quiz .plate-1{left:32%;top:10%;transform:rotate(-1deg)}
#sbp-reader-quiz .plate-2{left:61%;transform:rotate(9deg)}
#sbp-reader-quiz .sbpr-kicker,#sbp-reader-quiz .sbpr-genre,#sbp-reader-quiz .sbpr-count{font:700 .76rem/1.4 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#835235}
#sbp-reader-quiz .sbpr-cover .sbpr-kicker{color:#e8c5a4}
#sbp-reader-quiz .sbpr-count{margin:.9em 0 .4em}
#sbp-reader-quiz progress{accent-color:var(--copper);width:100%;height:6px;margin-bottom:12px}
#sbp-reader-quiz small{display:block;line-height:1.5;margin-top:15px}
#sbp-reader-quiz fieldset{display:grid;grid-template-columns:1fr 1fr;gap:9px;border:0;margin:24px 0;padding:0}
#sbp-reader-quiz .sbpr-option{display:flex;align-items:center;gap:12px;position:relative;padding:15px;min-height:56px;border:1px solid var(--edge);cursor:pointer;background:#fffdf6;color:var(--ink);line-height:1.45}
#sbp-reader-quiz .sbpr-option input,#sbp-reader-quiz .sbpr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#sbp-reader-quiz .sbpr-letter{display:grid;place-items:center;flex:0 0 27px;height:27px;border:1px solid #ad9e81;font:700 13px Georgia,serif}
#sbp-reader-quiz .sbpr-option input:checked + .sbpr-letter{background:var(--ink);color:white}
#sbp-reader-quiz .sbpr-option:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
#sbp-reader-quiz :focus-visible,#sbp-reader-quiz .sbpr-option:focus-within{outline:3px solid #b6703f;outline-offset:3px}
#sbp-reader-quiz h2:focus{outline:0}
#sbp-reader-quiz .sbpr-actions,#sbp-reader-quiz .sbpr-end{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
#sbp-reader-quiz .sbpr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:2px;padding:10px 18px;cursor:pointer;font:650 15px/1.4 system-ui,sans-serif;text-decoration:none}
#sbp-reader-quiz .sbpr-cover .sbpr-btn{background:#f4dbb9;color:var(--ink);border-color:#f4dbb9}
#sbp-reader-quiz .sbpr-btn.secondary{color:var(--ink);background:transparent}
#sbp-reader-quiz .sbpr-btn:disabled{opacity:.45;cursor:default}
#sbp-reader-quiz .sbpr-card{display:block;height:auto;width:100%;border:0;margin:22px 0}
#sbp-reader-quiz .sbpr-status:not(:empty){padding-top:12px}
#sbp-reader-quiz .sbpr-status input{width:100%}
#sbp-reader-quiz .sbpr-end{margin-top:22px;border-top:1px solid var(--edge);padding-top:20px}
#sbp-reader-quiz a:not(.sbpr-btn){color:var(--copper);text-decoration:underline}
@media(max-width:620px){#sbp-reader-quiz fieldset{grid-template-columns:1fr}#sbp-reader-quiz .sbpr-shelf{height:120px}#sbp-reader-quiz .sbpr-option{padding:12px}#sbp-reader-quiz .sbpr-actions{gap:9px}}