.guides-page { overflow: clip; }
.guides-page section { padding-block: var(--space-9); }
.guides-page .eyebrow { margin-block-end: var(--space-3); }
.guides-hero { padding-block: var(--space-8) !important; }
.guides-hero__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-6); align-items: center; }
.guides-hero__copy { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.guides-hero__copy > * { min-width: 0; margin: 0; }
.guides-hero__locator { width: 5rem; height: 2px; background: var(--colour-signal-orange); }
.guides-hero h1 { max-width: 12ch; }
.guides-hero__lead { max-width: 62ch; font-size: var(--text-lead); }
.guides-hero__actions { width: 100%; }
.guides-hero__labels { width: min(100%, 54ch); padding: var(--space-4); border-inline-start: 2px solid var(--colour-steel-blue); }
.guides-hero__labels p { margin: 0; font-size: var(--text-utility); }
.guides-hero__media { width: 100%; min-width: 0; margin: 0; border: var(--border); background: var(--colour-sage-deep); }
.guides-hero__media img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.guides-hero__media figcaption { padding-inline: var(--space-3); color: var(--colour-paper-bright); }
.guides-search { background: var(--colour-field-paper); }
.guides-search__heading { max-width: 60ch; }
.guides-search__panel { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--space-4); margin: 0; }
.guides-search__query, .guides-search__submit, .guides-search__filters, .guides-search__status { min-width: 0; }
.guides-search__submit { align-self: end; width: 100%; }
.guides-search__filters, .guides-search__status { grid-column: 1 / -1; margin: 0; }
.guides-search__filters { display: grid; gap: var(--space-4); }
.guides-search__filter-group { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.guides-search__filter-group > button, .guides-search__clear { min-width: 0; min-height: 2.75rem; padding: var(--space-2) var(--space-3); border: var(--border); border-radius: 0; background: var(--colour-paper-bright); color: var(--colour-graphite); font-family: var(--font-heading); font-size: var(--text-label); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.guides-search__filter-group > button[aria-pressed="true"] { border-inline-start: var(--rule-action); background: var(--colour-field-paper); }
.guides-search__utility { display: flex; align-items: end; gap: var(--space-3); }
.guides-search__utility label { flex: 0 0 auto; }
.guides-search__utility select { flex: 1 1 16rem; min-width: 0; }
.guides-search__clear { flex: 0 0 auto; }
.guides-search__status { margin: 0; }
.guides-current__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-6); align-items: start; }
.guides-current__context, .guides-record-list { min-width: 0; }
.guides-current__notice { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-5); border-block-start: var(--rule-action); }
.guides-current__notice p { margin: 0; }
.guides-record-list { display: flex; flex-direction: column; gap: var(--space-3); }
.guides-record { display: grid; grid-template-columns: minmax(10rem, 1.35fr) minmax(0, 3fr) minmax(7rem, auto); gap: var(--space-4); align-items: center; padding: var(--space-4); border: var(--border); background: var(--texture-paper), var(--colour-paper-bright); }
.guides-record > * { min-width: 0; }
.guides-record__meta { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); }
.guides-record__body h3, .guides-record__body p { margin: 0; }
.guides-record__body { display: flex; flex-direction: column; gap: var(--space-2); }
.guides-record__link { justify-self: end; font-family: var(--font-heading); font-weight: 700; text-transform: uppercase; text-decoration: none; }
.guides-record__link span { display: inline-block; transition: transform var(--transition-fast); }
.guides-record:hover .guides-record__link span { transform: translateX(3px); }
.guides-sequence { background: var(--colour-paper-bright); }
.guides-sequence__intro { display: flex; width: min(100%, 58ch); flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); }
.guides-sequence__intro > * { margin: 0; }
.guides-sequence__stages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); margin: var(--space-6) 0; padding: 0; list-style: none; }
.guides-sequence__stages > li { min-width: 0; display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: var(--space-3); padding: var(--space-4); border-top: var(--rule-action); background: var(--colour-field-paper); }
.guides-sequence__stages h3, .guides-sequence__stages p { margin: 0; }
.guides-sequence__stages div { min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.guides-sequence__number, .guides-warfare__index { color: var(--colour-signal-orange); font-family: var(--font-heading); font-size: var(--text-section); font-weight: 700; }
.guides-sequence__notes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.guides-sequence__notes > div { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-4); }
.guides-sequence__notes p { margin: 0; max-width: 58ch; }
.guides-operations__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-6); align-items: start; }
.guides-operations__media { min-width: 0; width: 100%; margin: 0; }
.guides-operations__media img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.guides-operations__copy { min-width: 0; }
.guides-operations__copy > p:not(.eyebrow) { max-width: 60ch; }
.guides-operations__lanes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.guides-operations__lanes > div { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-4); }
.guides-operations__lanes h3, .guides-operations__lanes p { margin: 0; }
.guides-warfare { position: relative; background: var(--colour-field-paper); }
.guides-warfare__image { position: absolute; inset: 0 0 auto; height: 20rem; background: linear-gradient(rgb(64 83 71 / 34%), rgb(232 229 218 / 88%)), url('/src/media/guides-warfare-terrain-squad.webp') center / cover; }
.guides-warfare__content { position: relative; display: flex; flex-direction: column; gap: var(--space-6); }
.guides-warfare__lead { width: min(100%, 54ch); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding-top: 9rem; }
.guides-warfare__lead > * { margin: 0; }
.guides-warfare__routes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.guides-warfare__routes > article { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); border: var(--border); background: var(--texture-paper), var(--colour-paper-bright); }
.guides-warfare__routes h3, .guides-warfare__routes p { margin: 0; }
.guides-warfare__note { width: min(100%, 54ch); margin: 0; padding-top: var(--space-3); border-top: var(--border); }
.guides-builds__intro { width: min(100%, 64ch); border-bottom: double 3px var(--colour-rule-grey); }
.guides-builds__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-6); }
.guides-builds__comparison > article { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); }
.guides-builds__comparison h3, .guides-builds__comparison p, .guides-builds__comparison ul { margin: 0; }
.guides-builds__comparison ul { display: grid; gap: var(--space-2); padding-inline-start: 1.35em; }
.guides-builds__checklist { margin-top: var(--space-5); padding: var(--space-5); border-block: var(--border); }
.guides-builds__checklist h3 { margin: 0 0 var(--space-3); }
.guides-builds__checklist ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3) var(--space-6); margin: 0; }
.guides-walkthroughs { background: var(--colour-paper-bright); }
.guides-walkthroughs__intro { width: min(100%, 56ch); }
.guides-walkthroughs__rows { display: flex; flex-direction: column; gap: var(--space-3); }
.guides-walkthroughs__rows > article { display: grid; grid-template-columns: minmax(12rem, 3fr) minmax(0, 9fr); gap: var(--space-5); min-width: 0; padding: var(--space-4); border: var(--border); background: var(--colour-paper-bright); }
.guides-walkthroughs__rail { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); border-inline-start: var(--rule-action); padding-inline-start: var(--space-3); }
.guides-walkthroughs__rows article > div:last-child { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); }
.guides-walkthroughs__rows h3, .guides-walkthroughs__rows p { margin: 0; }
.guides-walkthroughs__related { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-5); padding-top: var(--space-4); border-top: var(--border); }
.guides-standards__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.guides-standards__grid > article { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); border: var(--border); background: var(--colour-paper-bright); }
.guides-standards__grid article:nth-child(1) { background: var(--colour-steel-mist); }
.guides-standards__grid article:nth-child(3) { border-top: var(--rule-action); }
.guides-standards__grid h3, .guides-standards__grid p { margin: 0; }
.guides-standards__publisher { width: min(100%, 62ch); margin-top: var(--space-5); padding: var(--space-4); border: var(--border); }
.guides-standards__publisher p { margin: 0; }
.guides-standards__publisher p + p { margin-top: var(--space-2); }
.guides-cta { padding-top: var(--space-6) !important; }
.guides-cta__panel { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-6); align-items: center; padding: var(--space-6); background-image: var(--texture-topographic); }
.guides-cta__copy { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.guides-cta__copy > * { margin: 0; }
.guides-cta__copy p:not(.eyebrow) { max-width: 54ch; }
.guides-cta__actions { min-width: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-3); }

@media (max-width: 61.25rem) { .guides-hero__grid, .guides-operations__grid { grid-template-columns: 1fr; } .guides-hero__media { order: -1; } .guides-current__grid { grid-template-columns: 1fr; } .guides-sequence__stages { grid-template-columns: repeat(2, minmax(0, 1fr)); } .guides-operations__media { order: -1; } }
@media (max-width: 60rem) { .guides-record { grid-template-columns: 1fr; gap: var(--space-3); } .guides-record__meta { flex-direction: row; flex-wrap: wrap; } .guides-record__link { justify-self: start; } }
@media (max-width: 57rem) { .guides-search__panel { grid-template-columns: 1fr; } .guides-search__submit { grid-column: 1; } .guides-warfare__routes { grid-template-columns: repeat(2, minmax(0, 1fr)); } .guides-warfare__routes > article:nth-child(3) { grid-column: 1 / -1; } .guides-walkthroughs__rows > article { grid-template-columns: 1fr; gap: var(--space-3); } }
@media (max-width: 53.75rem) { .guides-standards__grid { grid-template-columns: 1fr; } .guides-standards__publisher { width: 100%; } }
@media (max-width: 51.25rem) { .guides-cta__panel { grid-template-columns: 1fr; } .guides-cta__actions { justify-content: flex-start; } }
@media (max-width: 48.75rem) { .guides-builds__comparison, .guides-operations__lanes { grid-template-columns: 1fr; } .guides-builds__checklist ul { grid-template-columns: 1fr; } }
@media (max-width: 40rem) { .guides-page section { padding-block: var(--space-7); } .guides-hero { padding-top: 0 !important; } .guides-hero__grid { gap: 0; width: 100%; } .guides-hero__media { border-inline: 0; } .guides-hero__copy { padding: var(--space-5) var(--container-padding-mobile); } .guides-hero h1 { font-size: clamp(2.625rem, 12vw, 3.25rem); } .guides-hero__actions { flex-direction: column; } .guides-hero__actions > a { width: 100%; } .guides-search__utility { flex-direction: column; align-items: stretch; } .guides-search__utility label, .guides-search__utility select, .guides-search__clear { width: 100%; } .guides-sequence__stages { grid-template-columns: 1fr; } .guides-warfare__image { height: 13rem; } .guides-warfare__lead { padding-top: 7rem; } .guides-warfare__routes { grid-template-columns: 1fr; } .guides-warfare__routes > article:nth-child(3) { grid-column: auto; } .guides-cta__panel { padding: var(--space-5); } .guides-cta__actions { flex-direction: column; } .guides-cta__actions > a { width: 100%; } }