/* S-564 /<lang>/armory.html + the home Armory teaser. Uses the tokens of style.css. */
.ar-update{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:8px 14px;border:1px solid rgba(var(--teal-rgb),.45);
  background:rgba(var(--teal-rgb),.07);color:#BFEFE8;font-size:14px;letter-spacing:.02em;clip-path:var(--cut-sm)}
.ar-update svg{width:16px;height:16px;flex:none;color:var(--teal)}
.ar-sec .split{align-items:start}
.ar-sec .sub{max-width:70ch}
.ar-fig{margin:0}
.ar-fig a{display:block;border:1px solid var(--line-2);background:var(--panel);clip-path:var(--cut);overflow:hidden}
.ar-fig img{display:block;width:100%;height:auto;transition:transform .25s}
.ar-fig a:hover img{transform:scale(1.02)}
.ar-fig figcaption{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.45}
.ar-row{display:grid;gap:18px;grid-template-columns:1fr;margin-top:28px}
@media (min-width:760px){.ar-row{grid-template-columns:1fr 1fr}}
.ar-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin:28px 0}
@media (min-width:900px){.ar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ar-close a{aspect-ratio:4/3}
.ar-close img{height:100%;object-fit:cover}
.ar-branches{margin-top:24px}
.ar-h3{font-size:22px;margin-top:26px}
.ar-split .ar-h3{margin-top:0}
.ar-ladder{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px;grid-template-columns:1fr}
@media (min-width:760px){.ar-ladder{grid-template-columns:repeat(4,1fr)}}
.ar-ladder li{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:var(--panel);border:1px solid var(--line);
  border-top:3px solid #F2B84B}
.ar-ladder b{font-family:var(--font-display);font-size:22px;letter-spacing:.06em;color:#F2B84B}
.ar-ladder span{color:var(--muted);font-size:15px}
.ar-sec .two-up{margin-top:24px}
.ar-teaser .media .ar-fig figcaption{font-size:13px}
.ar-teaser .ar-update{margin-top:22px}