/* Panel rules from the captured official practice CSS; IDs scoped locally. */
.exam-page #notepad-panel{-webkit-align-items:center;align-items:center;background-color:#fff;border:1px solid #546684;border-radius:6px;display:none;padding-bottom:4px;padding-left:4px;padding-right:4px;position:absolute;transition-duration:2s;transition-timing-function:linear;-webkit-user-select:text;-moz-user-select:text;user-select:text;z-index:80}
.exam-page #notepad-panel .notepad-content{background-color:#f0f0f0;border:1px solid #546684;bottom:24px;color:#546684;font-family:OpenSans,serif;font-size:17px;left:14px;overflow:auto;overflow-wrap:break-word;padding:10px;position:absolute;right:14px;top:56px}
.exam-page #notepad-panel .movable-title-bar{-webkit-align-items:center;align-items:center;background-color:#fff;cursor:move;display:-webkit-flex;display:flex;height:56px;-webkit-justify-content:space-between;justify-content:space-between;padding:0 8px;z-index:100}
.exam-page #notepad-panel .movable-title-bar:active{background-color:rgba(200,200,200,.5)}
.exam-page #notepad-panel .movable-title-bar .hide-button{background-color:rgba(0,0,0,0);border:0;border-radius:4px;color:#546684;font-family:Arial,sans-serif;font-size:15.75px;height:44px;padding:0 16px;z-index:1}
.exam-page #notepad-panel .movable-title-bar .hide-button:hover{background-color:#e5e5e5;color:#333;cursor:pointer}
.exam-page #notepad-panel .movable-title-bar .title-heading{color:#546684;font-family:Arial,sans-serif;font-size:15.75px;font-weight:normal}
.exam-page #notepad-panel .movable-resize-handle{height:24px}
.exam-page #notepad-panel .notepad-underlay{background-color:rgba(0,0,0,0);left:auto;padding:0;position:absolute;top:auto;z-index:-1}
.exam-page #notepad-panel.dragging .notepad-underlay{height:100%;left:0;position:fixed;top:0;width:100%}
.exam-page #notepad-panel button#expand-bottom{pointer-events:none}
.exam-page #notepad-panel{border:1px solid #003766;border-radius:0;box-sizing:content-box;padding:0}
.exam-page #notepad-panel>*{box-sizing:content-box}
.exam-page #notepad-panel>div{background-color:#cdcdd0;color:#fff;padding:0}
.exam-page #notepad-panel>div #expand-bottom{background-color:rgba(0,0,0,0);background-image:none;background-position:50%;background-size:33%;border:1px solid rgba(0,0,0,0);border-bottom-width:3px;padding:2px}
.exam-page #notepad-panel>div #expand-bottom:focus{background-color:#fff;background-image:none;border:1px solid #33c8db;border-bottom-width:3px;color:#000}
.exam-page #notepad-panel *::-moz-focus-inner{border:0}
.exam-page #notepad-panel *:focus{outline:0 !important}
.exam-page #notepad-panel:focus-within .movable-title-bar{background-color:#025783}
.exam-page #notepad-panel:focus-within .movable-title-bar .title-heading{color:#fff}
.exam-page #notepad-panel:focus-within .movable-title-bar .hide-button{color:#fff}
.exam-page #notepad-panel:focus-within>div{background-color:#025783}
.exam-page #notepad-panel:focus-within>div #expand-bottom:not(:focus){background-image:none}
.exam-page #notepad-panel[focus-within] .movable-title-bar{background-color:#025783}
.exam-page #notepad-panel[focus-within] .movable-title-bar .title-heading{color:#fff}
.exam-page #notepad-panel[focus-within] .movable-title-bar button{color:#fff}
.exam-page #notepad-panel[focus-within]>div{background-color:#025783}
.exam-page #notepad-panel[focus-within]>div #expand-bottom:not(:focus){background-image:none}
.exam-page #notepad-panel .movable-title-bar{background-color:#cdcdd0}
.exam-page #notepad-panel .movable-title-bar:focus{background-color:#025783}
.exam-page #notepad-panel .movable-title-bar .title-heading{color:#000;top:16px}
.exam-page #notepad-panel .movable-title-bar .hide-button{border:0;border-bottom:4px solid rgba(0,0,0,0);border-top:4px solid rgba(0,0,0,0);border-radius:4px;color:#000;height:calc(44px - 4px - 4px);font-family:OpenSans,Verdana,Geneva,sans-serif;text-transform:capitalize}
.exam-page #notepad-panel .movable-title-bar .hide-button:hover{background-color:#fff;color:#000}
.exam-page #notepad-panel .movable-title-bar .hide-button:focus{background-color:#fff;border-bottom-color:#33c8db;box-shadow:0 1px 3px 2px rgba(0,55,102,.5);color:#000}
.exam-page #notepad-panel .notepad-content{border:0;bottom:16px;left:0px;right:0px;top:56px}
.exam-page #notepad-panel .movable-resize-handle{height:16px}
.exam-page #line-reader{cursor:ns-resize;display:block;left:0;padding:0 .5%;position:absolute;top:100px;transition-duration:2s;transition-timing-function:linear;width:99%;z-index:10}
.exam-page #line-reader .movable-body{background-color:rgba(0,0,0,0)}
.exam-page #line-reader .reader-underlay{height:100%;position:absolute;width:100%}
.exam-page #line-reader .reader-bottom,.exam-page #line-reader .reader-top{background:#000;opacity:.75;padding:17px}
.exam-page #line-reader .reader-focus{opacity:.25;padding:9px}
.exam-page #line-reader:focus{outline:none}
.exam-page #line-reader:focus .reader-bottom,.exam-page #line-reader:focus .reader-top{border-left:5px double #f48c21;border-right:5px double #f48c21}
.exam-page #line-reader:focus .reader-bottom,.exam-page #line-reader:focus .reader-top{border-left:5px double #003766;border-right:5px double #003766}
.exam-page div#line-reader .reader-bottom,.exam-page div#line-reader .reader-top{padding:17px}
.exam-page div#line-reader .reader-focus{padding:9px}

/* The captured controls live in the exam page, outside the toolbar. */
.exam-page #notepad-panel{display:block;width:300px;height:380px;top:80px;left:calc((100% - 300px)/2);max-width:calc(100% - 2px);margin:0;transition-property:none;box-shadow:none}
.exam-page #notepad-panel *{box-sizing:content-box}
.exam-page #notepad-panel .movable-title-bar{touch-action:none;user-select:none}
.exam-page #notepad-panel .notepad-content{white-space:pre-wrap;line-height:normal}
.exam-page #notepad-panel .movable-resize-handle{align-items:center;bottom:0;cursor:s-resize;display:flex;justify-content:center;left:0;position:absolute;text-align:center;width:100%;touch-action:none;user-select:none}
.exam-page #notepad-panel #expand-bottom{position:relative;width:17px;height:10px;cursor:s-resize}
/* The exact angleDown images were absent from the approved asset inventory.
   A local CSS chevron avoids a missing or external asset; this small icon is
   an acknowledged visual difference, not a claimed pixel-identical copy. */
.exam-page #notepad-panel #expand-bottom::after{content:'';position:absolute;width:5px;height:5px;left:7px;top:2px;border-right:2px solid #000;border-bottom:2px solid #000;transform:rotate(45deg)}
.exam-page #notepad-panel:focus-within #expand-bottom:not(:focus)::after{border-color:#fff}
.exam-page #line-reader,.exam-page #line-reader *{box-sizing:content-box}
.exam-page #line-reader{touch-action:none;user-select:none;transition-property:none}