.hrm-learning-frame,.hrm-learning-reference{position:relative;width:100%;color:#e3edf0;font-family:"Segoe UI",sans-serif;overflow:hidden;background:radial-gradient(ellipse at 90% 8%,#08415855,transparent 45%),linear-gradient(115deg,#00131f,#002331 65%,#001724)}
.hrm-learning-frame *,.hrm-learning-reference *,.hrm-learning-dialog *{box-sizing:border-box;font-family:"Segoe UI",sans-serif}.hrm-learning-frame [hidden],.hrm-learning-reference [hidden]{display:none!important}.hl-board{width:1240px;height:540px;position:relative;padding:12px 20px 0;overflow:hidden}.hl-board:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 62% -24%,transparent 0 12px,#cbad6133 13px,transparent 14px 22px);mask-image:linear-gradient(transparent,#0006 8%,transparent 35%);opacity:.5}.hl-title{position:relative;height:72px}.hl-title h2{font-size:32px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.2px!important;color:#ead09a!important;margin:0 0 5px!important;text-shadow:0 1px 1px #000}.hl-title p{font-size:14px!important;line-height:1.4!important;color:#b7c8cf!important;margin:0!important}.hl-board svg{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.hl-board button{font:inherit;color:inherit;cursor:pointer}.hl-board button:focus-visible,.hrm-learning-dialog button:focus-visible,.hrm-learning-dialog input:focus-visible{outline:2px solid #e8cb89;outline-offset:2px}.hl-header-art{position:absolute;right:28px;top:5px;width:340px;height:75px;display:flex;align-items:center;gap:28px;color:#dbc28b}.hl-header-art>svg{width:125px;height:75px;stroke-width:.8;filter:drop-shadow(0 0 8px #d5b56b55)}.hl-header-art span{font-style:italic;font-size:17px;text-align:center}.hl-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:940px;height:67px;margin-bottom:10px}.hl-metric{border:1px solid #14728a;border-radius:9px;background:linear-gradient(120deg,#0c485bd9,#002333b0);box-shadow:inset 0 0 9px #099ab62e;display:flex;align-items:center;text-align:left;padding:6px 13px;gap:16px;font-size:12px!important}.hl-metric:hover,.hl-session:hover{background-color:#164355}.hl-orb{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#1c4750,#082a38);display:grid;place-items:center;color:#e5c67d}.hl-orb svg{width:32px;height:32px}.hl-metric strong{display:block;font-size:25px;line-height:27px;color:#eff7fc;font-weight:600}.hl-metric small{display:block;font-size:10px;color:#a8bcc6}.hl-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:216px 148px;gap:10px}.hl-card{position:relative;border:1px solid #176078;border-radius:9px;background:linear-gradient(115deg,#0e3f50cc,#00202eb3);padding:8px 9px;box-shadow:inset 0 0 14px #1296ba22}.hl-card h3{display:flex;align-items:center;gap:10px;font-size:14px;line-height:20px;margin:0!important;color:#ecf3f4;font-weight:650}.hl-card h3 svg{color:#e7c878;width:24px;height:24px}.hl-card>p{font-size:10px;line-height:15px;color:#b9c6c9;margin:0 0 6px 34px!important}.hl-card table{border-collapse:collapse;width:100%;font-size:11px;text-align:left;background:#001c29b0;border-radius:6px;overflow:hidden}.hl-card th{font-weight:400;background:#123c4e99}.hl-card th,.hl-card td{border:1px solid #27506199;padding:6px 10px}.hl-card th:not(:first-child),.hl-matrix td:not(:first-child),.hl-progress td:nth-child(2){text-align:center}.hl-card th svg{height:13px;width:16px;margin-right:9px;color:#bedde5}.hl-state{display:inline-block;border-radius:4px;padding:3px 8px;min-width:93px;font-size:10px;text-align:center;white-space:nowrap}.hl-blue{background:#1c6384aa;color:#c4eaf4}.hl-green{background:#2e735a99;color:#cef2d9}.hl-amber{background:#78633eaa;color:#f2deaf}.hl-grey{background:#425b66;color:#d8e2e7}.hl-cell-action{border:0;background:transparent;padding:0}.hl-matrix table td,.hl-matrix table th{padding:5px 10px;height:29px}.hl-matrix table td:first-child{width:25%}.hl-calendar-heading{display:flex;justify-content:space-between;align-items:center}.hl-week{display:flex;align-items:center;font-size:10px;gap:9px}.hl-week button{background:none;border:0;font-size:23px;line-height:20px;color:#bfd6de}.hl-session{display:flex;align-items:center;width:100%;height:38px;margin-top:3px;padding:0 7px 0 0;border:1px solid #185267;border-radius:6px;background:linear-gradient(100deg,#0b3545,#062734);text-align:left;gap:13px}.hl-date{width:60px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:11px;background:linear-gradient(135deg,#216681,#134153);border-radius:5px}.hl-date b{font-weight:400}.hl-session-copy{flex:1;font-size:11px;min-width:0}.hl-session-copy>b{font-weight:500}.hl-session-copy small{display:flex;align-items:center;gap:5px;font-size:9px;color:#bbcbd0;margin-top:3px}.hl-session-copy small>span{display:flex;align-items:center;margin-left:10px;gap:5px}.hl-session-copy small svg{width:12px;height:12px}.hl-session .hl-state{border:1px solid currentColor;border-radius:20px;font-size:9px;padding:3px 7px;min-width:95px}.hl-progress{grid-column:1;grid-row:2}.hl-calendar{grid-column:2;grid-row:1}.hl-progress th,.hl-progress td{padding:4px 8px;font-size:10px}.hl-progress th:first-child{width:34%}.hl-progress th:nth-child(3){width:29%}.hl-progress-line{display:flex;align-items:center;gap:7px}.hl-progress-line i{display:block;width:112px;height:8px;border-radius:8px;background:#42606c;overflow:hidden}.hl-progress-line b{display:block;height:100%;background:linear-gradient(90deg,#8acddb,#17d4ee);border-radius:8px}.hl-progress-line span{font-size:9px}.hl-evidence-link{border:0;background:none;padding:0;font-size:10px!important;white-space:nowrap}.hl-evidence-link svg{height:15px;width:15px;margin-right:10px;color:#e8c883}.hl-progress tbody tr{cursor:pointer}.hl-progress tbody tr:hover{background:#14607555}.hl-plan{grid-row:2;grid-column:2}.hl-plan-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:6px}.hl-plan-steps button{position:relative;display:flex;gap:10px;align-items:flex-start;text-align:left;height:78px;padding:10px;border:1px solid #1d576b;border-radius:7px;background:linear-gradient(115deg,#174454,#0d3042);font-size:10px}.hl-plan-steps button:not(:last-child):after{content:'→';position:absolute;right:-19px;top:25px;font-size:20px;color:#eddfb9}.hl-plan-steps svg{width:30px;height:30px;color:#ebd294}.hl-plan-steps b{font-size:10px;font-weight:500;display:block;white-space:nowrap}.hl-plan-steps small{display:block;font-size:9px;line-height:13px;margin-top:5px;color:#cedbdd}.hl-footer{display:flex;justify-content:space-between;font-size:8px;color:#9db2bd;margin-top:6px}.hl-footer b{font-size:11px;color:#e0c88b}.hl-empty{font-size:13px;margin:40px 10px;color:#c8d9e0}.hrm-learning-dialog{position:fixed;inset:0;width:min(560px,90vw);height:fit-content!important;min-height:0;max-height:88vh;margin:auto!important;overflow:auto;padding:24px;border:1px solid #54a3bb;border-radius:12px;background:linear-gradient(130deg,#0c3749,#001c2a);color:#e2edf2;font:14px "Segoe UI",sans-serif;box-shadow:0 20px 80px #000b}.hrm-learning-dialog::backdrop{background:#000b}.hrm-learning-dialog h3{font-size:21px;color:#ead29d;margin:0 28px 12px 0}.hrm-learning-dialog>p{font-size:11px;color:#acbdc6}.hrm-learning-dialog button{border:1px solid #377389;border-radius:4px;background:#104054;color:#e2edf2;cursor:pointer;padding:5px 9px}.hrm-learning-dialog [data-hl-close]{position:absolute;right:12px;top:10px;font-size:22px}.hrm-learning-dialog dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hrm-learning-dialog dd{margin:0}.hrm-learning-dialog label{display:block;margin-top:20px;font-size:12px}.hrm-learning-dialog input{display:block;width:100%;margin-top:6px;padding:9px;background:#001926;border:1px solid #3b7184;border-radius:5px;color:#e9f3f7}.hrm-learning-dialog [data-hl-search-results] button{display:block;margin-top:8px;width:100%;text-align:left}
.hrm-learning-reference{background:linear-gradient(90deg,#001823cc,#00273a66,#001622dd),repeating-linear-gradient(90deg,#001923 0 30px,#103d4c 32px 36px,#001521 42px 110px)}.hrm-learning-reference .hl-title{text-align:center;height:87px;padding-top:6px}.hrm-learning-reference .hl-title h2{font-size:32px!important}.hrm-learning-reference .hl-title p{font-size:17px!important}.hl-story-scenes{position:relative;display:grid;grid-template-columns:repeat(4,1fr);height:330px;gap:12px}.hl-scene{position:relative;min-width:0;border:1px solid #b9ccbf66;border-radius:12px;background:linear-gradient(120deg,#12485c22,#001c2a22);box-shadow:inset 1px 1px 3px #b5dfe333;padding:0 7px}.hl-scene:not(:last-child):after{content:'❯';position:absolute;right:-18px;top:120px;color:#f8df9c;text-shadow:0 0 9px #eeb451;z-index:3;font-size:32px}.hl-scene h3{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:12px;margin:-4px 0 12px!important;min-height:42px;font-size:14px;color:#f1f2ed;background:linear-gradient(110deg,#103d4b,#002737);border:1px solid #a7d2d8;border-radius:15px;box-shadow:inset 0 0 9px #61d4e43a;transform:rotate(-2deg);font-weight:600;white-space:nowrap}.hl-scene h3 svg{color:#e9cd8d;width:28px;height:28px}.hl-glass{position:relative;border:1px solid #9ac9d0;border-radius:8px;background:linear-gradient(125deg,#31687caa,#052a3cc9);box-shadow:inset 0 0 8px #89d9ed44,0 5px 8px #0006}.hl-scene h4{margin:8px 0 12px;font-size:10px;font-weight:500}.hl-map{padding:9px 10px;margin:16px 0 0;height:192px;transform:perspective(800px) rotateY(8deg)}.hl-map-cols{display:grid;grid-template-columns:3fr 2fr;gap:12px}.hl-map-cols>div p{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;margin:12px 0 20px}.hl-map-cols i{width:65px;height:9px;border:1px solid #5196a9;border-radius:9px;display:block;background:#005879}.hl-map-cols b{height:7px;display:block;border-radius:7px;background:linear-gradient(90deg,#b79352,#f8db92)}.hl-map-cols aside{font-size:11px;border:1px solid #57b9cd;border-radius:7px;padding:7px;background:#00506a66}.hl-map-cols aside p{font-size:9px;color:#ead9a7;white-space:nowrap;margin-top:12px}.hl-book-spine{position:absolute;bottom:26px;left:0;width:165px;height:48px;padding:8px;background:linear-gradient(#18455d,#0b2136);border:1px solid #d1b36f;border-left:12px solid #12354c;transform:skewY(-6deg);text-align:center;font-size:10px;color:#d9c38e;box-shadow:0 8px 5px #0006}.hl-gold-pen{position:absolute;bottom:22px;left:100px;width:132px;height:5px;background:linear-gradient(#e1c383,#2a2824);transform:rotate(-8deg);border-radius:4px}.hl-scene:before{content:'';position:absolute;bottom:3px;left:-10px;right:-10px;height:22px;border-radius:50%;border:1px solid #d1b677;background:linear-gradient(#093143,#111e24 40%,#d7b571 50%,#062b38 65%);box-shadow:0 5px 6px #0006}.hl-prop{position:absolute;bottom:10px;background-image:url('./media/hrm-learning/practice-scenes.webp');background-repeat:no-repeat;background-size:300% auto;pointer-events:none}.hl-study-prop{left:-7px;right:-8px;height:170px;background-position:left bottom}.hl-practice-prop{left:-6px;right:-5px;height:190px;background-position:center bottom;z-index:2}.hl-feedback-prop{left:-7px;right:-12px;height:168px;background-position:right bottom;z-index:2}.hl-laptop-screen{position:relative;margin:35px 52px 0 5px;background:linear-gradient(125deg,#153c55,#001827);border:5px solid #07141f;outline:1px solid #b9c9cc;border-radius:6px;height:146px;padding:6px 9px;transform:perspective(700px) rotateY(7deg);z-index:3}.hl-laptop-screen h4{margin:0 0 6px}.hl-laptop-screen p{display:flex;align-items:center;gap:10px;margin:3px 0;font-size:9px;border:1px solid #2d586c;border-radius:4px;background:#12405788;padding:4px}.hl-laptop-screen svg{color:#e5d39d;width:22px;height:22px}.hl-laptop-screen small{display:block;font-size:8px;color:#b8ccd4;margin-top:2px}.hl-books-label{position:absolute;right:5px;bottom:83px;font-size:7px;line-height:26px;color:#dac38e;z-index:4;transform:rotate(-2deg)}.hl-notebook-label{position:absolute;bottom:20px;right:64px;color:#3e3830;font-size:10px;text-align:center;z-index:4;transform:rotate(10deg)}.hl-evidence{height:163px;width:158px;position:absolute;right:4px;top:58px;padding:9px;z-index:1}.hl-evidence p{display:flex;align-items:center;gap:8px;font-size:9px;margin:10px 0}.hl-evidence p svg{width:18px;height:18px}.hl-feedback{position:absolute;top:52px;left:4px;right:4px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;height:171px}.hl-feedback h4{font-size:9px;white-space:nowrap;margin:0 0 13px}.hl-feedback p{font-size:8px;line-height:16px;margin:6px 0}.hl-feedback>div:first-child p{background:#31718c88;padding:3px;border-radius:4px}.hl-certificate-label{position:absolute;bottom:42px;right:7px;z-index:4;color:#453f35;text-align:center;font-size:5px;transform:rotate(4deg)}.hl-benefits{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px}.hl-benefits article{display:flex;align-items:center;gap:17px;height:81px;padding:12px 17px;border:1px solid #7db2c3;border-radius:8px;background:linear-gradient(110deg,#164354aa,#001f2dc9);box-shadow:inset 0 0 12px #56c6de11}.hl-benefits article>span{display:grid;place-items:center;border:1px solid #73a6ac;border-radius:50%;width:53px;height:53px;flex-shrink:0;background:radial-gradient(circle,#1f4b54,#002531);color:#e8cc8b}.hl-benefits svg{width:32px;height:32px}.hl-benefits h3{font-size:14px;margin:0 0 4px!important;color:#f1f3ee}.hl-benefits p{font-size:11px;line-height:16px;margin:0!important;color:#c6d3d6}
@media(prefers-reduced-motion:no-preference){.hl-metric,.hl-session{transition:background-color .2s,box-shadow .2s}.hl-metric:hover{box-shadow:inset 0 0 15px #42c7d855,0 0 5px #1d9db555}}
/* Leave room for the source footnote inside the fixed design board. */
.hrm-learning-frame .hl-title{height:65px}.hl-dashboard-grid{grid-template-rows:211px 142px}.hl-plan-steps button{height:74px}.hl-footer{line-height:13px}
.hrm-learning-frame .hl-title,.hrm-learning-reference .hl-title{display:block!important}.hl-board{line-height:1.3}.hl-card th,.hl-card td{line-height:15px}.hl-progress th,.hl-progress td{line-height:14px}.hl-footer{position:absolute;bottom:6px;left:20px;right:20px;margin:0}.hl-progress table{margin:0}.hl-card>p{line-height:14px!important}
/* Independent transparent props: retain the full silhouette rather than clipping heads. */
.hl-prop{background-size:300% 100%}.hl-practice-prop{height:205px}.hl-feedback-prop{height:185px}.hl-map-cols>div p{white-space:nowrap;font-size:8px}.hl-scene:before{left:0;right:0;height:17px}.hl-feedback{height:159px}
.hl-header-art>svg{visibility:hidden}.hl-header-art:before{content:'';position:absolute;left:0;top:-17px;width:180px;height:126px;background:url('./media/hrm-learning/book-cap.webp') center/contain no-repeat}.hl-header-art{top:10px;right:18px}.hl-header-art span{position:absolute;right:0;top:7px;font-size:15px}.hl-program:before{border-radius:4px;height:10px;left:-3px;right:-3px;bottom:12px}.hl-practice:before{border-radius:3px;height:9px;bottom:12px}.hl-development:before{left:125px;right:-5px;bottom:3px;height:20px}
.hrm-learning-frame .hl-progress td{padding:2px 8px!important;line-height:14px!important}.hrm-learning-frame .hl-progress th{padding:3px 8px!important;line-height:14px!important}.hrm-learning-frame .hl-evidence-link{min-height:0!important;height:16px!important;line-height:14px!important;padding:0!important}.hrm-learning-frame .hl-footer{position:absolute!important;bottom:6px!important;left:20px!important;right:20px!important;line-height:13px!important;margin:0!important}
.hrm-learning-reference{background:linear-gradient(#00212c44,#001d2b44),url('./media/hrm-learning/office-night.webp') center/cover no-repeat}.hl-study-prop{display:none}.hl-laptop-screen{position:absolute;left:12px;top:64px;bottom:auto;margin:0;width:194px;height:160px;transform:perspective(700px) rotateY(7deg) rotate(-1deg);z-index:3;box-shadow:inset 0 0 5px #7bd0ed55,0 0 0 2px #b7c4c3}.hl-laptop-screen:after{content:'';position:absolute;left:-18px;bottom:-28px;width:240px;height:25px;background:repeating-linear-gradient(90deg,transparent 0 9px,#95a4a333 10px 11px),repeating-linear-gradient(0deg,#20343b 0 5px,#7d8b8f 6px);border:3px solid #9b9f99;border-bottom:5px solid #dfc28b;border-radius:1px 1px 12px 12px;transform:skewX(-25deg);box-shadow:0 8px 8px #0008}.hl-books-label{right:-2px;bottom:53px;width:80px;height:95px;padding:4px 3px;font-size:7px;line-height:28px;background:repeating-linear-gradient(#082435 0 23px,#d0b47f 25px,#142c35 28px);border:1px solid #cdb27e;box-shadow:3px 5px 4px #0009}.hl-notebook-label{right:40px;bottom:21px;width:161px;height:45px;padding:9px;background:linear-gradient(140deg,#f5edda,#c4bda9);border:1px solid #ebdfbd;border-left:6px dotted #62584a;transform:perspective(250px) rotateX(23deg) rotate(6deg);box-shadow:3px 5px 6px #000a}.hl-practice-prop{left:-7px;right:auto;width:180px;height:208px;z-index:2}.hl-evidence{right:1px;top:58px;width:139px;height:173px;z-index:3;background:linear-gradient(120deg,#32687bdd,#062c3df5)}.hl-evidence p{font-size:8px;gap:5px;white-space:nowrap}.hl-evidence h4{font-size:9px}.hl-scene{background:linear-gradient(135deg,#2b708a11,#01233444);box-shadow:inset 1px 1px 4px #bce9f344,1px 6px 11px #0006}.hl-needs:before{height:27px;background:linear-gradient(#58838d88,#072c39 25%,#f2d7a1 40%,#806c44 46%,#163b4e 65%,#001a29);box-shadow:0 5px 6px #000b,0 -4px 14px #bfa35e55}
.hrm-learning-frame .hl-flow{position:absolute;top:0;left:0;width:1240px;height:145px;pointer-events:none;opacity:.75}.hl-header-art{z-index:1}
.hrm-learning-reference .hl-practice-prop{width:165px}
/* Reference polish: independent native hardback, metal chassis and bound notebook. */
.hrm-learning-reference .hl-book-volume{position:absolute;left:7px;bottom:37px;width:195px;height:66px;transform:perspective(600px) rotateY(-12deg) rotate(-5deg);filter:none;z-index:2}.hrm-learning-reference .hl-book-pages{position:absolute;left:10px;right:-8px;top:9px;bottom:-10px;border:1px solid #bca376;border-radius:2px 4px 4px 1px;background:repeating-linear-gradient(0deg,#b7a67e 0 1px,#efe2bd 1px 3px);box-shadow:0 5px 3px #0008}.hrm-learning-reference .hl-book-pages:after{content:'';position:absolute;inset:auto -1px -5px -10px;height:7px;border:1px solid #c6a66a;background:linear-gradient(#2b5266,#0b2336 65%,#a78b52);border-radius:1px 4px 4px 1px}.hrm-learning-reference .hl-book-spine{position:absolute;inset:0;width:auto;height:auto;transform:none;display:grid;place-items:center;padding:7px 8px 7px 15px;background:linear-gradient(115deg,#244d65,#071d30 40%,#133b53 80%,#355b6c);border:1px solid #bba172;border-left:13px solid #0a263d;border-radius:3px 5px 5px 2px;color:#e8d29e;box-shadow:inset 3px 0 2px #c5aa6a55,inset 0 2px 0 #e0c28977,0 1px 2px #000a}.hrm-learning-reference .hl-book-spine:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;border-left:1px solid #d9bd76;border-right:1px solid #6e795e;background:#12374c}.hrm-learning-reference .hl-book-spine span{font-size:10px;line-height:15px;letter-spacing:.3px}.hrm-learning-reference .hl-gold-pen{left:114px;bottom:22px;height:7px;width:127px;background:linear-gradient(#f9dfa5 0 15%,#6c5426 35%,#c4a767 55%,#1c292e 75%);box-shadow:0 3px 2px #0009;border:1px solid #9c7d42;z-index:3}.hl-gold-pen:before{content:'';position:absolute;left:-14px;top:0;border-top:2px solid transparent;border-bottom:2px solid transparent;border-right:14px solid #d8be82}.hl-gold-pen:after{content:'';position:absolute;right:10px;top:-3px;width:31px;height:3px;border-radius:4px;background:linear-gradient(#fff0bf,#80612b)}
.hrm-learning-reference .hl-laptop-screen:after{display:none}.hrm-learning-reference .hl-laptop-screen{top:63px;height:153px;width:193px;border-radius:6px 6px 3px 3px;border:5px solid #0b1923;box-shadow:0 0 0 1px #c6d6d4,inset 0 0 8px #52badc33,2px 3px 3px #0009}.hl-laptop-screen:before{content:'';position:absolute;top:-3px;left:50%;height:2px;width:2px;border-radius:50%;background:#85b0b8}.hrm-learning-reference .hl-laptop-base{position:absolute;left:6px;top:217px;width:231px;height:48px;background:linear-gradient(155deg,#e0dbcd,#7b8c90 18%,#b6bfc1 55%,#71858b 80%,#d9d6c9);border:1px solid #d6ded8;border-radius:2px 3px 7px 9px;transform:perspective(270px) rotateX(43deg) skewX(-13deg);transform-origin:top;box-shadow:0 7px 1px #49606b,0 9px 0 #c4b58d,0 13px 9px #0009;z-index:3}.hl-laptop-base .hl-keyboard{position:absolute;left:14px;right:14px;top:5px;height:22px;border-radius:2px;border:2px solid #586a70;background:repeating-linear-gradient(90deg,transparent 0 9px,#a7b8ba88 9px 10px),repeating-linear-gradient(0deg,#172e3a 0 5px,#9caaad 5px 6px);box-shadow:inset 0 0 3px #000}.hl-laptop-base .hl-trackpad{position:absolute;left:83px;top:31px;width:61px;height:12px;border:1px solid #536b76;border-radius:3px;background:linear-gradient(160deg,#afbfc0,#708b94)}.hl-laptop-base .hl-hinge{position:absolute;top:-4px;left:12px;right:24px;height:5px;background:linear-gradient(#dee1d6,#293b43,#c4d0cc);border-radius:3px}.hl-laptop-base .hl-laptop-edge{position:absolute;left:5px;bottom:-5px;height:3px;width:40px;background:repeating-linear-gradient(90deg,#1b3541 0 7px,#8d9fa1 8px 12px)}
.hrm-learning-reference .hl-notebook{position:absolute;right:40px;bottom:22px;width:165px;height:53px;transform:perspective(350px) rotateX(20deg) rotate(7deg);z-index:5;border-radius:3px;background:#153449;border:1px solid #b9a16d;box-shadow:3px 8px 3px #0008}.hrm-learning-reference .hl-notebook-pages{position:absolute;left:4px;top:2px;right:-3px;bottom:-4px;background:repeating-linear-gradient(0deg,#f4ead1 0 2px,#ad9f80 2px 3px);border:1px solid #cab88f;border-radius:2px;box-shadow:1px 3px 0 #122c3a}.hrm-learning-reference .hl-notebook-label{position:absolute;inset:0;width:auto;height:auto;transform:none;padding:10px 8px 8px 20px;border:1px solid #ddd0b5;border-left:0;border-radius:3px;background:linear-gradient(115deg,#f4ecdc,#d5c9ad);color:#3e392f;font-size:10px;line-height:13px;box-shadow:inset 3px 0 5px #7b6d4a44}.hrm-learning-reference .hl-notebook-coils{position:absolute;z-index:6;left:2px;top:0;bottom:0;width:13px;background:repeating-linear-gradient(0deg,transparent 0 4px,#211f1b 4px 6px,#c1bda9 7px 8px,transparent 9px 11px);border-left:2px solid #4c4e46;transform:skewY(-4deg);filter:drop-shadow(1px 1px 1px #0009)}
.hrm-learning-reference .hl-practice-prop{width:198px;height:245px;left:-22px;bottom:16px}.hrm-learning-reference .hl-evidence{right:-2px;width:133px}.hrm-learning-reference .hl-evidence p{font-size:7.8px;gap:4px}