/* /more (more-v1, 28 September 2026): the shelves Balise already has, the
   ones a roll can teach it, and how a new one appears. Reuses home-ask.css
   and topic-ask.css; everything here is scoped to mt-*. */
.mt-wall { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; align-self: center; }
.mt-tile { position: relative; margin: 0; border-radius: 14px; overflow: hidden; aspect-ratio: 4 / 5; background: var(--balise-paper-raised); min-width: 0; }
.mt-tile img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mt-tile b { position: absolute; left: 8px; bottom: 8px; padding: 5px 9px; border-radius: 99px; background: rgba(255, 252, 245, 0.94); color: var(--balise-evergreen); font: 600 12px/1 var(--sans); max-width: calc(100% - 16px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mt-new { outline: 2px dashed var(--balise-gold); outline-offset: 3px; }
.mt-new-tag { position: absolute; top: 8px; left: 8px; padding: 4px 8px; border-radius: 99px; background: var(--balise-gold); color: var(--balise-ink); font: 700 10px/1 var(--mono); letter-spacing: 0.08em; text-transform: uppercase; }
.mt-new-tag:lang(ja) { text-transform: none; letter-spacing: 0; font-size: 11px; }
.mt-cloud { background: var(--balise-paper-raised); color: var(--balise-ink); padding: 48px var(--gutter, 16px) 56px; }
.mt-cloud-in { max-width: var(--wrap, 1120px); margin: 0 auto; }
.mt-cloud h2 { margin: 0 0 6px; font: 700 clamp(24px, 3.2vw, 38px)/1.12 var(--serif); letter-spacing: -0.015em; color: var(--balise-ink); }
.mt-cloud h2:lang(ja) { font-size: clamp(22px, 2.8vw, 32px); line-height: 1.4; word-break: keep-all; overflow-wrap: anywhere; }
.mt-h2-learn { margin-top: 40px !important; }
.mt-lead { margin: 0 0 18px; font: 15px/1.45 var(--sans); color: var(--balise-muted); max-width: 36em; }
.mt-lead:lang(ja) { word-break: keep-all; overflow-wrap: anywhere; }
.mt-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.mt-chip { font: 500 15px/1 var(--sans); padding: 10px 14px; border-radius: 99px; background: var(--balise-white); border: 1px solid var(--balise-line); color: var(--balise-ink); white-space: nowrap; }
.mt-chip-new { background: transparent; border: 1.5px dashed var(--balise-clay); color: var(--balise-evergreen); }
.mt-chip-new::before { content: "+ "; color: var(--balise-clay); font-weight: 700; }
.mt-chip-you { font-style: italic; }
.mt-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 16px; }
.mt-steps li { background: var(--balise-stage-deep); border-radius: 18px; padding: 18px 18px 22px; min-width: 0; }
.mt-steps p { margin: 0; font: 400 18px/1.36 var(--serif); }
.mt-steps p:lang(ja) { word-break: keep-all; overflow-wrap: anywhere; }
@media (max-width: 899px) {
  .mt-wall { order: 3; gap: 8px; }
}