.obr { --obr-accent: #176247; --obr-border: #d6ded9; --obr-surface: #fff; --obr-text: #17251d; --obr-radius: .5rem; --obr-gap: 1.2rem; color: var(--obr-text); margin-block: 1.5rem; }
.obr .obr-items { display: grid; gap: var(--obr-gap); }
.obr-grid .obr-items { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.obr .obr-card { background: var(--obr-surface); border: 1px solid var(--obr-border); border-radius: var(--obr-radius); padding: 1.2rem; min-width: 0; overflow-wrap: anywhere; }
.obr h3 { margin-block: 0 1rem; font-size: 1.15em; }
.obr img { max-width: 100%; height: auto; object-fit: contain; aspect-ratio: 1; }
.obr dl { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; }
.obr dd { margin: 0; }
.obr .obr-button { display: inline-block; padding: .65em 1em; border-radius: var(--obr-radius); background: var(--obr-accent); color: #fff; text-decoration: none; font-weight: 600; }
.obr .obr-button:focus-visible { outline: 3px solid var(--obr-accent); outline-offset: 3px; }
.obr table { width: 100%; border-collapse: collapse; }
.obr th, .obr td { text-align: start; padding: .6rem; border-bottom: 1px solid var(--obr-border); }
.obr .obr-scroll { overflow-x: auto; }
.obr svg { width: 100%; height: auto; color: var(--obr-accent); }
.obr figure { margin: 0; }
.obr time, .obr-updated, .obr-disclosure { font-size: .85em; }
.obr .obr-stale { border-inline-start: 3px solid #956600; padding-inline-start: .7rem; }
.obr-editorial .obr-card { border-top: 4px solid var(--obr-accent); }