.mxts{width:100%;max-width:100%;min-width:0;color:#171715}
.mxts,.mxts *{box-sizing:border-box}
.mxts-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc(100% / 3);gap:0;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ccc transparent;border:1px solid #deded8}
.mxts-card{scroll-snap-align:start;min-width:0;padding:clamp(28px,3.5vw,45px);min-height:345px;background:#fff;border-right:1px solid #deded8;display:flex;flex-direction:column;text-align:left;transition:background .2s}
.mxts-card:hover{background:#f6f4ef}
.mxts-top{display:flex;gap:14px;align-items:center}
.mxts-top>div{min-width:0}
.mxts-avatar{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:50%;background:#ece9e2;font:23px "Playfair Display",Georgia,serif}
.mxts-top strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere;margin:4px 0 0}
.mxts-top small{display:block;color:#777;font-size:10px;letter-spacing:.1em;text-transform:uppercase;line-height:1.5;margin-top:3px}
.mxts-stars{font-size:12px;letter-spacing:.08em}
.mxts .mxts-card blockquote{font-family:"Playfair Display",Georgia,serif;font-size:clamp(22px,2.1vw,30px);font-weight:400;line-height:1.35;margin:30px 0 36px;padding:0;border:0;color:#171715;overflow-wrap:anywhere}
.mxts-read{font-family:inherit;font-size:10px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #111;align-self:flex-start;margin-top:auto;text-decoration:none;color:#171715;min-height:32px;display:inline-flex;align-items:center}
.mxts-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;font-size:12px;color:#777}
.mxts-controls>div{display:flex;gap:8px}
.mxts-controls button{border:1px solid #deded8;border-radius:50%;width:44px;height:44px;background:#fff;color:#171715;font-size:22px;cursor:pointer}
.mxts-controls button:disabled{opacity:.3;cursor:default}
.mxts a:focus-visible,.mxts button:focus-visible,.mxts-track:focus-visible{outline:2px solid #811d37;outline-offset:-3px}
.mxts-dialog{box-sizing:border-box;width:min(1100px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:min(900px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;background:#fff;color:#171715;overflow:hidden}
.mxts-dialog[open]{display:flex;flex-direction:column}
.mxts-dialog::backdrop{background:rgba(0,0,0,.72)}
.mxts-dialog *{box-sizing:border-box}
.mxts-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid #ddd;flex:none}
.mxts-dialog header h2{font:500 15px/1.4 sans-serif;margin:0;color:#171715}
.mxts-dialog button{width:44px;height:44px;flex:none;border:1px solid #ddd;background:#fff;color:#171715;border-radius:50%;font-size:24px;cursor:pointer}
.mxts-image-area{flex:1;min-height:0;overflow:auto;padding:18px;background:#f4f3f0;overscroll-behavior:contain;text-align:center}
.mxts-dialog .mxts-original{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;margin:0 auto;cursor:zoom-in}
.mxts-dialog.is-zoomed .mxts-original{max-width:none;max-height:none;cursor:zoom-out}
.mxts-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;font:12px/1.4 sans-serif;flex:none}
.mxts-dialog footer a{color:#171715;text-decoration:underline}
.mxts-dialog footer button{font-size:18px}
.mxts-image-status{font:14px/1.5 sans-serif}
@media(max-width:1024px){.mxts-track{grid-auto-columns:50%}}
@media(max-width:640px){.mxts-track{grid-auto-columns:100%}.mxts-card{min-height:330px;padding:28px}.mxts .mxts-card blockquote{font-size:27px}.mxts-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.mxts-image-area{padding:8px}.mxts-dialog header,.mxts-dialog footer{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.mxts *{transition:none!important;scroll-behavior:auto!important}}
.mxts-dialog [hidden]{display:none!important}