/* Isolated screenshot-reference review screens. The surrounding practice UI is untouched. */
body[data-shl-replica] .sidebar,body[data-shl-replica] .topbar{display:none}
body[data-shl-replica] .shell{margin:0}
body[data-shl-replica] main{padding:0;min-height:100vh}
body[data-shl-replica] .shl-page{font-family:Arial,Helvetica,sans-serif;color:#080808;background:#fff;font-size:18px;line-height:1.45;min-height:100vh}
.shl-page *{box-sizing:border-box}
.shl-scenario{width:100%;height:calc(100vw * var(--source-height) / var(--source-width));max-height:var(--source-height);background-size:100% auto;background-position:top center;background-repeat:no-repeat;background-color:#222327}
.shl-question{width:min(940px,calc(100% - 32px));margin:0 auto;padding:18px 0 40px}
body[data-shl-replica=tasks] .shl-question{width:min(930px,calc(100% - 32px));margin-left:max(16px,calc((100% - 994px)/2));padding-top:40px}
body[data-shl-replica=tasks] .shl-question h1{margin-bottom:24px}
body[data-shl-replica=tasks] .shl-question>p{font-size:20px;line-height:1.3}
body[data-shl-replica=tasks] .shl-next{margin-top:76px}
.shl-question h1,.shl-answer h2{color:#686868;font-size:18px;font-weight:700;line-height:1.25;margin:0 0 12px}
.shl-question>p{font-size:18px;line-height:1.45;margin:0 0 16px;color:#090909;white-space:normal}
.shl-answer button{font-family:inherit}
.shl-reset{display:grid;place-items:center;width:44px;height:44px;margin:0 0 16px;border:0;border-radius:4px;background:#1d3d6a;color:white;font-size:31px;line-height:1;cursor:pointer}
.shl-reset:hover,.shl-next:hover{background:#31577f}
.shl-next{display:block;width:282px;max-width:100%;height:44px;margin:50px auto 0;border:0;border-radius:24px;background:#1d3d6a;color:#fff;font:700 18px Arial,Helvetica,sans-serif;cursor:pointer}
.shl-rank-rows{display:grid;gap:5px;margin-top:14px}
.shl-rank-row{display:grid;grid-template-columns:1fr 1fr;gap:0}
.shl-person{display:flex;align-items:center;min-width:0;height:52px;padding:0 5px 0 0;border:1px solid #e4e4e4;background:linear-gradient(#fff,#f2f2f2);box-shadow:0 5px 8px #0002;text-align:left;font-size:16px;cursor:pointer}
.shl-portrait{display:block;flex:none;width:50px;height:50px;background-repeat:no-repeat;background-size:1900px auto}
.shl-person>span:nth-child(2){padding-left:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shl-rank-value{display:grid;place-items:center;flex:none;width:45px;height:45px;margin-left:auto;border:1px solid #ccc;border-radius:50%;background:#ddd;color:#666;font-size:20px;font-style:italic}
.shl-rank-value.filled{background:#83d746;border-color:#83d746;color:#111;font-style:normal}
.shl-answer .shl-rank-rows+h2{margin-top:48px}
.shl-badges{display:flex;justify-content:space-around;gap:12px;padding:8px 0 0}
.shl-badge{width:65px;height:65px;border:1px solid #e0e0e0;border-radius:50%;background:#fff;box-shadow:0 6px 8px #0002;font-size:32px;cursor:grab}
.shl-badge.active{outline:3px solid #83d13e}
.shl-track{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));height:64px;border:1px solid #999}
.shl-slot{min-width:0;border:0;border-right:1px solid #bbb;background:linear-gradient(#fff,#f0f0f0);cursor:pointer}
.shl-slot:last-child{border-right:0}.shl-slot.locked{background:#999;cursor:default}.shl-slot.selected{background:#83d746}.shl-slot:hover:not(.locked){box-shadow:inset 0 0 0 2px #83d746}
.shl-hours{display:flex;justify-content:space-between;color:#888;font-size:17px;font-weight:700;margin:2px 0 30px}
.shl-task-list{display:grid;gap:24px;margin-top:32px}
.shl-task{display:flex;align-items:center;justify-content:space-between;height:63px;padding:0 26px 0 50px;border:1px solid #ddd;border-left:30px solid var(--task-color);background:linear-gradient(#fff,#f1f1f1);box-shadow:0 5px 9px #0003;color:#555;text-align:left;font-size:20px;font-weight:700;cursor:grab}
.shl-task i{font-size:16px;font-weight:400}.shl-task.active{outline:2px solid #1d3d6a}
.shl-booth-map{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:50px 200px;border:1px solid #888;border-radius:3px;overflow:hidden}
.shl-booth-header{grid-column:1/-1;border-bottom:1px solid #888}.shl-booth{position:relative;display:flex;align-items:center;justify-content:center;color:#888;letter-spacing:1px;font-size:17px;cursor:pointer}.shl-booth:nth-child(2){border-right:1px solid #888}
.shl-booth-people{position:absolute;inset:12px;display:flex;gap:8px;align-items:flex-end;justify-content:center;pointer-events:none}.shl-booth-people .shl-pin{pointer-events:auto}
.shl-people{display:flex;justify-content:space-around;width:min(780px,100%);margin:36px auto 0}.shl-pin{display:block;width:63px;height:70px;padding:0;border:0;background:#83d746;clip-path:polygon(50% 100%,12% 56%,4% 30%,13% 10%,32% 0,68% 0,87% 10%,96% 30%,88% 56%);cursor:grab}.shl-pin .shl-portrait{width:50px;height:50px;margin:5px auto;border-radius:50%;background-size:1900px auto}
.shl-calendar{display:grid;grid-template-columns:repeat(7,1fr);row-gap:8px;margin-top:6px}.shl-calendar strong,.shl-calendar button,.shl-calendar span{display:grid;place-items:center;height:48px;text-align:center}.shl-calendar strong{color:#666;font-size:16px}.shl-calendar button{width:52px;margin:auto;border:2px solid transparent;border-radius:50%;background:none;font-size:18px;cursor:pointer}.shl-calendar button:hover,.shl-calendar button.selected{background:#83d746;border-color:#111}
@media(max-width:650px){.shl-page{font-size:16px}.shl-question>p{font-size:16px}.shl-person{font-size:13px}.shl-portrait{width:36px;height:50px}.shl-rank-value{width:34px;height:34px}.shl-badge{width:46px;height:46px;font-size:23px}.shl-task{font-size:16px;padding-right:10px}.shl-people{gap:5px}.shl-pin{transform:scale(.8)}}