/* MagicDuel - BUG FIXES, the public page of fixed player bug reports (bugfixes.php). Built 2026-09-29.

   Loaded after css/md_profile.css and css/md_member.css and wears their look: a section is its
   header and its content straight on the parchment, NO boxed panels, structure from type,
   spacing and thin ruled lines. A round is a section; its fixes are a ledger grouped by area.

   md_profile.css zeroes .mdp h1/h2/h3/p/ul/ol margins with a selector (one class, one element)
   that outranks a single class, so every margin here is set under two classes (.mdp .bfx-...).

   Phone: under 700px the frame's 16px gutter (md_member.css), nothing wider than the screen. */

.mdp .bfx-lead { margin: 16px 0 0; max-width: 70ch; font-size: 15px; line-height: 1.55; color: var(--ink2); }
.mdp .bfx-facts { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 16px 0 0; font: 500 12.5px/1.3 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--ink3); }
.mdp .bfx-facts span:first-child { color: var(--gold); }

/* the rounds, as plain jump links (only when there is more than one) */
.mdp .bfx-rounds { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 14px 0 0; padding-top: 12px; border-top: 1px solid var(--rule); }
.mdp .bfx-rounds a { font-size: 14px; color: var(--ink2); text-decoration: none; border-bottom: 1px dotted var(--ink3); }
.mdp .bfx-rounds a:hover { color: var(--ink); }
.mdp .bfx-rounds small { font-size: 12px; color: var(--ink3); }

/* one round */
.mdp .bfx-round { scroll-margin-top: 12px; }
.mdp .bfx-when { margin: -6px 0 0; font: 500 12.5px/1.3 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--ink3); }
.mdp .bfx-when a { margin-left: 10px; letter-spacing: .06em; }
.mdp .bfx-intro { margin: 14px 0 0; max-width: 70ch; }
.mdp .bfx-intro p { margin: 0 0 10px; font: italic 400 16px/1.45 var(--serif); color: var(--ink2); }
.mdp .bfx-area { margin: 30px 0 2px; }
.mdp .bfx-area small { margin-left: 6px; }

/* the ledger of fixes */
.mdp .bfx-list { list-style: none; margin: 0; padding: 0; }
.mdp .bfx-item { padding: 13px 0 14px; border-bottom: 1px solid var(--rule); scroll-margin-top: 12px; }
.mdp .bfx-item:target { background: var(--goldwash); box-shadow: -10px 0 0 var(--goldwash), 10px 0 0 var(--goldwash); }
.mdp .bfx-title { margin: 0 0 4px; font: 500 16.5px/1.35 var(--sans); color: var(--ink); }
.mdp .bfx-body { max-width: 72ch; }
.mdp .bfx-body p { margin: 0 0 6px; font-size: 14.5px; line-height: 1.55; color: var(--ink2); }
.mdp .bfx-body p:last-child { margin-bottom: 0; }
.mdp .bfx-meta { display: flex; flex-wrap: wrap; gap: 2px 10px; margin: 8px 0 0; font-size: 12.5px; line-height: 1.4; color: var(--ink3); }
.mdp .bfx-meta span { white-space: nowrap; }
.mdp .bfx-meta span + span::before { content: "\00b7"; margin-right: 10px; color: var(--ink3); }

@media (max-width: 700px) {
	.mdp .bfx-lead { font-size: 14.5px; }
	.mdp .bfx-facts { gap: 4px 14px; font-size: 11.5px; letter-spacing: .08em; }
	.mdp .bfx-area { margin-top: 26px; }
	.mdp .bfx-title { font-size: 16px; }
	.mdp .bfx-item:target { box-shadow: none; }
}