:root{color-scheme:dark;--navy:#000066;--panel:#071b43;--yellow:#ffff00;--cream:#f2dfac;--blue:#8ed8ff;--line:#385b91}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--navy);color:var(--yellow);font:18.6667px/1.8 Arial,Helvetica,sans-serif}a{color:var(--blue);text-underline-offset:4px;overflow-wrap:anywhere}:focus-visible{outline:3px solid var(--cream);outline-offset:5px}
.top-links{width:min(calc(100% - 32px),1060px);margin:0 auto;padding:20px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.top-links a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.top-links a:hover{text-decoration:underline}
.article-main{width:min(calc(100% - 32px),1060px);margin:0 auto}.article-header{max-width:850px;margin:10px auto 28px;text-align:center}.eyebrow{color:var(--cream);font-size:16px;margin:0 0 8px}.article-header h1{font-size:clamp(28px,4vw,42px);line-height:1.3;margin:0 0 16px;text-wrap:balance}.byline{font-size:22px;margin:0 0 8px}.source{color:var(--cream);margin:0}.intro{max-width:720px;margin:18px auto 0}.cover-figure{width:min(100%,280px);margin:28px auto 44px}figure{min-width:0;margin:0;text-align:center}figcaption{font-size:16px;line-height:1.6;color:var(--cream);margin-top:12px}
.scan-open{display:block;border:1px solid #6a83af;border-radius:7px;overflow:hidden;cursor:zoom-in;box-shadow:0 7px 28px #0005}.scan-frame{display:block;position:relative;min-width:0;overflow:hidden;background:#f8f7f1}.scan-image{position:absolute;display:block;left:50%;top:50%;width:100%;height:100%;max-width:none;object-fit:contain;transform:translate(-50%,-50%)}.scan-frame.rotated .scan-image{width:155.8935361%;height:64.14634146%;transform:translate(-50%,-50%) rotate(-90deg)}.scan-frame::after{content:"israelisubmarines.com";position:absolute;right:8px;bottom:7px;direction:ltr;color:#fff;font:11px/1 Arial,Helvetica,sans-serif;text-shadow:0 1px 3px #000,0 0 2px #000;opacity:.85;pointer-events:none}
.article-scans h2{margin:0 0 22px;color:var(--cream);font-size:28px;text-align:center}.scans-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.article-credit{text-align:center;color:var(--cream);font-size:15px;margin:26px auto}.article-return{margin:32px auto;display:flex;justify-content:center;gap:12px 28px;flex-wrap:wrap}.article-return a{min-height:44px;display:inline-flex;align-items:center}
body.reader-open{overflow:hidden}.scan-reader{width:min(96vw,1200px);max-width:none;height:94vh;height:94dvh;max-height:none;margin:auto;padding:0;border:1px solid #6683ae;border-radius:8px;background:#030b24;color:var(--cream);overflow:hidden;box-shadow:0 20px 80px #000a}.scan-reader::backdrop{background:#000d}.scan-reader[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}.reader-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 12px;border-bottom:1px solid var(--line)}.reader-header h2{font-size:18px;line-height:1.5;margin:0}.scan-reader button,.reader-separate{font:16px/1.5 Arial,Helvetica,sans-serif;min-height:44px;min-width:44px;padding:8px 12px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--cream);cursor:pointer}.scan-reader button:disabled{opacity:.4;cursor:default}.scan-reader .reader-close{font-size:30px;line-height:1;padding:0;flex:0 0 44px}.reader-stage{direction:ltr;overflow:auto;min-width:0;min-height:0;padding:12px;background:#010615;overscroll-behavior:contain}.reader-visual{margin:0 auto;max-width:none;flex:none}.reader-caption{text-align:center;font-size:14px;line-height:1.5;margin:0;padding:8px 14px}.reader-controls{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;padding:0 10px 10px}.reader-position{font-size:14px;min-width:34px;text-align:center}.reader-divider{width:1px;height:24px;background:var(--line);margin:0 5px}.reader-separate{display:inline-flex;align-items:center;text-decoration:none}.reader-separate:hover{text-decoration:underline}
.site-footer{max-width:1060px;margin:34px auto 0;padding:24px 16px 32px;border-top:2px solid var(--cream);text-align:center;font-size:15px;line-height:1.8;color:var(--cream)}.footer-links{display:flex;justify-content:center;gap:12px 24px;flex-wrap:wrap}.footer-links a{min-height:44px;display:inline-flex;align-items:center}.site-footer p{margin:12px auto}.site-footer .disclaimer{max-width:900px;font-size:14px}
.standalone-main{width:min(calc(100% - 28px),600px);margin:10px auto 24px}.standalone-main h1{text-align:center;font-size:25px;line-height:1.5}.standalone-cover{width:min(100%,526px);margin:auto}.standalone-return{text-align:center;margin:20px auto}.standalone-return a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:680px){body{font-size:18.6667px}.article-main,.top-links{width:calc(100% - 28px)}.top-links{padding:12px 0}.article-header{margin-top:6px}.byline{font-size:20px}.cover-figure{width:min(100%,260px);margin-bottom:32px}.scans-grid{grid-template-columns:1fr;gap:28px}.article-scans h2{font-size:25px}.reader-header h2{font-size:16px}.scan-reader{width:96vw;height:96vh;height:96dvh}.reader-controls{gap:6px;padding-inline:8px}.scan-reader button,.reader-separate{font-size:15px;padding:8px 10px}.reader-stage{padding:6px}.reader-divider{display:none}.site-footer{font-size:15px}.article-return{flex-direction:column;align-items:center;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:#fff;color:#000}.top-links,.article-return,.site-footer,.scan-reader{display:none}.article-header h1,.eyebrow,.source,.intro,.byline,figcaption,.article-credit,.article-scans h2{color:#000}.scans-grid{display:block}.scans-grid figure{break-inside:avoid;page-break-inside:avoid;margin-bottom:24px}.scan-open{box-shadow:none}.scan-frame::after{color:#444;text-shadow:none}.article-main{width:100%}}