.history-directory-shortcuts { display:flex; flex-wrap:wrap; gap:12px; margin:0 0 26px; }
.history-directory-shortcuts a { font:11px var(--tech-font); color:#586b61; border:1px solid #bac2b5; padding:9px 13px; text-decoration:none; }
.history-directory { margin:54px 0; padding-top:30px; border-top:1px solid #b6bfb1; scroll-margin-top:24px; color:#28332c; }
.history-directory-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.history-directory-heading h2 { font-size:clamp(26px,3vw,38px); line-height:1.2; font-weight:500; letter-spacing:-1px; margin:12px 0 0; }
.history-directory-outline { font:10px var(--tech-font); color:#7b8574; white-space:nowrap; }
.history-directory-intro { max-width:790px; font-size:14px; line-height:1.8; color:#68735f; margin:18px 0 28px; }
.history-directory-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.history-field-card { display:flex; flex-direction:column; padding:25px; border:1px solid #c8cdbe; background:#f3f2e9; color:#29362b; text-decoration:none; transition:background .2s,border-color .2s; }
.history-field-card:nth-child(3n+2) { background:#e9eee5; }
.history-field-card:nth-child(3n) { background:#e5ebe7; }
.history-field-card:hover { background:#dce5d6; border-color:#879b7e; }
.history-field-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:26px; color:#89937f; font:9px var(--tech-font); letter-spacing:1px; }
.history-field-top i { font-size:24px; color:#7d9278; }
.history-field-card h3 { font-size:21px; font-weight:500; line-height:1.3; letter-spacing:-.4px; margin:0 0 12px; }
.history-field-card > p { font-size:12px; line-height:1.75; color:#6c7863; margin-bottom:20px; }
.history-field-card ul { list-style:none; padding:0; margin:0 0 25px; }
.history-field-card li { font-size:12px; color:#53684d; border-top:1px solid #d5dccd; padding:8px 0; }
.history-field-bottom { display:flex; justify-content:space-between; align-items:center; margin-top:auto; padding-top:12px; border-top:1px solid #c8d2bf; font:9px var(--tech-font); color:#7d8971; gap:12px; }
.history-field-bottom > span:last-child { font-size:21px; }
.history-directory-scope { display:flex; gap:28px; padding:22px; background:#dce3d5; margin-top:24px; }
.history-directory-scope > strong { font-size:13px; white-space:nowrap; }
.history-directory-scope p { color:#5e6d56; font-size:12px; line-height:1.8; }
.history-field-page { padding-top:30px; padding-bottom:70px; }
.history-field-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; font:10px/1.7 var(--tech-font); color:#7d8874; margin-bottom:35px; }
.history-field-breadcrumb a { color:#4c6750; }
.history-field-intro { max-width:900px; margin-bottom:36px; }
.history-field-intro h1 { font-size:clamp(33px,4.5vw,60px); font-weight:500; letter-spacing:-1.7px; line-height:1.1; margin:16px 0; }
.history-field-intro p { font-size:19px; color:#6c7b60; line-height:1.6; }
.history-field-existing { padding:25px; background:#dce5d5; border-left:3px solid #829877; margin-bottom:38px; }
.history-field-existing h2 { font-size:22px; font-weight:500; margin-bottom:10px; }
.history-field-existing p { color:#66765c; font-size:13px; }
.history-field-existing > div { display:flex; flex-wrap:wrap; gap:20px; margin-top:16px; }
.history-field-existing a { color:#405e38; font-size:14px; border-bottom:1px solid #9aac8e; }
.history-branches-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:20px; }
.history-branches-heading h2 { font-size:26px; font-weight:500; }
.history-branches-heading span { font:10px var(--tech-font); color:#7e8972; }
.history-branch-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.history-branch-grid article { border:1px solid #c5ceba; padding:28px; background:#f1f2e7; }
.history-branch-grid h3 { font-size:25px; font-weight:500; margin:15px 0 22px; }
.history-branch-grid ul { padding-left:18px; color:#66775b; font-size:14px; line-height:2; margin-bottom:22px; }
.history-branch-status { font:9px var(--tech-font); text-transform:uppercase; color:#8a977b; }
.history-field-note { margin:35px 0; border-top:1px solid #bac6af; padding-top:26px; max-width:850px; }
.history-field-note h2 { font-size:23px; font-weight:500; margin-bottom:15px; }
.history-field-note p { font-size:14px; color:#6a795f; line-height:1.8; margin:12px 0; }
.history-directory-return { font-size:13px; color:#49633f; }
@media(max-width:1000px) { .history-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .history-directory-grid,.history-branch-grid { grid-template-columns:1fr; } .history-directory-heading,.history-branches-heading { align-items:flex-start; flex-direction:column; } .history-directory-scope { flex-direction:column; gap:12px; } .history-field-card { padding:22px; } }

/* Photographic field directory, paired with the existing editorial outline. */
.history-field-card { padding:0; overflow:hidden; }
.history-field-image { position:relative; aspect-ratio:3/2; overflow:hidden; background:#d4d6cd; }
.history-field-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.history-field-image > span { position:absolute; left:12px; bottom:10px; font:7px var(--tech-font); letter-spacing:.6px; padding:4px 6px; background:rgba(32,40,33,.72); color:#f4f3e9; }
.history-field-card:hover .history-field-image img { transform:scale(1.035); }
.history-field-card-body { padding:24px; display:flex; flex-direction:column; flex:1; }
.history-field-card-body > p { font-size:12px; line-height:1.75; color:#6c7863; margin-bottom:20px; }
.history-field-top { margin-bottom:18px; }
.history-field-top i { font-size:17px; }
.history-field-hero { margin:0 0 36px; }
.history-field-hero img { display:block; width:100%; height:auto; max-height:520px; object-fit:cover; }
.history-field-hero figcaption { font:10px/1.8 var(--tech-font); color:#7b8573; margin-top:10px; }
@media(max-width:600px) { .history-field-card { padding:0; } .history-field-card-body { padding:22px; } }