/* Separate HSE comparison: original handbook pages as a professional work sample. */
.handbooks{padding:70px 0 65px;background:radial-gradient(ellipse at 78% 20%,#146e6a22,transparent 50%);border-top:1px solid #65c9b425;scroll-margin-top:95px}
.handbook-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.handbook-copy h2{font-size:clamp(30px,3vw,43px);line-height:1.18;letter-spacing:-.035em;margin:14px 0 24px}.handbook-copy h2 span{display:block;color:#70ddbd}.handbook-copy>p:not(.chapter-lead){font-size:16px;line-height:1.75;color:#b3c8d3}.handbook-copy .handbook-purpose{margin-top:18px}.handbook-copy .button{margin-top:26px}
.handbook-stage{position:relative;display:block;width:100%;height:470px;border:0;background:none;isolation:isolate;cursor:pointer;perspective:1100px;padding:0;color:#c3dfd7}
.handbook-stage-glow{position:absolute;inset:30% 8% 10%;background:#32c8a520;filter:blur(45px);border-radius:50%;z-index:-1}
.handbook-stage img{position:absolute;object-fit:contain;height:auto;box-shadow:9px 15px 30px #0009;border:1px solid #83a9b455;border-radius:2px;transition:transform .25s}
.handbook-front{width:43%;max-height:390px;left:28%;top:4%;transform:rotate(-3deg);z-index:3}.handbook-stage .handbook-back{width:36%;top:12%;max-height:330px}.handbook-left{left:5%;transform:rotate(-13deg);z-index:1}.handbook-right{right:4%;transform:rotate(12deg);z-index:2}.handbook-stage:hover .handbook-front{transform:translateY(-7px) rotate(-1deg)}
.handbook-stage-caption{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:14px;letter-spacing:.01em}.handbook-stage-caption b{display:block;font-weight:500;color:#70ddbd;margin-top:3px}
.handbook-library{margin-top:38px}.handbook-library-label{display:flex;justify-content:space-between;gap:20px;font-size:17px;color:#deeee8;margin-bottom:15px}.handbook-library-label span{font-size:13px;color:#98b4c2;align-self:center}.handbook-topics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #68b9a54d;border-bottom:1px solid #68b9a54d}.handbook-topics button{padding:22px 15px 22px 0;border:0;background:none;color:#e1f1eb;text-align:left;cursor:pointer;min-width:0}.handbook-topics button+button{padding-left:18px;border-left:1px solid #68b9a525}.handbook-topics span{display:block;font-size:17px;line-height:1.35;min-height:46px;overflow-wrap:anywhere}.handbook-topics small{display:block;font-size:12px;color:#9ab7c4;margin-top:10px}.handbook-topics button:hover{background:#40b79410}.handbook-topics button:hover small{color:#70ddbd}
.handbook-connection{display:flex;align-items:center;gap:35px;margin-top:28px}.handbook-connection p{font-size:15px;line-height:1.7;color:#afc7d2;max-width:82ch}.handbook-connection strong{display:block;color:#d9eee7;font-size:18px;font-weight:500;margin-bottom:6px}.handbook-connection button{flex-shrink:0;color:#70ddbd}.handbook-note{font-size:12px;line-height:1.6;color:#8daab7;margin-top:24px;max-width:100ch}
.handbook-dialog{width:min(1180px,calc(100% - 40px));max-width:1180px;max-height:92dvh;padding:0;background:#081c29;border:1px solid #498373;border-radius:14px;color:#e7f2f3;overflow:auto;box-shadow:0 30px 100px #000b}.handbook-dialog::backdrop{background:#010b14e6;backdrop-filter:blur(10px)}.handbook-dialog .close-dialog{position:sticky;float:right;top:12px;margin:12px 12px -56px 0;z-index:5;width:44px;height:44px;background:#173b46;border:1px solid #76baaa77;border-radius:50%;color:#fff;font-size:28px}
.handbook-reader{display:grid;grid-template-columns:330px minmax(0,1fr);gap:36px;padding:36px}.handbook-reader-info{position:sticky;top:36px;align-self:start;padding-top:16px;min-width:0}.handbook-reader-info h2{font-size:30px;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere;margin:18px 0}.handbook-reader-info p{font-size:15px;line-height:1.7;color:#b6d0d4}.handbook-reader-info .chapter-lead{color:#70ddbd;font-size:13px}.handbook-reader-info label{display:block;font-size:13px;color:#9cbdbb;margin:24px 0 8px}.handbook-reader-info select{width:100%;font:inherit;font-size:14px;color:#e2eee9;background:#12313d;border:1px solid #507c7c;border-radius:6px;padding:12px}.handbook-reader-info .handbook-reader-meta{margin-top:22px;color:#70ddbd;font-size:13px}.handbook-reader-info .handbook-reader-note{font-size:13px;margin:15px 0}.handbook-reader-info a{font-size:13px;color:#70ddbd}
.handbook-reader-content{min-width:0;padding-top:35px}.handbook-reader-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.handbook-reader-controls button{width:44px;height:40px;border:1px solid #507c7c;border-radius:6px;background:#12313d;color:#e2eee9;font-size:20px;cursor:pointer}.handbook-reader-controls button:disabled{opacity:.3;cursor:default}.handbook-reader-controls p{font-size:13px;color:#d2e7e1;text-align:center;margin:0}.handbook-reader-content figure{margin:0}.handbook-reader-content figure img{display:block;width:100%;height:auto;background:white;box-shadow:0 10px 35px #0006}.handbook-reader-content figcaption{font-size:14px;color:#c3dcd5;line-height:1.5;margin-top:15px}.handbook-transcript{margin-top:20px;font-size:14px;color:#afc9d1}.handbook-transcript summary{cursor:pointer;padding:10px 0}.handbook-transcript p{white-space:pre-wrap;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.handbooks button:focus-visible,.handbook-dialog button:focus-visible{outline:2px solid #70ddbd;outline-offset:5px}
@media(max-width:1100px){.handbook-intro{gap:36px}.handbook-stage{height:410px}.handbook-reader{grid-template-columns:260px minmax(0,1fr);padding:28px;gap:25px}.handbook-topics span{font-size:15px}}
@media(max-width:760px){.handbooks{padding:45px 0}.handbook-intro{grid-template-columns:1fr;gap:28px}.handbook-copy h2{font-size:30px}.handbook-copy>p:not(.chapter-lead){font-size:15px}.handbook-stage{height:auto;aspect-ratio:1.18;max-width:500px;margin:auto}.handbook-stage img{max-height:none}.handbook-library{margin-top:30px}.handbook-library-label{display:block;font-size:16px}.handbook-library-label span{display:block;margin-top:5px}.handbook-topics{grid-template-columns:1fr}.handbook-topics button,.handbook-topics button+button{padding:16px 0;border-left:0;display:flex;justify-content:space-between;align-items:center;gap:14px}.handbook-topics button+button{border-top:1px solid #68b9a525}.handbook-topics span{font-size:16px;min-height:0;overflow-wrap:normal}.handbook-topics small{font-size:11px;margin:0;text-align:right;max-width:105px;flex-shrink:0}.handbook-connection{display:block;margin-top:25px}.handbook-connection button{margin-top:10px}.handbook-note{font-size:12px}.handbook-dialog{width:calc(100% - 16px);max-height:95dvh}.handbook-reader{grid-template-columns:1fr;padding:22px 16px;gap:18px}.handbook-reader-info{position:static;padding-top:32px}.handbook-reader-info h2{font-size:25px;overflow-wrap:normal}.handbook-reader-info label{margin-top:15px}.handbook-reader-info .handbook-reader-meta{margin-top:14px}.handbook-reader-content{padding-top:0}}
@media(prefers-reduced-motion:reduce){.handbook-stage img{transition:none}}
/* Keep long topic names whole and avoid a double offset beneath the sticky header. */
.handbooks{scroll-margin-top:0}.handbook-topics span{overflow-wrap:normal}
@media(min-width:761px) and (max-width:1250px){.handbook-topics{grid-template-columns:repeat(3,minmax(0,1fr))}.handbook-topics button:nth-child(4){border-left:0;padding-left:0}.handbook-topics button:nth-child(n+4){border-top:1px solid #68b9a525}.handbook-topics span{font-size:15px;min-height:25px}}
@media(max-width:480px){.handbook-topics button,.handbook-topics button+button{display:block}.handbook-topics small{max-width:none;text-align:left;margin-top:6px}}
.handbook-reader-info h2{font-size:22px;overflow-wrap:normal}
@media(max-width:760px){.handbook-reader-info h2{font-size:22px}}
@media(max-width:360px){.handbook-reader-info h2{font-size:20px}}
/* Preserve each cover's original aspect ratio, including its frame. */
.handbook-stage .handbook-front{width:min(43%,276px);max-height:none}.handbook-stage .handbook-back{width:min(36%,233px);max-height:none}