@layer components{:root{--navy-deep:#061020;--navy:#0a1830;--navy-light:#122444;--gold:#d4a574;--gold-bright:#e4bf89;--cream:#f5efe3;--cream-dim:#e8dfcc;--max:920px}.mpage{background:var(--navy-deep);color:var(--cream);font-family:var(--font-inter), "Inter", system-ui, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.7}.mpage a{color:var(--gold);text-decoration:none;transition:color .2s}.mpage a:hover{color:var(--gold-bright)}.mpage .nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#061020d1;border-bottom:1px solid #d4a57429;justify-content:space-between;align-items:center;padding:20px 6vw;display:flex;position:sticky;top:0}.mpage .nav-brand{font-family:var(--font-playfair), "Playfair Display", serif;color:var(--cream);letter-spacing:.5px;font-size:20px;font-weight:700}.mpage .nav-links{align-items:center;gap:28px;display:flex}.mpage .nav-links a{color:var(--cream-dim);font-size:14px}.mpage .nav-links a:hover{color:var(--gold)}.mpage .nav-cta{border:1px solid var(--gold);border-radius:2px;padding:8px 16px;color:var(--gold)!important}.mpage .wrap{max-width:var(--max);margin:0 auto;padding:0 6vw}.mpage .m-hero{border-bottom:1px solid #d4a57429;padding:90px 0 56px}.mpage .eyebrow{font-family:var(--font-mono), "JetBrains Mono", monospace;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:22px;font-size:12px}.mpage .m-hero h1{font-family:var(--font-playfair), "Playfair Display", serif;color:var(--cream);margin-bottom:24px;font-size:clamp(36px,6vw,60px);font-weight:700;line-height:1.08}.mpage .m-hero h1 .accent{color:var(--gold);font-style:italic;font-weight:500}.mpage .m-hero .lede{color:var(--cream-dim);max-width:660px;font-size:19px}.mpage section.m{border-bottom:1px solid #d4a5741f;padding:56px 0}.mpage .sec-index{font-family:var(--font-mono), "JetBrains Mono", monospace;color:var(--gold);letter-spacing:2px;margin-bottom:14px;font-size:13px}.mpage section.m h2{font-family:var(--font-playfair), "Playfair Display", serif;color:var(--cream);margin-bottom:20px;font-size:clamp(26px,3.4vw,36px);font-weight:700;line-height:1.15}.mpage section.m h2 .accent{color:var(--gold);font-style:italic;font-weight:500}.mpage section.m h3{font-family:var(--font-playfair), "Playfair Display", serif;color:var(--cream);margin:34px 0 14px;font-size:21px;font-weight:700;line-height:1.25}.mpage section.m p{color:var(--cream-dim);margin-bottom:18px;font-size:16.5px}.mpage section.m p:last-child{margin-bottom:0}.mpage section.m strong{color:var(--cream);font-weight:600}.mpage .pillars{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;display:grid}.mpage .pillar{background:var(--navy);border:1px solid #d4a5742e;border-radius:4px;padding:24px}.mpage .pillar .p-name{font-family:var(--font-playfair), "Playfair Display", serif;color:var(--gold);margin-bottom:8px;font-size:20px;font-weight:700}.mpage .pillar .p-desc{color:var(--cream-dim);margin:0;font-size:14.5px}.mpage .limits{margin:18px 0 0;padding:0;list-style:none}.mpage .limits li{color:var(--cream-dim);border-bottom:1px solid #d4a5741a;padding:10px 0 10px 18px;font-size:15px;position:relative}.mpage .limits li:before{content:"—";color:var(--gold);position:absolute;left:0}.mpage .lattice{grid-template-columns:repeat(2,1fr);gap:10px 28px;margin-top:20px;display:grid}.mpage .lattice div{color:var(--cream-dim);border-bottom:1px solid #d4a5741a;padding:9px 0;font-size:15px}.mpage .lattice .num{font-family:var(--font-mono), "JetBrains Mono", monospace;color:var(--gold);margin-right:10px;font-size:13px}.mpage table.tiers{border-collapse:collapse;width:100%;margin-top:22px;font-size:15px}.mpage table.tiers th,.mpage table.tiers td{text-align:left;border-bottom:1px solid #d4a57424;padding:12px 14px}.mpage table.tiers th{font-family:var(--font-mono), "JetBrains Mono", monospace;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);font-size:12px;font-weight:500}.mpage table.tiers td:first-child{font-family:var(--font-mono), "JetBrains Mono", monospace;color:var(--cream)}.mpage table.tiers .tier-name{color:var(--cream);font-weight:600}.mpage .callout{background:linear-gradient(180deg, var(--navy) 0%, var(--navy-light) 100%);border:1px solid #d4a57438;border-radius:4px;margin-top:26px;padding:26px 28px}.mpage .callout .c-label{font-family:var(--font-mono), "JetBrains Mono", monospace;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-size:12px}.mpage .callout p{color:var(--cream);margin:0;font-size:16px}.mpage footer{padding:48px 0 64px}.mpage footer .f-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.mpage footer .f-brand{font-family:var(--font-playfair), "Playfair Display", serif;color:var(--cream);font-size:18px;font-weight:700}.mpage footer .f-meta{font-family:var(--font-mono), "JetBrains Mono", monospace;color:var(--cream-dim);letter-spacing:1px;font-size:12px}.mpage .renames{margin-top:24px;overflow-x:auto}.mpage .renames table{border-collapse:collapse;width:100%;min-width:640px}.mpage .renames th{font-family:var(--font-mono), "JetBrains Mono", monospace;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);text-align:left;white-space:nowrap;border-bottom:1px solid #d4a57447;padding:0 16px 10px 0;font-size:11px;font-weight:400}.mpage .renames td{color:var(--cream);vertical-align:top;border-bottom:1px solid #d4a5741f;padding:14px 16px 14px 0;font-size:15px}.mpage .renames .r-date{font-family:var(--font-mono), "JetBrains Mono", monospace;color:var(--cream-dim);white-space:nowrap;font-size:13px}.mpage .renames .r-old{color:var(--cream-dim);text-decoration:line-through}.mpage .renames .r-new{color:var(--cream);font-weight:500}.mpage .renames .r-reason{color:var(--cream-dim);min-width:260px;font-size:14px;line-height:1.55}@media (max-width:720px){.mpage .nav-links{gap:16px}.mpage .nav-links a:not(.nav-cta){display:none}.mpage .pillars,.mpage .lattice{grid-template-columns:1fr}}}
