.mm-membership{box-sizing:border-box;max-width:1240px;margin:56px auto;padding:clamp(24px,4vw,52px);background:#0c281e;border:1px solid #49664f;border-radius:22px;color:#f5f0db;text-align:left;line-height:1.65}.mm-membership h2{font-size:clamp(27px,3.4vw,46px);line-height:1.2;letter-spacing:normal;margin:0 0 24px}.mm-membership h3{font-size:21px;line-height:1.4;letter-spacing:normal}.mm-membership p{max-width:85ch;color:#d0dcd1}.mm-kicker{font-size:12px;letter-spacing:.15em;color:#e5c66d!important;font-weight:700}.mm-membership .mm-price{font-size:32px;font-weight:750;color:#ebcd78}.mm-price span{display:inline-block}.mm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:30px 0}.mm-link{display:inline-block;color:#f0d17a!important;text-decoration:underline;text-underline-offset:5px;margin:12px 20px 8px 0;font-weight:650}.mm-membership dt{font-weight:700;color:#eed17e;margin-top:22px}.mm-membership dd{margin:6px 0 0;color:#d0dcd1}.mm-membership details{padding:20px 0;border-bottom:1px solid #46614b}.mm-membership summary{cursor:pointer;font-weight:650;color:#f5f0db}.mm-membership a:focus-visible{outline:3px solid #efce74;outline-offset:5px}.mm-details{margin:0;background:radial-gradient(ellipse at top right,#165e43,#061b13 65%);color:#f5f0db;font:17px/1.65 system-ui,sans-serif}.mm-details header,.mm-details footer,.mm-details main{max-width:1240px;margin:auto;padding:24px}.mm-details header{display:flex;justify-content:space-between;gap:20px}.mm-details a{color:#edce76}.mm-details h1{font-size:clamp(38px,6vw,72px);line-height:1.1;letter-spacing:-.025em}.mm-details .intro{max-width:660px;font-size:21px;color:#c5d6ca}.mm-details .mm-membership{margin:36px 0}@media(max-width:700px){.mm-grid{grid-template-columns:1fr;gap:10px}.mm-membership{margin:30px 16px}.mm-details main{padding:16px}.mm-details .mm-membership{margin:24px 0}.mm-membership .mm-price{font-size:27px}}

/* Mastermind public-site boxed navigation — 2026-10-15 */
.header nav[aria-label="Main navigation"] {
  gap: 8px;
  flex-wrap: wrap;
}
.header nav[aria-label="Main navigation"] > a,
.rs-related > a,
nav[aria-label="App features"] > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid #58735d;
  border-radius: 11px;
  background: #102c20;
  color: #f5f0d9;
  font-weight: 650;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}
.header nav[aria-label="Main navigation"] > a:hover,
.rs-related > a:hover,
nav[aria-label="App features"] > a:hover {
  background: #1c4432;
  border-color: #e6c574;
  color: #fff4d3;
  text-decoration: none;
}
.mm-details > header > a,
main > header > a:not(.brand),
.studio-back,
.studio-account > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 11px 18px;
  border: 1px solid #58735d;
  border-radius: 12px;
  background: #102c20;
  color: #f5f0d9;
  font-weight: 650;
  line-height: 1.4;
  text-decoration: none;
  text-align: center;
}
.studio-tools {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  align-items: stretch;
  gap: 12px;
}
.studio-tools > a,
.studio-tools > button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  padding: 14px 16px;
  border: 1px solid #58735d;
  border-radius: 14px;
  background: #102c20;
  color: #f5f0d9;
  font: inherit;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}
.studio-tools > [aria-current="page"] {
  background: #e6c574;
  color: #112218;
  border-color: #e6c574;
}
.studio-tools > :is(a,button):hover,
.mm-details > header > a:hover,
main > header > a:not(.brand):hover {
  background: #1c4432;
  border-color: #e6c574;
  color: #fff4d3;
  text-decoration: none;
}
.studio-tools > [aria-current="page"]:hover {
  background: #ebcf8c;
  color: #112218;
}
.studio-tools > :is(a,button):focus-visible,
.header nav > a:focus-visible,
.mm-details > header > a:focus-visible,
main > header > a:not(.brand):focus-visible {
  outline: 3px solid #f4d37c;
  outline-offset: 4px;
}
@media (max-width: 760px) {
  .studio-tools { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .studio-tools > a,.studio-tools > button { min-height: 64px; padding: 12px 10px; }
  main > header { flex-wrap: wrap; gap: 14px; }
}
.mm-details > header { flex-wrap: wrap; align-items: center; }
.mm-details > header > a,
main > header > a:not(.brand) { box-sizing: border-box; max-width: 100%; overflow-wrap: anywhere; }
.mm-details { overflow-wrap: anywhere; }
