{% extends "base.html" %}
{% block body_class %}mb-v2{% endblock %}
{% block title %}MoonBite governance record{% endblock %}
{% block head_extra %}
<style>
  /* Single decision record: a calm reading layout (v2) */
  .adr{padding:clamp(48px,7vw,96px) 0 clamp(72px,8vw,112px);}
  .adr-wrap{max-width:760px;margin:0 auto;padding:0 var(--mbs-gutter,24px);}
  .adr-back{display:inline-flex;gap:8px;color:#8A8580;text-decoration:none;font:500 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em;}
  .adr-back:hover{color:#D9A441;}
  .adr-body{margin-top:28px;line-height:1.75;color:rgba(245,242,234,.82);font-size:17px;}
  .adr-body h1{font-family:'Archivo Black','Inter',sans-serif;font-weight:400;font-size:clamp(34px,5vw,60px);color:#F5F2EA;line-height:1;letter-spacing:-.03em;
    margin:8px 0 28px;padding-bottom:28px;border-bottom:1px solid rgba(245,242,234,.08);}
  .adr-body h2{font-family:'Archivo Black','Inter',sans-serif;font-weight:400;font-size:clamp(22px,2.4vw,28px);color:#F5F2EA;letter-spacing:-.02em;margin:48px 0 14px;}
  .adr-body h3{font-size:17px;color:#D9A441;margin:28px 0 8px;}
  .adr-body p{margin:14px 0;}
  .adr-body ul{margin:14px 0;padding-left:22px;}
  .adr-body li{margin:8px 0;}
  .adr-body li::marker{color:#D9A441;}
  .adr-body strong{color:#F5F2EA;}
  .adr-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#0F1218;border:1px solid rgba(245,242,234,.08);padding:2px 7px;border-radius:6px;font-size:13.5px;color:#E8C878;word-break:break-all;}
  .adr-body pre{background:#0F1218;border:1px solid rgba(245,242,234,.08);border-radius:12px;padding:16px 18px;overflow-x:auto;}
  .adr-body pre code{border:0;padding:0;background:none;}
  .adr-body a{color:#F5F2EA;text-decoration:underline;text-decoration-color:rgba(217,164,65,.6);text-underline-offset:3px;}
  .adr-body hr{border:0;border-top:1px solid rgba(245,242,234,.08);margin:36px 0;}
  .adr-body table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px;display:block;overflow-x:auto;}
  .adr-body th,.adr-body td{border:0;border-bottom:1px solid rgba(245,242,234,.08);padding:13px 14px 13px 0;text-align:left;vertical-align:top;background:none;}
  .adr-body th{color:#6E6A66;font:500 11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;}
  .adr-body td:first-child{color:#8A8580;white-space:nowrap;padding-right:28px;}
</style>
{% endblock %}
{% block content %}
<section class="adr"><div class="adr-wrap">
  <a class="adr-back" href="/governance">← All decision records</a>
  <div class="adr-body">{{ body|safe }}</div>
</div></section>
{% endblock %}