/* MagicDuel - DECREES, the public record of the rulings of the realm's leaders (decree.php). Built 2026-10-18.

   Loaded after css/md_profile.css and css/md_member.css and wears their look, like bugfixes.php: sections
   straight on the parchment, no boxed panels, structure from type, spacing and thin ruled lines.
   md_profile.css zeroes .mdp h1/h2/h3/p/ul/ol margins with one class + one element, so every margin here is
   set under two classes (.mdp .dcr-...). The decree text itself is staff HTML from Content Sections: plain
   h2 / h3 / p / ul / li, styled here under .dcr-body.

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

.mdp .dcr-kicker { margin: 0 0 6px; font: 500 12.5px/1.3 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--ink3); }
.mdp .dcr-kicker a { color: var(--ink3); }

.mdp .dcr-body { max-width: 72ch; margin: 6px 0 0; overflow-wrap: anywhere; }
.mdp .dcr-body > p:first-child { margin-top: 18px; font: italic 400 17px/1.5 var(--serif); color: var(--ink2); }
.mdp .dcr-body p { margin: 0 0 10px; font-size: 15px; line-height: 1.6; color: var(--ink2); }
.mdp .dcr-body h2 { margin: 34px 0 8px; padding-top: 16px; border-top: 1px solid var(--rule); font: 500 20px/1.3 var(--serif); color: var(--ink); }
.mdp .dcr-body h3 { margin: 16px 0 4px; font: 500 12.5px/1.3 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--ink3); }
.mdp .dcr-body ul { margin: 0 0 12px; padding-left: 20px; list-style: disc; }
.mdp .dcr-body li { margin: 0 0 5px; font-size: 15px; line-height: 1.55; color: var(--ink2); }
.mdp .dcr-body b, .mdp .dcr-body strong { color: var(--ink); font-weight: 600; }
.mdp .dcr-body a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 2px; }
.mdp .dcr-body .dcr-foot { margin-top: 34px; padding-top: 14px; border-top: 1px solid var(--rule); font-size: 13px; color: var(--ink3); }

.mdp .dcr-list { list-style: none; margin: 0; padding: 0; }
.mdp .dcr-list li { padding: 12px 0; border-bottom: 1px solid var(--rule); font-size: 16px; }
.mdp .dcr-list a { color: var(--ink); text-decoration: none; }
.mdp .dcr-list a:hover { text-decoration: underline; }
.mdp .dcr-list small { margin-left: 8px; font-size: 12.5px; color: var(--ink3); }