@font-face{font-family:Plex;src:url('../assets/fonts/IBMPlexSansArabic-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Plex;src:url('../assets/fonts/IBMPlexSansArabic-Medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Plex;src:url('../assets/fonts/IBMPlexSansArabic-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--ink:#17282d;--muted:#53666d;--copper:#a85d32;--line:#dbe3e5;--paper:#fff;--soft:#f6f8f8}*{box-sizing:border-box}html{font-size:100%}body{margin:0;font-family:Plex,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7;height:100dvh;min-height:550px;display:flex;flex-direction:column;overflow:hidden}button,a,select{font:inherit;color:inherit}a{text-decoration:none}button,select{cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,select:focus-visible,#stage:focus-visible{outline:3px solid var(--copper);outline-offset:3px}button{border:0;background:none}img{display:block;max-width:100%}h1,h2,p{margin:0}h1,h2{font-weight:500}a,button{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;top:-100px;right:20px;background:#fff;z-index:20;padding:1rem}.skip-link:focus{top:10px}.viewer-header{min-height:78px;padding:12px 32px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-shrink:0}.brand{display:flex;align-items:center;gap:.85rem}.brand img{flex-shrink:0;transform:rotate(45deg)}.brand strong{display:block;font-size:1.2rem;font-weight:600;line-height:1.35}.brand small{display:block;font-size:.8125rem;color:var(--muted)}.back-link{font-size:.9375rem;display:flex;align-items:center;gap:1.1rem}.back-link:hover{color:var(--copper)}.library{display:grid;grid-template-columns:245px minmax(0,1fr);flex:1;min-height:0}.sheet-rail{border-inline-end:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:#f7f9f9}.rail-heading{padding:20px 20px 14px;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.rail-heading h2{font-size:1.0625rem}.rail-heading>span{font-size:.875rem;color:var(--muted)}.sheet-rail nav{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 10px 12px}.sheet-rail ul{margin:0;padding:0;list-style:none}.sheet-rail li+li{margin-top:6px}.sheet-rail a{display:flex;align-items:center;gap:12px;border:1px solid transparent;border-inline-start:3px solid transparent;padding:8px;font-size:.9375rem;line-height:1.6;transition:background .15s}.sheet-rail img{width:84px;height:62px;object-fit:contain;background:#fff;border:1px solid #edf0f1;flex-shrink:0}.sheet-rail a:hover{background:#edf1f2}.sheet-rail a[aria-current=page]{border-color:var(--line);border-inline-start-color:var(--copper);background:white}.sheet-rail a[aria-current=page] span{font-weight:500}.workspace{padding:24px 28px 18px;display:flex;flex-direction:column;gap:20px;min-height:0;min-width:0}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:.875rem;color:var(--copper);margin-bottom:4px}h1{font-size:clamp(1.45rem,2vw,2rem);line-height:1.4}.download-links{display:flex;align-items:center;gap:18px;font-size:.875rem;flex-wrap:wrap;justify-content:flex-end}.download-primary{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:10px 16px}.download-primary:hover{background:#25434c}.download-links>a:last-child{border-bottom:1px solid var(--line);padding:3px 0}.drawing-view{display:flex;flex-direction:column;flex:1;min-height:0;border:1px solid var(--line)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid var(--line);background:#fff;flex-shrink:0}.toolbar button{min-height:44px;min-width:44px;font-size:.875rem;border:1px solid transparent}.toolbar button:hover:not(:disabled){background:var(--soft);border-color:var(--line)}.zoom-controls{display:flex;align-items:center;gap:3px;direction:ltr;flex-shrink:0}.zoom-controls>button:not(.fit-button){font-family:Arial,sans-serif;font-size:1.5rem}.zoom-controls output{font-family:Arial,sans-serif;font-size:.875rem;min-width:49px;text-align:center;font-variant-numeric:tabular-nums}.zoom-controls .fit-button{white-space:nowrap;margin-left:9px;border-left:1px solid var(--line);padding-inline:12px;direction:rtl}.floor-nav{display:flex;align-items:center;gap:9px;font-size:.875rem}.floor-nav>span{color:var(--muted);font-family:Arial,sans-serif;font-variant-numeric:tabular-nums}.floor-nav button{padding:4px 9px}#stage{flex:1;min-height:0;position:relative;background:#fff;overflow:hidden;touch-action:none;cursor:grab;direction:ltr}#stage.dragging{cursor:grabbing}#drawing{display:block;width:100%;height:100%;position:absolute;inset:0}.loading-state{position:absolute;inset-inline:16px;bottom:16px;display:flex;justify-content:center;align-items:center;gap:10px;pointer-events:none;direction:rtl;font-size:.875rem}#status:not(:empty){background:rgba(255,255,255,.96);padding:7px 14px;box-shadow:0 2px 12px #17282d12}#retry{pointer-events:auto;background:#fff;border:1px solid var(--line);padding:7px 12px}#retry[hidden]{display:none}.viewer-foot{display:flex;justify-content:space-between;align-items:center;gap:10px 20px;flex-wrap:wrap;padding:9px 14px;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted)}.touch-hint,.mobile-picker{display:none}
@media(max-width:1100px){.library{grid-template-columns:215px minmax(0,1fr)}.sheet-rail img{width:70px;height:51px}.sheet-rail a{gap:9px;font-size:.875rem}.workspace{padding:20px;gap:16px}.download-links{gap:8px;flex-direction:column;align-items:flex-end}}
@media(max-width:800px){body{height:auto;min-height:100svh;overflow:auto}.viewer-header{padding:12px 20px;min-height:74px}.library{display:block;flex:auto}.sheet-rail{display:none}.workspace{min-height:calc(100svh - 74px);gap:14px;padding:20px}.workspace-heading{align-items:flex-start}.download-links{font-size:.8125rem}.download-primary{padding:8px 11px}.mobile-picker{display:flex;align-items:center;gap:15px;font-size:.9375rem}.mobile-picker label{color:var(--muted)}.mobile-picker select{flex:1;min-width:0;padding:8px 12px;border:1px solid var(--line);border-radius:0;background:#fff}.drawing-view{flex:none}.toolbar{padding:7px 8px;gap:6px;flex-wrap:wrap}.floor-nav{margin-inline-start:auto;gap:3px}.floor-nav button{padding:4px 6px}#stage{height:max(380px,calc(100svh - 330px));flex:none}.viewer-foot{font-size:.8125rem}.mouse-hint{display:none}.touch-hint{display:block}}
@media(max-width:480px){.viewer-header{padding:12px 15px;gap:12px}.brand{gap:8px}.brand img{width:36px;height:32px}.brand strong{font-size:1.0625rem}.brand small{display:none}.back-link{font-size:.8125rem;gap:8px}.workspace{padding:16px 12px;gap:12px}.workspace-heading{gap:12px;flex-wrap:wrap}.eyebrow{font-size:.8125rem}h1{font-size:1.45rem}.download-links{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;flex-basis:100%}.toolbar{justify-content:center}.zoom-controls{flex:1 0 100%;justify-content:center}.floor-nav{justify-content:center;flex:1 0 100%;white-space:nowrap}.zoom-controls .fit-button{margin-left:4px;padding-inline:7px}.viewer-foot{padding:8px 10px;gap:2px}.viewer-foot>span{margin-inline-start:auto}#stage{height:max(390px,calc(100svh - 350px))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.single-document .library{grid-template-columns:minmax(0,1fr)}.single-document .download-links>.download-primary{padding:10px 16px;border-bottom:0}

.viewer-foot{font-size:.875rem}.drawing-view{background:#fff}.single-document .workspace{width:min(100%,1500px);margin-inline:auto}

/* Match the main site's typography and quiet document surfaces. */
.viewer-header{padding-inline:clamp(1rem,3vw,3rem)}
.workspace-heading{padding-bottom:.25rem}
.sheet-rail a{padding:10px 8px}
.sheet-rail a[aria-current=page]{border-inline-start-width:3px}
.sheet-rail a[aria-current=page] span{color:var(--ink)}
.download-primary{min-height:44px}
@media(min-width:1101px){.library{grid-template-columns:260px minmax(0,1fr)}.sheet-rail img{width:90px;height:66px}}