.mxtype{--type-panel:#1c1c1c;--type-text:#eee;--type-muted:#bdb9b0;--type-line:#5c5033;background:var(--type-panel);color:var(--type-text);border:1px solid var(--type-line);border-radius:16px;padding:24px;margin:24px 0 28px;overflow-wrap:anywhere}
html[data-mir-theme="light"] .mxtype{--type-panel:#fff;--type-text:#202631;--type-muted:#535e6d;--type-line:#d9dfe7}
.mxtype-main{display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:28px;align-items:center}.mxtype figure{margin:0}.mxtype img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;border-radius:10px;background:#f7f7f5}.mxtype figcaption{font-size:13px;line-height:1.5;color:var(--type-muted);margin-top:10px}.mxtype h2{font-size:28px;line-height:1.3;margin:0 0 16px;color:var(--type-text)}.mxtype p{line-height:1.65;margin:0 0 16px}.mxtype-kicker{font-size:14px;color:var(--type-muted)}.mxtype-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:20px}.mxtype .mxcat-button{display:inline-block;background:#d6a928;border:1px solid #b08b27;color:#171307!important;border-radius:8px;padding:12px 18px;font-weight:600;text-decoration:none;white-space:normal}.mxtype a:focus-visible,.mxtype summary:focus-visible{outline:2px solid #b28a26;outline-offset:4px}.mxtype-fields{border-top:1px solid var(--type-line);margin-top:24px;padding-top:18px}.mxtype summary{cursor:pointer;font-weight:600;min-height:32px}.mxtype-fields p{margin-top:16px}.mxtype-fields ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 30px;padding-left:22px}
@media(max-width:700px){.mxtype{padding:16px}.mxtype-main{grid-template-columns:1fr;gap:20px}.mxtype img{max-height:220px}.mxtype h2{font-size:24px}.mxtype-fields ul{grid-template-columns:1fr}.mxtype-actions .mxcat-button{width:100%;text-align:center}}
.mxtype ~ .mxext-subtypes{background:#1c1c1c;color:#eee;border:1px solid #5c5033;border-radius:16px}
.mxtype ~ .mxext-subtypes > h3{color:#eee}.mxtype ~ .mxext-subtypes p{color:#bdb9b0}
html[data-mir-theme="light"] .mxtype ~ .mxext-subtypes{background:#fff;color:#202631;border-color:#d9dfe7}
html[data-mir-theme="light"] .mxtype ~ .mxext-subtypes > h3{color:#202631}
html[data-mir-theme="light"] .mxtype ~ .mxext-subtypes p{color:#535e6d}