*{box-sizing:border-box}body{margin:0;background:#d6d3c8;color:#25221c;font:15px/1.7 "Courier New",monospace}.utility{max-width:850px;margin:0 auto;padding:10px 18px;display:flex;gap:18px;flex-wrap:wrap;font:13px Arial,sans-serif}.utility a{color:#153d75}.paper{max-width:850px;margin:0 auto 24px;background:#fffef9;box-shadow:0 3px 18px #0002;padding:0 24px 35px}.letterhead{display:block;width:calc(100% + 48px);max-width:none;margin:0 -24px 12px}.document-number{text-align:right;font-size:12px}.paper h1{text-align:center;font:normal 16px/1.4 "Courier New",monospace;letter-spacing:.06em;margin:24px 0 30px}.body-grid{display:grid;grid-template-columns:46% 1fr;gap:20px;align-items:center}.body-grid p{margin:0 0 13px;text-indent:2em}.photos img{display:block;max-width:100%;height:auto;margin:10px auto 22px}.closing{margin-top:25px}.signature{width:185px;max-width:100%;display:block;margin:0 0 0 auto}.disclosure,.note{font:12px/1.5 Arial,sans-serif;color:#555}.disclosure{margin-top:24px;padding-top:10px;border-top:1px solid #ddd}.adslot{min-height:70px;border:1px dashed #d3d3d3;margin:20px 0;text-align:center;display:flex;align-items:center;justify-content:center;font:12px Arial,sans-serif;color:#777}.document-text a{color:#153d75;text-decoration:underline;text-decoration-thickness:1px}.document-text a:hover{background:#fff1b0}.archive-scan{margin-top:18px;font:13px Arial,sans-serif}.archive-scan a{color:#153d75}.index{max-width:850px;margin:20px auto;background:white;padding:20px;font:14px Arial,sans-serif}.index table{width:100%;border-collapse:collapse;table-layout:fixed}.index th,.index td{padding:9px 10px;border-bottom:1px solid #d4dce6;vertical-align:top;text-align:left}.index th:first-child,.index td:first-child{width:100px}.index tbody tr:nth-child(even){background:#f3f6fa}.index small{display:block;color:#536072;line-height:1.5;margin-top:3px}.index a{color:#164777}@media(max-width:620px){.paper{padding:0 14px 24px}.letterhead{width:calc(100% + 28px);margin:0 -14px 12px}.body-grid{grid-template-columns:1fr}.photos{display:flex;gap:8px;align-items:center;justify-content:center}.photos img{max-width:48%;margin:0 auto}.photos img:only-child{max-width:85%}.paper h1{margin:18px 0}.document-number{text-align:center}.index th:first-child,.index td:first-child{width:70px}.index th,.index td{padding:8px 5px}}
.utility .back-button{display:inline-block;padding:7px 11px;border:1px solid #aebed3;background:#f5f7fa;border-radius:3px;text-decoration:none;color:#164777;font:12px Arial,sans-serif}.utility .back-button:hover{background:#e9eef5}

.letterhead-wrap{position:relative;margin:0 -24px 12px}.letterhead-wrap .letterhead{width:100%;margin:0;display:block}.letterhead-date{position:absolute;left:9%;bottom:3%;font:clamp(8px,1.65vw,13px)/1.2 "Courier New",monospace;white-space:nowrap;color:#24201b}@media(max-width:620px){.letterhead-wrap{margin:0 -14px 12px}.letterhead-date{font-size:clamp(7px,1.8vw,12px)}}

/* Shared factory letterhead, with a searchable, positioned date. */
.letterhead-wrap{aspect-ratio:726 / 179;position:relative}
.letterhead-wrap .letterhead{width:100%;height:100%;object-fit:fill}
.letterhead-date{left:10.5%;bottom:5%;font-size:clamp(7px,1.45vw,11px)}
@media(min-width:850px){.letterhead-date{font-size:11px}}

/* Updated test: lighter archival surround, normal site navigation for index only. */
body{background:#e8e5dd}
.index-page{font:14px/1.5 Verdana,Arial,sans-serif;background:#4e5869;color:#222}
.index-page .site{max-width:1020px;margin:18px auto;background:#fff;border:7px solid #8090ab;box-shadow:0 3px 16px #20252b55}
.index-page .site-nav{display:flex;flex-wrap:wrap;background:#8090ab;border-bottom:2px solid #5c6b82}
.index-page .site-nav a{flex:1 1 100px;text-align:center;padding:11px 8px;border-right:1px solid #697991;color:#111;text-decoration:none;font-weight:bold}
.index-page .site-nav a:last-child{border-right:0}
.index-page .index{max-width:none;margin:0;padding:22px 24px 32px}
.index-page .index h1{font:700 24px/1.3 Verdana,Arial,sans-serif;margin:0 0 10px}
.index-page .index p{margin:0 0 14px}
@media(max-width:620px){.index-page .site{margin:0;border-width:4px}.index-page .index{padding:16px 10px}.index-page .index h1{font-size:20px}}

.paper{max-width:850px}.document-text{font-size:15px;line-height:1.62}.closing{text-align:right}.closing .supplier{text-align:left}.original-caption{font:11px Arial,sans-serif;color:#777;text-align:center}.letterhead-date{font-size:clamp(8px,1.45vw,12px)}
@media(max-width:620px){.document-text{font-size:14px}.body-grid{align-items:start}}

.editorial-note{font:12px/1.5 Arial,sans-serif;color:#665b4a;border-bottom:1px solid #ddd;padding:6px 0}.modern-ref{font-size:13px}