/* Isolated prototype. The production styles and content are served read-only. */
.reader-interface{--reader-gold:#ddc38d;--reader-text:#eee9df;--reader-muted:#b9b6b1;--reader-line:#ffffff22;background-color:#0e1929}
body.reader-interface #quiz-root .quiz-running{display:block;max-width:800px;margin:auto;border-radius:16px;overflow:visible;box-shadow:0 12px 80px #0002}
body.reader-interface #quiz-root .question-world{position:relative;display:flex;justify-content:space-between;gap:16px;min-height:0;padding:16px 24px;background:#142235;border-radius:16px 16px 0 0}
body.reader-interface #quiz-root .question-world>img,body.reader-interface #quiz-root .question-world-shade,body.reader-interface #quiz-root .question-world-copy{display:none}
body.reader-interface #quiz-root .question-world-top{display:flex;align-items:center;gap:12px;position:static}body.reader-interface #quiz-root .question-world-top>.eyebrow{display:none}
body.reader-interface #quiz-root .question-world-top .icon-button{position:static;width:36px;height:36px;min-height:36px}
body.reader-interface #quiz-root .question-progress{position:static;padding:0;align-self:center;max-width:420px;flex:1;border:0}body.reader-interface #quiz-root .question-progress>p{display:none}body.reader-interface #quiz-root .progress-meta{font:12px system-ui;color:#d5ccbd}body.reader-interface #quiz-root .progress-track{height:3px;margin-top:9px}
body.reader-interface #quiz-root .question-stage{padding:32px 40px 20px;background:#142235;min-height:0!important;border-radius:0 0 16px 16px}
body.reader-interface #quiz-root .question-prompt{position:static;background:transparent;padding:0;scroll-margin-top:24px}
body.reader-interface #quiz-root .question-prompt>.eyebrow{font:500 10px/1.6 system-ui;letter-spacing:.15em;color:#d8bf8f;margin-bottom:18px}
body.reader-interface #quiz-root #question-heading{font:400 22px/1.6 Georgia,serif;letter-spacing:0;color:#f2eee5;margin:0;outline:0}
.reader-interface .reader-context{display:block;color:#d0d0cf}.reader-interface .reader-question{display:block;font:400 29px/1.3 Georgia,serif;color:#fff2da;margin-top:22px}
body.reader-interface #quiz-root #question-heading.reader-context-only{font-size:25px;line-height:1.5}
body.reader-interface #quiz-root .question-help{font:12px/1.6 system-ui;color:#b1b6bf;margin:18px 0 26px}
body.reader-interface #quiz-root .options{display:grid;grid-template-columns:1fr;gap:12px;margin:0}
body.reader-interface #quiz-root .answer-option{min-height:76px;display:flex;gap:14px;padding:19px 20px;background:#1b2b40;color:#eee8dc;border:1px solid #ffffff30;border-radius:10px;box-shadow:none;align-items:center;transition:background .15s,border-color .15s}
body.reader-interface #quiz-root .answer-option:hover,body.reader-interface #quiz-root .answer-option:focus-within{background:#24374d;border-color:#d6bd87}
body.reader-interface #quiz-root .answer-number{width:28px;min-width:28px;height:28px;border:1px solid #ffffff38;border-radius:50%;background:transparent;font:12px system-ui;color:#ddc38d;padding:0;display:grid;place-items:center}body.reader-interface #quiz-root .story-choice-motif{display:none!important}
body.reader-interface #quiz-root .answer-label{font:400 16px/1.55 system-ui;color:#eee8dc}
body.reader-interface #quiz-root .answer-option:has(input:checked){background:#30433f;border-color:#d6bd87}
body.reader-interface #quiz-root .question-actions{margin-top:28px}body.reader-interface #quiz-root .question-footnote,body.reader-interface #quiz-root .keyboard-hint{display:none}
.reader-scene-fold{color:#d8c49b;border-top:1px solid #ffffff20;margin:0 0 24px}.reader-scene-fold>summary{display:flex;align-items:center;gap:12px;cursor:pointer;font:12px/1.5 system-ui;padding:14px 0;list-style:none}.reader-scene-fold>summary span{color:#9ca8b9;font-size:10px;margin-left:auto}.reader-scene-fold>summary svg{width:14px}.reader-scene-fold .magic-scene-tools{padding-top:8px}
.reader-opening summary{list-style:none;cursor:pointer}.reader-opening summary>span{display:block}.reader-opening small{display:flex;align-items:center;gap:8px;color:#d9be8a;font:12px system-ui;margin-top:12px}.reader-opening .icon{width:14px}.reader-opening>p{margin-top:20px!important}
body.reader-interface #quiz-root .result-page{max-width:1120px;margin:auto}
body.reader-interface #quiz-root #ritratto{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:64px auto 0;max-width:660px}
.reader-reading{color:var(--reader-text);text-align:left}.reader-overline{font:500 10px/1.7 system-ui!important;letter-spacing:.18em!important;color:var(--reader-gold)!important;margin:0 0 20px!important}
body.reader-interface #quiz-root :is(.reader-reading>h2,.reader-passage>h2){font:400 38px/1.22 Georgia,serif;color:#f4e7d0;letter-spacing:-.025em;max-width:22ch;margin:0 0 30px}
body.reader-interface #quiz-root :is(.reader-reading>p,.reader-passage>p){font:400 18px/1.9 Georgia,serif;color:#d7d7d4;margin:0 0 26px}
body.reader-interface #quiz-root .reader-reading blockquote{margin:44px 0 30px;padding:4px 0 4px 24px;border-left:2px solid #bfa16c;color:#ead9b5;font:italic 27px/1.5 Georgia,serif}
body.reader-interface #quiz-root p.reader-reading-note{color:#aeb4bd;font:12px/1.65 system-ui;margin:0}
body.reader-interface #quiz-root .patronus-reading{padding:34px 36px;border-top:1px solid #a8bfcd66;border-bottom:1px solid #a8bfcd66;background:linear-gradient(160deg,#22334766,transparent)}
body.reader-interface #quiz-root .letter-address{font-style:italic;color:#e8dfd0;margin-bottom:26px}.letter-signoff{font-style:italic!important;color:#c7dce4!important;border-top:1px solid #ffffff22;padding-top:24px}
.canon-aside{margin-top:30px;border-top:1px solid #ffffff20}.canon-aside summary{padding:18px 0;color:#c2c9cf;font:12px/1.6 system-ui;cursor:pointer;display:flex;justify-content:space-between;gap:16px}.canon-aside .icon{width:16px}body.reader-interface #quiz-root .canon-aside p{font:14px/1.8 system-ui;color:#bfc7d0}
body.reader-interface #quiz-root .related{margin-top:72px}
.reader-scene-fold summary::-webkit-details-marker{display:none}
.reader-interface button:focus-visible,.reader-interface summary:focus-visible,.reader-interface a:focus-visible,.reader-interface input:focus-visible,.reader-interface select:focus-visible{outline:2px solid #e4c68c;outline-offset:5px}
@media(max-width:700px){
 body.reader-interface #quiz-root{padding-inline:0}.reader-interface .quiz-container{padding-top:24px}
 body.reader-interface #quiz-root .question-world{padding:12px 18px;border-radius:0}body.reader-interface #quiz-root .progress-meta{font-size:11px}
 body.reader-interface #quiz-root .question-stage{padding:24px 22px 28px;border-radius:0}body.reader-interface #quiz-root .question-prompt{scroll-margin-top:20px}
 body.reader-interface #quiz-root #question-heading{font-size:19px;line-height:1.65}.reader-interface .reader-question{font-size:26px;line-height:1.3;margin-top:20px}body.reader-interface #quiz-root #question-heading.reader-context-only{font-size:22px;line-height:1.5}
 body.reader-interface #quiz-root .answer-option{padding:17px 15px;gap:12px}body.reader-interface #quiz-root .answer-label{font-size:15px}body.reader-interface #quiz-root .answer-check{flex:0 0 16px}
 body.reader-interface #quiz-root #ritratto{margin:42px 24px 0;padding:0}body.reader-interface #quiz-root :is(.reader-reading>h2,.reader-passage>h2){font-size:31px;line-height:1.22;margin-bottom:26px;max-width:20ch}
 body.reader-interface #quiz-root :is(.reader-reading>p,.reader-passage>p){font-size:17px;line-height:1.85;margin-bottom:24px}body.reader-interface #quiz-root .reader-reading blockquote{font-size:24px;margin:32px 0;padding-left:20px}body.reader-interface #quiz-root p.reader-reading-note{font-size:11px;line-height:1.7}
 body.reader-interface #quiz-root .patronus-reading{padding:30px 0;background:none}body.reader-interface #quiz-root .canon-aside p{font-size:14px}
 body.reader-interface #quiz-root .related{margin-top:56px;padding-inline:20px}
}
@media(prefers-reduced-motion:reduce){.reader-interface *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

body.reader-interface #quiz-root .result-page{background:#122033;border:0;box-shadow:none;border-radius:16px;padding:18px 12px 24px}
.reader-interface .magic-passport-trigger{display:none!important}
@media(max-width:360px){body.reader-interface #quiz-root .question-stage{padding:22px 18px}body.reader-interface #quiz-root #question-heading{font-size:17px;line-height:1.6}body.reader-interface #quiz-root .reader-question{font-size:23px;line-height:1.3;margin-top:18px}body.reader-interface #quiz-root #question-heading.reader-context-only{font-size:20px;line-height:1.5}body.reader-interface #quiz-root .question-help{margin:16px 0 18px}body.reader-interface #quiz-root :is(.reader-reading>h2,.reader-passage>h2){font-size:27px}}
.reader-newsletter-row{margin-top:24px;padding-top:28px}
body.reader-interface #quiz-root .reader-portrait{padding:0;background:transparent;border:0;box-shadow:none}
body.reader-interface #quiz-root :is(.reader-reading>h2,.reader-passage>h2){margin:0 0 28px}
body.reader-interface #quiz-root .reader-passage>h3{font:400 25px/1.3 Georgia,serif;color:#ead9b5;margin:34px 0 16px}
body.reader-interface #quiz-root :is(.reader-reading>p,.reader-passage>p){font:400 18px/1.85 Georgia,serif;margin:0 0 24px;color:#d7d7d4}
.reader-passage+.reader-passage{margin-top:36px}
.reader-reading.reader-letter{border-block:1px solid #a8bfcd55;padding-block:32px;font-style:normal}
.reader-reading.reader-notebook .reader-passage{border-left:1px solid #c2ab7744;padding-left:24px}
.reader-reading.reader-fieldnotes .reader-passage{padding-block:6px;border-top:1px solid #ffffff20}
.reader-reading.reader-scenes .reader-passage+.reader-passage::before{content:'·';display:block;text-align:center;color:#c2ab77;font:28px Georgia;margin:24px 0}
.reader-reading.reader-travel .reader-passage+.reader-passage{padding-top:24px;border-top:1px dashed #a8bfcd44}
.reader-reading.reader-workshop .reader-passage{margin-block:32px}
.reader-reading.reader-logbook .reader-passage{padding-top:10px;border-top:1px solid #c2ab7744}
.reader-reading.reader-reflections .reader-passage+.reader-passage{padding-top:20px}
.reader-canon{margin-top:32px;border-top:1px solid #ffffff25}.reader-canon summary{font:13px/1.6 system-ui;color:#bdc6cf;padding:18px 0;cursor:pointer}
body.reader-interface #quiz-root .reader-canon p{font:14px/1.8 system-ui;color:#bdc6cf}
body.reader-interface #quiz-root .reader-solutions,body.reader-interface #quiz-root #dimensioni{max-width:660px;margin:40px auto}
body.reader-interface #quiz-root .reader-reading .result-insights{margin-block:40px}
@media(max-width:700px){body.reader-interface #quiz-root :is(.reader-reading>p,.reader-passage>p){font-size:17px;line-height:1.85}body.reader-interface #quiz-root .reader-passage>h3{font-size:22px}body.reader-interface #quiz-root .reader-reading.reader-notebook .reader-passage{padding-left:16px}body.reader-interface #quiz-root .reader-solutions,body.reader-interface #quiz-root #dimensioni{margin-inline:20px}}

.reader-opening summary{list-style:none;cursor:pointer}.reader-opening summary>span{display:block}.reader-opening small{display:block;color:#d9be8a;font:12px/1.6 system-ui;margin-top:12px}.reader-opening>p{margin-top:20px!important}
