.interview-reader{box-sizing:border-box;width:min(1100px,calc(100vw - 48px));height:90dvh;max-height:90dvh;max-width:none;padding:0;border:1px solid #edb74c66;background:#f6f4ea;color:#111411}.interview-reader[open]{display:flex;flex-direction:column}.interview-reader::backdrop{background:#000c}.interview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px;background:#1c221a;color:#f6f4ea}.interview-toolbar h2{font-size:28px;margin:0}.interview-toolbar p{font-size:13px;color:#b8bdb2;margin:5px 0 0}.interview-close{flex:none;background:transparent;border:1px solid #edb74c;color:#edb74c;padding:10px 16px;font:inherit;cursor:pointer}.interview-close:focus-visible{outline:3px solid #edb74c;outline-offset:3px}.interview-source{padding:10px 26px;margin:0;font-size:13px}.interview-source a{color:#111411;text-decoration:underline}.interview-frame{flex:1;min-height:0}.interview-frame iframe{width:100%;height:100%;border:0;background:white}@media(max-width:600px){.interview-reader{width:calc(100vw - 16px);height:94dvh;max-height:94dvh}.interview-toolbar{padding:16px;gap:12px}.interview-toolbar h2{font-size:23px}.interview-toolbar p{font-size:11px}.interview-source{padding:10px 16px;font-size:12px}.interview-close{padding:8px 10px}}