/* Field records: readable accounts, with technical framing only where supplied. */
.field-page { --r-line:#414b3b; --r-muted:#a9b29e; padding-bottom:65px; }
.field-page [hidden] { display:none!important; }
.r-wrap { width:88%; max-width:1390px; margin:auto; }
.field-page .eyebrow { color:#b9a57e; font:10px/1.8 var(--mono); letter-spacing:.6px; }
.r-intro { padding:30px 0 25px; }
.r-intro h1 { font:500 clamp(55px,6.5vw,88px)/1 var(--display); margin:12px 0 18px; }
.r-description { max-width:770px; font:14px/1.8 Arial,sans-serif; color:#adb7a3; margin:0; }
.r-opening { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:45px; align-items:center; border-block:1px solid #66664c; padding:22px 0; }
.r-opening-image { display:block; position:relative; }
.r-opening-image img { display:block; width:100%; height:auto; aspect-ratio:1.9; object-fit:cover; transition:filter .25s; }
.r-opening-image:hover img { filter:brightness(1.07); }
.r-opening-image>span { display:flex; justify-content:space-between; align-items:center; position:absolute; bottom:0; left:0; right:0; padding:24px 17px 12px; color:#ece4ca; font:12px var(--mono); background:linear-gradient(transparent,#10170feb); }
.r-opening-image b { font-size:21px; font-weight:400; }
.r-thesis { font:500 clamp(28px,3vw,40px)/1.13 var(--display); color:#c9cfbb; margin:0 0 24px; }
.r-thesis em { font-style:normal; color:#d0b98c; }
.r-index-meta { display:grid; grid-template-columns:1fr 1fr; gap:15px 25px; margin:0; }
.r-index-meta dt { color:#9da88e; font:9px/1.8 var(--mono); }
.r-index-meta dd { color:#c1c8af; font:10px/1.8 var(--mono); margin:4px 0 0; }
.r-index-heading { display:flex; justify-content:space-between; align-items:baseline; gap:20px; margin-top:30px; }
.r-index-heading h2 { font:500 29px var(--display); margin:0 0 20px; }
.r-index-heading p { font:10px/1.8 var(--mono); color:#a4b194; }
.r-controls { display:flex; gap:25px; align-items:end; padding-bottom:25px; }
.r-controls label { display:grid; flex:1; gap:9px; font:10px var(--mono); color:#a8b398; }
.r-controls input { width:100%; min-height:44px; border:1px solid #46533b; border-radius:0; padding:11px 13px; background:#151d17; color:#d0d6c2; font:12px/1.7 var(--mono); }
.r-controls input::placeholder { color:#99a78b; }
.r-controls button { min-height:44px; border:0; border-bottom:1px solid #88764e; background:none; padding:10px 0; color:#c6ad7f; font:10px var(--mono); cursor:pointer; }
.r-register { list-style:none; padding:0; margin:0; border-top:1px solid var(--r-line); }
.r-register li>a { display:grid; grid-template-columns:28px minmax(0,1fr) 125px 150px 18px; gap:25px; align-items:center; padding:24px 0; border-bottom:1px solid var(--r-line); transition:background .2s; }
.r-register li>a:hover { background:#192019; }
.r-number { align-self:start; font:10px/1.8 var(--mono); color:#a5ad94; }
.r-type { font:9px/1.8 var(--mono); color:#adba9c; }
.r-row-copy h3 { font:500 33px/1.08 var(--display); color:#d6dac7; margin:8px 0 12px; }
.r-row-copy p { color:#a9b59b; font:13px/1.8 Arial,sans-serif; margin:0; }
.r-row-date { color:#c4b38f; font:10px/1.8 var(--mono); }
.r-register img { width:150px; height:100px; object-fit:cover; }
.r-row-arrow { color:#b7a076; font-size:19px; }
.r-local-mark { display:block; text-align:center; color:#abb398; font:10px/2.1 var(--mono); border-block:1px solid #65724f; padding:8px 0; }
.r-empty { font:12px/1.8 var(--mono); color:#bca67c; padding:30px 0; }
.r-record { margin-top:25px; scroll-margin-top:20px; }
.r-toolbar { display:flex; align-items:center; gap:25px; border-bottom:1px solid var(--r-line); padding:12px 0; color:#bda981; font:10px/1.8 var(--mono); }
.r-toolbar>span { margin-left:auto; color:#a3ad94; }
.r-toolbar nav { display:flex; gap:25px; }
.r-toolbar a { display:inline-block; padding:10px 0; }
.r-record-header { padding:28px 0 26px; }
.r-record-header h2 { font:500 clamp(43px,6vw,84px)/1.03 var(--display); color:#d7dccb; margin:13px 0 28px; max-width:1150px; overflow-wrap:anywhere; }
.r-civilian .r-record-header h2 { font-size:clamp(80px,11vw,145px); line-height:.95; }
.r-record-header h2:focus { outline:none; }
.r-record-header dl { display:flex; flex-wrap:wrap; gap:22px 45px; margin:0; padding:18px 0; border-block:1px solid var(--r-line); }
.r-record-header dt { font:9px/1.8 var(--mono); color:#9fab91; }
.r-record-header dd { font:10px/1.8 var(--mono); color:#c1cbb2; margin:7px 0 0; max-width:320px; }
.r-visual { max-width:1100px; margin:0 auto 40px; }
.r-image { margin:0; }
.r-image-wrap { position:relative; }
.r-image img { width:100%; height:auto; display:block; }
.r-civilian .r-image img,.r-field .r-image img,.r-operational .r-image img { max-height:630px; object-fit:cover; }
.r-image figcaption { color:#a8b19a; font:9px/1.8 var(--mono); padding:12px 0; }
.r-story { max-width:700px; margin:0 auto; font:17px/1.95 Arial,Helvetica,sans-serif; color:#bdc5b3; }
.r-story>p { margin:0 0 25px; }
.r-story>p:first-child { font-size:21px; line-height:1.7; color:#d0d7c5; }
.r-story strong { color:#d5d9c6; font-weight:500; }
.r-ending { border-top:1px solid #71694c; margin:42px 0; padding:28px 0 0; }
.r-ending p { font:500 clamp(27px,3.2vw,39px)/1.18 var(--display); color:#cdb990; margin:0 0 8px; }
.r-context { max-width:1000px; margin:50px auto 0; padding-top:24px; border-top:1px solid #4f5a41; display:grid; grid-template-columns:1fr 1fr; gap:24px 35px; }
.r-context-group h3 { font:9px/1.8 var(--mono); color:#a0ad8f; margin:0 0 10px; }
.r-context-group a { display:block; font:10px/1.8 var(--mono); color:#bfa87b; padding:8px 0; }
.r-context a:hover { color:#ddc491; }
.r-sequence { display:flex; justify-content:space-between; gap:30px; border-top:1px solid var(--r-line); margin:30px 0 0; padding:22px 0; }
.r-sequence a { font:10px/1.8 var(--mono); color:#c9b084; padding:10px 0; }
.r-sequence a:last-child:not(:first-child) { margin-left:auto; }
.r-local-networks { max-width:780px; margin:auto; padding:20px 0; border-block:1px solid #637050; }
.r-local-networks figcaption { font:9px/1.8 var(--mono); color:#a7b296; }
.r-local-networks section { padding:18px 0; }
.r-local-networks h3 { font:500 29px var(--display); color:#c6cdb5; }
.r-connected,.r-independent { display:flex; justify-content:space-between; gap:25px; font:10px/1.8 var(--mono); color:#b8c3a8; padding:20px 0; }
.r-connected { border-top:1px solid #b29e6e; }
.r-connected span { position:relative; }
.r-connected span:before { content:''; position:absolute; left:0; top:-23px; width:5px; height:5px; background:#b29e6e; }
.r-independent span { border-top:1px solid #899873; padding-top:13px; }
.r-navigation-display { position:absolute; right:3%; bottom:4%; width:37%; padding:16px; background:#17211de8; border:1px solid #94a281; color:#d0d6bd; font-family:var(--mono); }
.r-navigation-display>span { font-size:9px; }
.r-navigation-display strong { display:block; font:500 clamp(20px,2.8vw,34px)/1.1 var(--display); color:#d4bd8d; margin:12px 0; }
.r-navigation-display small { font-size:9px; }
.r-route { display:flex; list-style:none; padding:20px 0; margin:0; gap:20px; border-bottom:1px solid var(--r-line); }
.r-route li { flex:1; font:9px/1.8 var(--mono); color:#abb89b; border-top:1px solid #727f5c; padding-top:12px; }
.r-route li:last-child { color:#c9b185; border-color:#b69864; }
.r-story .r-display-line { font:500 39px/1.13 var(--display); color:#ccb488; }
.r-equipment { display:grid; grid-template-columns:1.3fr 1fr; gap:35px; margin:30px 0; }
.r-inventory { margin:28px 0; }
.r-equipment .r-inventory { margin:0; }
.r-inventory h3,.r-story .r-label { font:10px/1.8 var(--mono); color:#bda77c; }
.r-inventory ul { list-style:none; padding:0; margin:12px 0; }
.r-inventory li { color:#bbc6ac; font:11px/1.8 var(--mono); border-bottom:1px solid var(--r-line); padding:9px 0; }
.r-frame-overlay { position:absolute; bottom:0; left:0; right:0; display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; padding:15px 20px; background:#10170fe8; color:#c6d0b5; font:10px/1.8 var(--mono); }
.r-media .r-visual,.r-incident .r-visual { max-width:960px; }
.r-evidence-data { display:grid; grid-template-columns:1fr 1fr; gap:25px; border-block:1px solid #576445; padding:20px 0; margin:30px 0; }
.r-evidence-data dt { font:10px/1.8 var(--mono); color:#a6b193; }
.r-evidence-data dd { font:12px/1.8 var(--mono); color:#cfb98f; margin:10px 0 0; }
.r-verification { margin:30px 0; border-top:1px solid #73815b; padding-top:12px; }
.r-verification summary { cursor:pointer; font:11px/1.8 var(--mono); color:#becaa9; padding:10px 0; }
.r-verification p { font:13px/1.85 Arial,sans-serif; color:#a6b299; max-width:650px; }
.r-broadcast { border-left:2px solid #a88d59; padding:5px 0 10px 23px; margin:30px 0; }
.r-broadcast>p { font:500 34px/1.1 var(--display); color:#c9cdb7; margin:8px 0 20px; }
.r-broadcast>div { display:grid; gap:10px; font:12px/1.8 var(--mono); color:#b0bca1; }
.r-news-feed { padding:22px 0; border-bottom:1px solid var(--r-line); }
.r-news-feed>span { font:9px var(--mono); color:#a9b298; }
.r-news-feed ul { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); list-style:none; gap:25px; padding:0; margin:18px 0 0; }
.r-news-feed small { font:9px/1.8 var(--mono); color:#b7a781; }
.r-news-feed p { font:13px/1.65 Arial,sans-serif; color:#bbc2ac; margin:9px 0 0; }
.r-timestamps { list-style:none; padding:0; margin:30px 0; }
.r-timestamps li { display:grid; grid-template-columns:75px 1fr; gap:25px; padding:15px 0; border-bottom:1px solid var(--r-line); }
.r-timestamps time { font:12px/1.8 var(--mono); color:#bdac86; }
.r-timestamps p { font:500 28px/1.2 var(--display); margin:0; color:#c5ceb7; }
.r-story .r-mission-title { font:500 43px/1.1 var(--display); color:#d2bd90; }
.r-orders { border-left:1px solid #938363; padding-left:25px; margin:25px 0 40px; }
.r-orders p { font:16px/1.9 Arial,sans-serif; color:#c0c9b3; margin:0 0 15px; }
.r-departure { border-block:1px solid #89764e; padding:25px 0; margin:35px 0 0; }
.r-departure time { font:11px/1.8 var(--mono); color:#b6c09f; }
.r-departure p { font:500 clamp(35px,4vw,51px)/1.1 var(--display); color:#d5bd8a; margin:15px 0 0; }
@keyframes record-enter { from { opacity:.5; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
.r-enhanced .r-record:not([hidden]) { animation:record-enter .25s ease-out; }
@media(max-width:1000px) { .r-opening { gap:30px; } .r-register li>a { grid-template-columns:24px minmax(0,1fr) 95px 110px 16px; gap:18px; } .r-register img { width:110px; height:85px; } .r-row-copy h3 { font-size:30px; } }
@media(max-width:750px) { .r-opening { grid-template-columns:1fr; gap:25px; } .r-opening>div { display:grid; grid-template-columns:1fr 1fr; gap:25px; align-items:start; } .r-thesis { font-size:31px; } .r-register li>a { grid-template-columns:22px minmax(0,1fr) 90px 14px; gap:14px; } .r-register img,.r-local-mark { grid-column:3; grid-row:1/3; width:90px; height:80px; } .r-row-date { grid-column:2; grid-row:2; } .r-row-arrow { grid-column:4; grid-row:1; } .r-row-copy h3 { font-size:28px; } .r-news-feed ul { grid-template-columns:1fr 1fr; gap:22px; } .r-context { gap:22px; } }
@media(max-width:500px) { .r-intro { padding-top:25px; } .r-intro h1 { font-size:54px; } .r-description { font-size:13px; } .r-opening>div { display:block; } .r-opening-image img { aspect-ratio:1.55; } .r-thesis { font-size:31px; margin-bottom:25px; } .r-controls { gap:16px; } .r-controls input { font-size:11px; } .r-controls button { font-size:9px; } .r-register li>a { grid-template-columns:18px minmax(0,1fr) 14px; padding:22px 0; } .r-register img,.r-local-mark { display:none; } .r-row-arrow { grid-column:3; } .r-row-copy h3 { font-size:30px; } .r-row-copy p { font-size:13px; } .r-toolbar { flex-wrap:wrap; gap:7px 15px; font-size:9px; } .r-toolbar nav { width:100%; justify-content:space-between; } .r-record-header h2 { font-size:42px; } .r-record-header dl { gap:19px 24px; } .r-record-header dl>div { max-width:100%; } .r-record-header dd { overflow-wrap:anywhere; max-width:100%; } .r-story { font-size:16px; line-height:1.9; } .r-story>p:first-child { font-size:19px; } .r-visual { margin-bottom:28px; } .r-context { grid-template-columns:1fr; } .r-navigation-display { position:static; width:100%; padding:17px; background:#18211c; } .r-navigation-display strong { font-size:27px; } .r-route { display:block; } .r-route li { margin-bottom:12px; } .r-frame-overlay { position:static; padding:12px; font-size:9px; } .r-equipment { grid-template-columns:1fr; gap:24px; } .r-evidence-data { grid-template-columns:1fr; gap:20px; } .r-connected,.r-independent { gap:10px; font-size:8px; } .r-local-networks h3 { font-size:27px; } .r-timestamps li { grid-template-columns:50px 1fr; gap:15px; } .r-timestamps p { font-size:25px; } .r-sequence { gap:20px; } .r-sequence a { font-size:9px; } }
@media(prefers-reduced-motion:reduce) { .field-page * { animation:none!important; transition:none!important; } }