/* Original Reading Room activity; isolated from the approved Experience page. */
.room-page{--room-paper:#fffdf8;--room-ink:#172f40;--room-green:#356c63;--room-gold:#e5c579;--room-soft:#d7e1dc;background:var(--room-paper)}
.room-page [hidden]{display:none!important}.room-wrap{max-width:1280px;width:90%;margin:auto}.room-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:48px;padding:48px 0 35px}.room-eyebrow{font:600 11px/1.6 var(--sans);letter-spacing:.14em;color:var(--room-green);margin:0 0 17px}.room-intro h1{font-size:clamp(39px,4.6vw,62px);line-height:1.12;margin:0}.room-intro h1 em{color:var(--room-green)}.room-invitation{max-width:420px;padding-bottom:4px}.room-invitation p{font-size:16px;line-height:1.7;color:#4b616a;margin:0 0 12px}.room-invitation p:first-child{font-family:var(--serif);font-size:23px;line-height:1.45;color:var(--room-ink)}.room-invitation p:last-child{margin:0}
.room-workbench{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);border:1px solid #d4ddd5;background:#f1eee7}.room-visual{min-width:0}.room-visual figure{margin:0}.room-stage{position:relative;aspect-ratio:1;overflow:hidden;background:#d6cfc3}.room-stage>img{display:block;width:100%;height:100%;object-fit:contain;max-width:none;transition:transform .28s ease;transform-origin:var(--room-origin,29% 32%)}.room-stage.is-close>img{transform:translate(calc(50% - var(--room-x,29%)),calc(50% - var(--room-y,32%))) scale(2.3)}.room-stage.is-close .room-pins{visibility:hidden}.room-pins{position:absolute;inset:0;pointer-events:none}.room-pin{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:2px solid #fffdf8;background:#172f40;color:#fffdf8;box-shadow:0 2px 8px #102b3555;cursor:pointer;font-size:16px;font-weight:600;line-height:1}.room-pin[aria-pressed=true]{background:var(--room-gold);color:#172f40;border:3px solid #172f40;box-shadow:0 0 0 3px #fffdf8}.room-pin:hover{outline:2px solid #fffdf8;outline-offset:3px}.room-zoom-label{position:absolute;top:16px;left:16px;background:#172f40;color:#fffdf8;font-size:12px;padding:6px 12px;max-width:calc(100% - 32px)}.room-visual figcaption{font-size:12px;line-height:1.5;color:#526159;margin:14px 20px 0}.room-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px 20px;flex-wrap:wrap}.room-detail-controls{display:flex;gap:6px;flex-wrap:wrap}.room-detail-controls button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 11px;border:1px solid transparent;border-radius:4px;background:transparent;color:#294d43;cursor:pointer;font-size:13px}.room-detail-controls button>span{font-size:11px}.room-detail-controls button[aria-pressed=true]{border-color:#356c63;background:#fffdf8;font-weight:700}.room-detail-controls button:hover{background:#fffdf8}.room-zoom{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border:1px solid #809289;background:transparent;color:#172f40;padding:8px 12px;border-radius:4px;font-size:13px;cursor:pointer}.room-zoom:hover{background:#fffdf8}.room-question-link{display:none}
.room-panel{background:#172f40;color:#fffdf8;padding:28px clamp(22px,3vw,42px) 30px;min-width:0;scroll-margin-top:30px}.room-steps{display:flex;gap:0;border-bottom:1px solid #70888d;margin:0 0 30px}.room-steps button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;min-height:50px;color:#d7e1dc;font-size:13px;border:0;border-bottom:3px solid transparent;background:transparent;cursor:pointer;padding:6px 7px}.room-steps button span{font-size:10px;opacity:.8}.room-steps button[aria-pressed=true]{border-bottom-color:var(--room-gold);color:var(--room-gold);font-weight:700}.room-steps button:hover{background:#234553}.room-detail-name{font-size:12px;letter-spacing:.04em;color:var(--room-gold);margin:0 0 20px}.room-phase-label{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#b9cecc;margin:0 0 12px}.room-panel h2{font-size:clamp(28px,2.75vw,38px);line-height:1.18;color:#fffdf8;margin:0 0 20px}.room-panel p{font-size:15px;line-height:1.75}.room-panel [data-phase]>p:not(.room-phase-label){color:#e3ebe8}.room-panel article{margin:0}.room-panel article+article{margin-top:35px}.room-ready .room-panel article+article{margin-top:0}.room-panel [data-phase]+[data-phase]{margin-top:30px}.room-ready .room-panel [data-phase]+[data-phase]{margin-top:0}.room-panel .room-disclosure{border-top:1px solid #6f8588;border-bottom:1px solid #6f8588;padding:0;margin:23px 0 0}.room-panel .room-disclosure summary{font-size:14px;color:var(--room-gold);line-height:1.6;padding:14px 0;min-height:48px;cursor:pointer}.room-panel .room-disclosure[open] summary{margin:0}.room-panel .room-disclosure p{margin:0;padding:0 0 18px;color:#fffdf8}.room-account{padding:0 0 0 16px;border-left:2px solid var(--room-gold);margin:24px 0}.room-account>span,.room-prompt>span{display:block;font:500 11px/1.6 var(--sans);letter-spacing:.05em;color:var(--room-gold);margin:0 0 9px}.room-account p{margin:0}.room-prompt{border:1px solid #70888d;padding:18px 20px;margin:24px 0 0;letter-spacing:0}.room-prompt p{font:400 19px/1.5 var(--serif);margin:0;color:#fffdf8}.room-next-row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:28px}.room-next,.room-back{min-height:46px;cursor:pointer;font-size:13px;line-height:1.5}.room-next{border:1px solid var(--room-gold);background:var(--room-gold);color:#172f40;padding:11px 15px;border-radius:4px;display:flex;gap:20px;align-items:center;justify-content:center}.room-next:hover{background:#f0d89e}.room-back{padding:8px 4px;border:0;background:transparent;text-decoration:underline;text-underline-offset:5px;color:#d7e1dc}.room-revisit{font-size:12px!important;color:#c3d5d1;margin:0;max-width:24ch}.room-page :is(.room-panel,.room-pin,.room-zoom,.room-detail-controls button):focus-visible,.room-panel :is(button,summary):focus-visible{outline:3px solid #e5c579;outline-offset:4px}.room-pin:focus-visible{outline-color:#fffdf8!important;box-shadow:0 0 0 8px #172f40}.room-panel:focus{outline-offset:3px}
.room-takeaway{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:60px 0 65px}.room-takeaway h2{font-size:clamp(28px,3vw,40px);line-height:1.2;margin-bottom:0}.room-takeaway p:not(.room-eyebrow){font-size:16px;color:#4b616a;line-height:1.8}.room-takeaway a{display:inline-block;padding:7px 0;font-size:14px;font-weight:600;min-height:44px}.room-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1000px){.room-wrap{width:92%}.room-workbench{grid-template-columns:1fr 1fr}.room-panel{padding:22px}.room-tools{gap:6px;padding-inline:14px}.room-steps button{font-size:12px;gap:5px}.room-intro{gap:28px}.room-takeaway{gap:32px}}
@media(max-width:760px){.room-wrap{width:92%}.room-intro{grid-template-columns:1fr;gap:22px;padding:30px 0 26px}.room-intro h1{font-size:clamp(34px,8.7vw,48px)}.room-invitation{max-width:40ch}.room-invitation p:first-child{font-size:20px}.room-invitation p{font-size:15px}.room-workbench{grid-template-columns:1fr}.room-panel{padding:24px 22px 30px}.room-panel h2{font-size:34px}.room-panel p{font-size:16px}.room-tools{padding:14px 14px 8px;gap:8px}.room-question-link{display:flex;justify-content:space-between;align-items:center;min-height:44px;margin:0 16px 12px;font-size:13px}.room-takeaway{grid-template-columns:1fr;gap:24px;padding:38px 0 45px}.room-takeaway h2{font-size:31px}.room-steps{margin-bottom:24px}.room-steps button{font-size:13px}.room-visual figcaption{font-size:11px;margin-inline:16px}.room-pin{width:44px;height:44px}.room-panel .room-disclosure summary{font-size:15px}}
@media(max-width:360px){.room-panel{padding-inline:18px}.room-detail-controls button{padding-inline:7px;font-size:12px}.room-intro h1{font-size:34px}.room-steps button{font-size:12px}.room-steps button span{display:none}.room-panel h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.room-stage>img{transition:none}.room-page{scroll-behavior:auto}}
@media print{.room-workbench{display:block}.room-panel{background:white;color:#172f40}.room-panel *{color:#172f40!important}.room-page [data-room-article],.room-page [data-phase]{display:block!important}.room-panel article+article,.room-panel [data-phase]+[data-phase]{margin-top:24px!important}.room-tools,.room-pins,.room-steps,.room-next-row,.room-question-link{display:none!important}.room-stage>img{transform:none!important}}
