/* Shared interaction structure; host typography, hero, imagery and colors stay owned by each app. */
.mj-nav,.mj-home,.mj-context,.mj-next{font-family:inherit;color:inherit;box-sizing:border-box;min-width:0}
.mj-nav{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .8rem;width:100%}
.mj-nav>a{display:inline-flex;align-items:center;min-height:44px;padding:.35rem .25rem;color:inherit;font-weight:650;text-decoration:none}
.mj-nav>a[aria-current="page"]{text-decoration:underline;text-underline-offset:.45em}
.mj-legacy{font:inherit;min-width:0}
.mj-legacy>summary{cursor:pointer;padding:.65rem .3rem;min-height:44px;box-sizing:border-box}
.mj-legacy[open]{flex-basis:100%;width:100%}
.mj-legacy-content{padding:.5rem 0;overflow-wrap:anywhere}
.mj-legacy-content a{margin-inline-end:.8rem}
.mj-home{width:min(1100px,100%);margin:2rem auto;padding:1.25rem clamp(1rem,3vw,2rem)}
.mj-home h2{font:inherit;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;line-height:1.45;margin:0 0 .6rem}
.mj-intro{margin:0 0 1.25rem;line-height:1.8}
.mj-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:stretch}
.mj-home[data-template="compare"] .mj-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.mj-card{min-width:0;padding:1.2rem;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 22%,transparent);border-radius:1rem;display:flex;flex-direction:column;gap:.7rem;background:transparent}
.mj-card>a:first-child{font:inherit;font-size:1.15rem;font-weight:700;line-height:1.5;color:inherit;text-decoration:none;min-height:44px;display:flex;align-items:center}
.mj-card>p{line-height:1.75;margin:0;overflow-wrap:anywhere}
.mj-children{display:flex;gap:.25rem .7rem;flex-wrap:wrap;margin-top:auto;padding-top:.4rem}
.mj-children a,.mj-actions a{display:inline-flex;align-items:center;min-height:44px;line-height:1.5;color:inherit;text-underline-offset:.2em;overflow-wrap:anywhere}
.mj-home>.mj-legacy{margin-top:1.2rem}
.mj-home[data-template="guided"] .mj-card:first-child{border-width:2px}
.mj-context,.mj-next{padding:1rem 0;margin:1rem 0;border-block:1px solid currentColor;border-color:color-mix(in srgb,currentColor 18%,transparent)}
.mj-next{width:min(1100px,100%);padding:1.2rem clamp(1rem,3vw,2rem);margin:2rem auto}
.mj-context p,.mj-next p{margin:0 0 .4rem;line-height:1.65;font-weight:650}
.mj-actions{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}
.mj-nav a:focus-visible,.mj-home a:focus-visible,.mj-actions a:focus-visible,.mj-legacy>summary:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:3px}
@media(max-width:900px){.mj-grid,.mj-home[data-template="compare"] .mj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.mj-grid,.mj-home[data-template="compare"] .mj-grid{grid-template-columns:minmax(0,1fr)}.mj-home{margin:1rem auto}.mj-card{padding:1rem}.mj-nav{gap:.2rem .6rem}.mj-nav>a{font-size:.95rem}}
@media print{.mj-nav,.mj-home>.mj-legacy,.mj-context,.mj-next{display:none}}