body[data-note-design="tactical-field"]{--field-paper:#f1ecd9;--field-ink:#2e382d;--field-red:#a24132;--field-blue:#245d78}
body[data-note-design="tactical-field"] .article-header--art-directed{position:relative;isolation:isolate;width:100%;min-height:38rem;overflow:hidden;background:var(--field-paper);color:var(--field-ink);margin:0;padding:0}
body[data-note-design="tactical-field"] .article-hero-media{position:absolute;inset:0;z-index:-2;pointer-events:none}
body[data-note-design="tactical-field"] .article-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
body[data-note-design="tactical-field"] .article-hero-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(241,236,217,.96) 0%,rgba(241,236,217,.9) 38%,rgba(241,236,217,.35) 72%,transparent)}
body[data-note-design="tactical-field"] .article-header__inner{width:min(calc(100% - 2rem),var(--reading-column));margin:0 auto;padding:4rem 0 4rem;text-align:left}
body[data-note-design="tactical-field"] .article-meta{color:var(--field-ink);gap:.65rem 1rem;align-items:center;line-height:1.2}
body[data-note-design="tactical-field"] .article-meta span:first-child{background:var(--field-ink);color:var(--field-paper);border-color:var(--field-ink);padding:.3rem .5rem;display:inline-flex;align-items:center}
body[data-note-design="tactical-field"] .article-header h1{color:var(--field-ink);font:400 clamp(2.6rem,4.3vw,3.6rem)/1.02 var(--font-display);max-width:none;letter-spacing:.005em;margin:1.4rem 0}
body[data-note-design="tactical-field"] .article-title--split>span{display:block}
body[data-note-design="tactical-field"] .article-header__inner>p{max-width:48ch;color:var(--field-ink);font-size:1.15rem;line-height:1.5}
body[data-note-design="tactical-field"] .article-bands{height:.35rem;background:linear-gradient(90deg,var(--field-ink) 0 55%,var(--field-red) 55% 83%,var(--field-blue) 83%)}
body[data-note-design="tactical-field"] .article-copy table{font-size:.87em;width:100%;border-collapse:collapse;margin:1.5rem 0}
body[data-note-design="tactical-field"] .article-copy th,body[data-note-design="tactical-field"] .article-copy td{vertical-align:top;padding:.65rem .6rem .65rem 0;border-bottom:1px solid var(--line);text-align:left}
@media(max-width:640px){body[data-note-design="tactical-field"] .article-header--art-directed{min-height:0}body[data-note-design="tactical-field"] .article-header__inner{padding:2.5rem 0 4rem}body[data-note-design="tactical-field"] .article-hero-veil{background:rgba(241,236,217,.88)}body[data-note-design="tactical-field"] .article-header h1{font-size:clamp(2.5rem,10vw,3.4rem)}body[data-note-design="tactical-field"] .article-meta{font-size:.65rem}}

body[data-note-design="tactical-field"] .article-copy h2{font-size:clamp(1.8rem,3vw,2.2rem);line-height:1.1;margin:1.8em 0 .6em}
body[data-note-design="tactical-field"] .article-copy h3{font-size:clamp(1.4rem,2.5vw,1.7rem);line-height:1.15}

@media(max-width:640px){
 body[data-note-design="tactical-field"] .article-header--art-directed{padding-bottom:14rem}
 body[data-note-design="tactical-field"] .article-header__inner{padding-bottom:2rem}
 body[data-note-design="tactical-field"] .article-hero-media{inset:auto 0 0;height:14rem}
 body[data-note-design="tactical-field"] .article-hero-veil{inset:auto 0 12rem;height:2rem;background:linear-gradient(var(--field-paper),transparent)}
}

/* Recorded simulation media stays within this note's reading layout. */
body[data-note-design="tactical-field"] .field-figure{margin:2.5rem 0 3rem}
body[data-note-design="tactical-field"] .field-figure--wide{width:min(60rem,calc(100vw - 2rem));margin-left:calc((100% - min(60rem,100vw - 2rem))/2)}
body[data-note-design="tactical-field"] .field-figure img,
body[data-note-design="tactical-field"] .field-figure video{display:block;width:100%;height:auto;background:var(--field-paper);border:1px solid var(--line)}
body[data-note-design="tactical-field"] .field-figure__image{display:block;text-decoration:none}
body[data-note-design="tactical-field"] .field-figure__image:focus-visible,
body[data-note-design="tactical-field"] .field-figure video:focus-visible{outline:3px solid var(--field-blue);outline-offset:5px}
body[data-note-design="tactical-field"] .field-figure figcaption{max-width:var(--reading-column);margin:1rem auto 0;font-size:.88em;line-height:1.55;color:var(--field-ink)}
body[data-note-design="tactical-field"] .field-figure figcaption strong{font-weight:650}
body[data-note-design="tactical-field"] .field-figure--memory{display:grid;grid-template-columns:minmax(0,17.875rem) minmax(0,1fr);gap:1.5rem;align-items:center}
body[data-note-design="tactical-field"] .field-figure--memory figcaption{margin:0}
@media(max-width:600px){
 body[data-note-design="tactical-field"] .field-figure--memory{display:block}
 body[data-note-design="tactical-field"] .field-figure--memory .field-figure__image{max-width:17.875rem;margin:auto}
 body[data-note-design="tactical-field"] .field-figure--memory figcaption{margin:1rem 0 0}
 body[data-note-design="tactical-field"] .field-figure{margin-top:2rem;margin-bottom:2.5rem}
}
