/* Extracted from the inline <style> in custom-metric-design.php.
   Used by: custom-metric-design.php */

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:1rem}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
.logo{font-family:'Playfair Display',serif;font-size:1.625rem;color:var(--gold);font-weight:700}
.logo span{color:var(--text)}
.l1{background:rgba(15,107,50,.15);color:var(--green);border:1px solid rgba(15,107,50,.3)}
.l2{background:rgba(43,88,201,.15);color:var(--blue);border:1px solid rgba(43,88,201,.3)}
.l3{background:rgba(109,40,217,.15);color:var(--purple);border:1px solid rgba(109,40,217,.3)}
.l4{background:rgba(154,74,6,.15);color:var(--orange);border:1px solid rgba(154,74,6,.3)}
.l5{background:rgba(138,98,18,.15);color:var(--gold);border:1px solid rgba(138,98,18,.3)}
h1{font-family:'Playfair Display',serif;font-size:2.625rem;line-height:1.2;margin-bottom:16px;color:var(--text)}
.subtitle{font-size:1.125rem;color:var(--text2);margin-bottom:24px;line-height:1.6}
.article-info{display:flex;gap:24px;font-size: 0.9375rem;color:var(--text3);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 0;margin-bottom:32px}
code{font-family:'JetBrains Mono',monospace;background:var(--bg3);border:1px solid var(--border);padding:2px 6px;border-radius:4px;font-size: 0.9375rem;color:var(--gold)}
pre{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:20px;overflow-x:auto;margin:20px 0;font-size: 0.9375rem}
pre code{border:none;padding:0;background:transparent;color:var(--text2);font-family:'JetBrains Mono',monospace;line-height:1.6}
.stage-box{background:var(--bg3);border-left:4px solid var(--blue);padding:20px;margin:24px 0;border-radius:4px}
.validity-table{width:100%;border-collapse:collapse;margin:24px 0;font-size: 0.9375rem}
.validity-table th{background:var(--bg3);padding:10px;text-align:left;color:var(--gold);border:1px solid var(--border);font-weight:600}
.validity-table td{padding:10px;border:1px solid var(--border);color:var(--text2)}
.validity-table tr:nth-child(even) td{background:rgba(88,28,135,.02)}