.paris-page,.paris-scene{--paris-paper:#eee4cc;--paris-ink:#283b36;--paris-line:#b6a780}
.paris-page{background:radial-gradient(ellipse at 20% 0%,#3b493d66,transparent 65%),linear-gradient(150deg,#101c19,#18251f);padding:clamp(20px,4vw,50px)}
.paris-content{max-width:850px;margin:0 auto;outline:none;scroll-margin-top:76px}.paris-heading p{color:#c4b899;font-size:15px}.paris-heading h1{font-family:serif;font-size:clamp(26px,5vw,42px);line-height:1.35}
.paris-prose,.paris-paper,.paris-material,.paris-feedback,.paris-proof,.paris-summary{font-size:19px;line-height:1.85;overflow-wrap:anywhere}.paris-prose p{margin:1.15em 0}.paris-speech{margin:1.2em 0;padding:8px 0 8px 18px;border-left:2px solid #a99258}.paris-speech cite{font-style:normal;color:#d9c68f;font-size:16px}.paris-speech p{margin:.4em 0}
.paris-paper,.paris-material,.paris-machine{margin:24px 0;background:var(--paris-paper);color:var(--paris-ink);padding:clamp(18px,3vw,28px);border:1px solid #a89870;border-radius:2px;box-shadow:0 8px 28px #0002}.paris-paper h3,.paris-material h3,.paris-machine h3{font-size:22px;line-height:1.4;margin:0 0 14px}.paris-source{font-size:16px;line-height:1.65;border-bottom:1px solid var(--paris-line);padding-bottom:12px}
.paris-machine{font-size:18px;line-height:1.7}.paris-machine p{margin:12px 0}.paris-letter-options,.paris-choice-options,.paris-controls{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.paris-machine button,.paris-material button{background:#314f42;color:#fbf5e4;border:1px solid #72856a;min-height:46px;padding:8px 14px}.paris-machine button[aria-pressed=true]{background:#825f2d;border-color:#bd9752}.paris-machine button:disabled{opacity:.6;cursor:not-allowed}
.paris-machine-output{font-family:Georgia,serif;font-size:clamp(23px,4vw,30px);line-height:1.6;letter-spacing:.035em;padding:20px 12px;background:#fffaf0;border:1px solid #b5a77f;overflow-wrap:anywhere}.paris-run-history{padding-left:24px}.paris-run-history li{margin:12px 0}.paris-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.paris-strip{display:flex;gap:4px;flex-wrap:wrap}.paris-strip span{border:1px solid #b7a98a;min-width:34px;padding:4px;text-align:center;font-size:17px}
.paris-workbench{padding:4px 0}.paris-question{display:block;margin:24px 0;font-size:19px;line-height:1.7}.paris-question select{width:100%;min-height:48px;margin-top:10px;background:#182a22;color:#f2ead7;border:1px solid #a39568;padding:10px;font-size:18px}.paris-notes{margin:24px 0;font-size:18px;line-height:1.7}.paris-notes textarea{display:block;width:100%;box-sizing:border-box;min-height:120px;font-size:18px;line-height:1.6;padding:12px;background:#ece4d0;color:#23362d;border:1px solid #ad9c70}
.paris-feedback{padding:18px;border-left:3px solid #c6a96c;background:#ffffff08}.paris-feedback h3{font-size:21px}.paris-proof{margin:24px 0}.paris-proof summary{cursor:pointer;color:#daca9d;padding:12px 0}.paris-proof li{padding:7px 0}.paris-result{font-size:19px;color:#dec896}.paris-pending{font-size:17px;line-height:1.8;color:#baa983;padding:16px 0}.paris-bridge{max-width:850px;margin:20px auto;padding:20px}
.paris-art{width:100%;height:auto;display:block;object-fit:contain}.paris-art-caption{font-size:17px;line-height:1.7;margin-top:10px}
@media(max-width:600px){.paris-page{padding:20px 16px}.paris-prose,.paris-paper,.paris-material,.paris-feedback,.paris-proof,.paris-summary{font-size:19px}.paris-comparison-grid{grid-template-columns:1fr}.paris-material,.paris-machine,.paris-paper{padding:18px 14px}.paris-question select{font-size:17px}.paris-letter-options button,.paris-choice-options button{flex:1}.paris-speech{padding-left:12px}}

.paris-cover-art{min-height:340px;aspect-ratio:3/2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;background:radial-gradient(ellipse at center,#32483c,#15291f);border:1px solid #8d8158;color:#d7c598;text-align:center;padding:28px;box-sizing:border-box}.paris-cover-art span{font-size:16px;letter-spacing:.18em}.paris-cover-art strong{font-family:Georgia,serif;font-size:90px;font-weight:400;line-height:1}.paris-cover-art i{font-style:normal;font-family:serif;font-size:23px}.paris-strip small{display:block;font-size:12px}.paris-strip b{display:block;font-size:19px}.paris-speech .chronicle-portrait,.paris-speech .morning-portrait{width:64px;height:64px;object-fit:cover;float:right;margin:0 0 8px 12px}@media(max-width:600px){.paris-cover-art{min-height:220px;padding:20px}.paris-cover-art strong{font-size:64px}}

@media(max-width:600px){
 .paris-page .murdle-top,body[data-story-chapter="3"] .story-review-reader-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 8px;align-items:center}
 .paris-page .murdle-top>.story-reading-context,body[data-story-chapter="3"] .story-review-reader-nav>.story-reading-context{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:6px 12px;width:100%;min-width:0}
 .paris-page .story-reading-chapter,body[data-story-chapter="3"] .story-review-reader-nav .story-reading-chapter{display:inline-flex;gap:10px;align-items:baseline;white-space:nowrap;flex:0 0 auto}
 .paris-page .story-review-section-label,body[data-story-chapter="3"] .story-review-reader-nav .story-review-section-label{flex:1 1 100%;width:100%;min-width:0;max-width:none;font-size:17px;line-height:1.5;overflow-wrap:normal;word-break:normal}
 .paris-page .murdle-top>.story-review-mode-toggle,body[data-story-chapter="3"] .story-review-reader-nav>.story-review-mode-toggle{grid-column:2;grid-row:1;min-width:0;white-space:nowrap}
 .paris-page .murdle-top .story-review-mode-toggle button,body[data-story-chapter="3"] .story-review-reader-nav .story-review-mode-toggle button{font-size:14px;padding:8px 7px}
}

.paris-apparatus{max-width:520px;margin:18px auto 24px;background:#ece3ce;color:#293b31;border:1px solid #a69370;padding:12px;border-radius:3px}
.paris-apparatus svg{display:block;width:100%;height:auto;overflow:visible}
.paris-apparatus figcaption{font-size:18px;line-height:1.65;padding:10px 4px 4px;color:#293b31}
.paris-ring-stage{border-top:1px solid #af9d7b;margin-top:26px;padding-top:20px}
.paris-observation{border-left:3px solid #9b8045;background:#fffaf04d;padding:12px 16px;margin:16px 0;color:#293b31}
.paris-observation h4{font-size:19px;line-height:1.55;margin:0 0 9px}
.paris-observation p{font-size:19px;line-height:1.8}
.paris-ring-plan{padding-bottom:16px;border-bottom:1px solid #b6a780}
.paris-ring-plan [aria-pressed=true],.paris-radiometer [aria-pressed=true]{background:#825f2d;color:#fff5dc}
@media(prefers-reduced-motion:reduce){.paris-vane-motion{animation:none!important}}
@media(max-width:600px){.paris-apparatus{padding:6px;max-width:100%}.paris-apparatus figcaption{font-size:18px}.paris-observation{padding:10px 12px}.paris-observation p{font-size:19px}.paris-ring-plan .paris-choice-options button{flex:1 1 100%}}

.paris-glow .paris-choice-options button,.paris-choice .paris-choice-options button{flex:1 1 220px;text-align:left;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
.paris-glow [aria-pressed=true],.paris-clamp [aria-pressed=true],.paris-choice [aria-pressed=true]{background:#825f2d;color:#fff5dc}
.paris-route{font-size:19px;line-height:1.85}.paris-route h3{font-size:21px}.paris-choice button{min-height:46px;padding:10px 14px}
.paris-glow-figure,.paris-clamp-figure{animation:none}.paris-clamp-figure svg text,.paris-glow-figure svg text{font-family:Arial,sans-serif}
@media(max-width:600px){.paris-glow .paris-choice-options button,.paris-choice .paris-choice-options button{flex:1 1 100%;width:100%}.paris-clamp .murdle-primary,.paris-glow .murdle-primary{max-width:100%;white-space:normal;line-height:1.6}}
.paris-scene-art{margin:1.25rem 0;max-width:100%;min-width:0}.paris-scene-art img{display:block;width:100%;max-width:100%;height:auto;border-radius:4px}.paris-scene-art figcaption{font-size:.9rem;line-height:1.75;color:var(--muted);margin-top:.6rem}

.paris-setting-strip{margin:1rem 0;padding:1rem;border:1px solid #b49a70;background:#ece1c9;color:#273f3d;min-width:0}.paris-setting-strip figcaption{font-size:.96rem;line-height:1.7;margin-bottom:.7rem}.paris-setting-strip ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}.paris-setting-strip li{display:flex;flex-direction:column;align-items:center;justify-content:center;width:32px;min-height:50px;border:1px solid #b7a07c;background:#fff8e8}.paris-setting-strip li:last-child{width:48px}.paris-setting-strip small{font-size:11px;line-height:1.4;color:#65543e}.paris-setting-strip span{font-size:16px;line-height:1.6}.paris-setting-strip .paris-slot-six{border:2px solid #735a35;background:#e9d1a5}

/* Paper text must beat the shared reading-mode paragraph rule.  The variable
   also keeps the same ink in production read-only and replay containers. */
#app .paris-scene :is(.paris-paper,.paris-material,.paris-machine,.paris-apparatus,.paris-observation,.paris-setting-strip){--story-prose-ink:var(--paris-ink,#283b36);color:var(--paris-ink,#283b36);color-scheme:light}
#app .murdle-page .paris-scene :is(.paris-paper,.paris-material,.paris-machine,.paris-apparatus,.paris-observation,.paris-setting-strip) :is(p,h1,h2,h3,h4,h5,h6,li,dt,dd,blockquote,cite,figcaption,caption,th,td,label,legend,summary){color:var(--paris-ink,#283b36)}
#app .murdle-page .paris-scene .paris-prose p{font-size:19px;line-height:1.85}
#app .murdle-page .paris-scene .paris-machine-output{font-size:clamp(23px,4vw,30px);line-height:1.6;color:var(--paris-ink,#283b36)}
#app .paris-scene .paris-observation{background:#fffaf0;color:var(--paris-ink,#283b36)}
#app .paris-scene :is(.paris-paper,.paris-material,.paris-machine,.paris-observation) a{color:#244a3c;text-decoration:underline;text-underline-offset:.18em}
#app .paris-scene :is(.paris-machine,.paris-material) button{background:#314f42;color:#fbf5e4;border-color:#72856a;opacity:1}
#app .paris-scene :is(.paris-machine,.paris-material) button:hover:not(:disabled){background:#385b4b;color:#fbf5e4}
#app .paris-scene :is(.paris-machine,.paris-material,.paris-choice) button[aria-pressed=true]{background:#755329;color:#fff5dc;border-color:#946f3f}
#app .paris-scene :is(.paris-machine,.paris-material,.paris-choice) button:disabled,#app .paris-scene :is(.paris-machine,.paris-material,.paris-choice) button:disabled:hover{background:#d4cbb5;color:#344036;border-color:#8d896f;opacity:1;cursor:not-allowed}
#app .paris-scene .paris-notes textarea{background:#ece4d0;color:#23362d;opacity:1;color-scheme:light}
#app .paris-scene .paris-notes textarea::placeholder{color:#536044;opacity:1}

/* A locked Continue button remains readable while a comparison is pending. */
#app .murdle-page.paris-page .paris-controls button:disabled,#app .murdle-page.paris-page .paris-controls button:disabled:hover{background:#283b32;color:#ded8c5;border-color:#78816a;opacity:1;cursor:not-allowed}