.gearbox-information{scroll-margin-top:18px}
.gearbox-information>h2{margin-bottom:8px}
.system-info-intro{max-width:82ch;margin:0 auto 22px;font-size:16px}
.system-info-chapters{display:grid;gap:8px;max-width:1040px;margin:0 auto;text-align:left}
.system-info-chapter{border:1px solid #d5d7d3;background:#fff}
.system-info-chapter summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:13px 18px;cursor:pointer;font-weight:900;list-style:none}
.system-info-chapter summary::-webkit-details-marker{display:none}
.system-info-chapter summary i{font-style:normal;font-size:22px;color:#1f4b3a}
.system-info-chapter[open] summary{border-bottom:4px solid #b78948;background:#f7f7f4}
.system-info-chapter[open] summary i{transform:rotate(45deg)}
.system-info-body{padding:18px 22px 20px}
.system-info-body p{max-width:86ch;margin:0 0 12px;line-height:1.55}
.system-info-body p:last-child{margin-bottom:0}
@media(max-width:700px){.gearbox-information{padding-left:12px;padding-right:12px}.system-info-chapter summary{padding:12px 14px}.system-info-body{padding:15px 14px 17px}}

.system-info-results{display:grid;gap:8px}
.system-info-search{display:block;margin:0 0 14px}
.system-info-search span{display:block;margin:0 0 7px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#4f5552}
.system-info-search input{width:100%;min-height:48px;border:1px solid #aeb4af;border-radius:0;background:#fff;padding:10px 14px;font:inherit;color:#18211d;outline:none}
.system-info-search input:focus{border-color:#1f4b3a;box-shadow:0 0 0 3px #1f4b3a1f}
.system-info-no-results{margin:0;padding:18px;border:1px solid #d5d7d3;background:#f7f7f4;text-align:center;color:#5d625f}
.system-info-body h3{max-width:86ch;margin:18px 0 7px;font-size:15px;color:#1f4b3a}
.system-info-body h3:first-child{margin-top:0}
.system-info-body ul,.system-info-body ol{max-width:82ch;margin:8px 0 14px;padding-left:24px}
.system-info-body li{margin:0 0 6px;line-height:1.5}
.system-info-note{padding:13px 15px;border-left:4px solid #b78948;background:#f7f7f4}
.system-info-academic{margin-top:20px;padding:20px 22px;border:1px solid #d5d7d3;border-top:4px solid #3d7bdb;background:#f7f9fc}
.system-info-academic small{display:block;margin-bottom:6px;color:#3d7bdb;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.system-info-academic h3{margin:0 0 8px;font-size:19px;color:#18324f}
.system-info-academic p{max-width:82ch;margin:0 0 12px;line-height:1.5}
.system-info-academic strong{display:inline-block;color:#ef6900;font-size:11px;letter-spacing:.06em}
@media(max-width:700px){.system-info-search input{min-height:46px}.system-info-academic{padding:17px 15px}}

.system-info-academic-link{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:42px;padding:10px 16px;border-radius:8px;
 background:#1f4b3a;color:#fff;text-decoration:none;
 font-weight:700;line-height:1.2;
}
.system-info-academic-link:hover,.system-info-academic-link:focus-visible{
 background:#173a2d;outline:2px solid #b78948;outline-offset:2px;
}

.system-document-viewer{
 position:fixed;inset:0;z-index:10020;
 display:flex;flex-direction:column;
 background:#eef1ef;
}
.system-document-toolbar{
 min-height:58px;padding:9px 14px 9px 20px;
 display:flex;align-items:center;justify-content:space-between;gap:16px;
 background:#fff;border-bottom:1px solid #cfd8d3;
 box-shadow:0 2px 10px rgba(20,32,27,.12);
}
.system-document-toolbar strong{
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 color:#18201d;font-size:15px;
}
.system-document-close{
 flex:0 0 auto;min-height:40px;padding:8px 13px;
 border:1px solid #1f4b3a;border-radius:7px;
 background:#fff;color:#1f4b3a;
 font:700 13px/1 system-ui,-apple-system,sans-serif;
 cursor:pointer;
}
.system-document-close:hover,.system-document-close:focus-visible{
 background:#1f4b3a;color:#fff;outline:2px solid #b78948;outline-offset:2px;
}
.system-document-pages{
 flex:1 1 auto;min-height:0;overflow-y:auto;
 padding:22px 16px 40px;background:#dfe4e1;
 -webkit-overflow-scrolling:touch;
}
.system-document-pages img{
 display:block;width:min(100%,980px);height:auto;
 margin:0 auto 18px;background:#fff;
 box-shadow:0 2px 12px rgba(20,32,27,.16);
}
@media(max-width:700px){
 .system-document-toolbar{min-height:54px;padding:7px 9px 7px 13px}
 .system-document-toolbar strong{font-size:13px}
 .system-document-close{min-height:40px}
 .system-document-pages{padding:10px 0 24px}
 .system-document-pages img{width:100%;margin-bottom:10px;box-shadow:none}
}
