/* Inner Life presentation only; scope every rule to the existing drawer. */
#mindPanel .mind-head { position: relative; min-height: 60px; padding-top: 4px; }
#mindPanel .mind-head .group-t { margin: 0; padding-right: 150px; font-size: 15px; letter-spacing: .3em; border: 0; }
#mindPanel .mind-kicker { margin-top: 9px; color: var(--ink-faint); font-size: 9px; letter-spacing: .2em; }
#mindPanel .mind-fox { position: absolute; right: -12px; top: -20px; width: min(172px, calc(100% - 104px)); height: auto; aspect-ratio: 1; pointer-events: none; }
#mindPanel .mind-fox img { width: 100%; height: 100%; object-fit: contain; }
#mindPanel .mcard { padding: 26px 0; }
#mindPanel .mind-feelings { padding-top: 0; }
#mindPanel .mcard.mind-feelings .h { max-width: 104px; margin-bottom: 12px; line-height: 1.8; }
#mindPanel .mind-feelings .mind-moods { max-width: 104px; gap: 12px; flex-wrap: wrap; line-height: 1.8; }
#mindPanel .mcard .h { font-size: 10px; letter-spacing: .24em; margin-bottom: 18px; }
#mindPanel .mind-moods { display: flex; align-items: baseline; gap: 19px; font-family: var(--serif); }
#mindPanel .mind-moods span:first-child { font-size: 15px; letter-spacing: .08em; color: var(--gold); }
#mindPanel .mind-moods span:nth-child(2) { font-size: 11.5px; color: var(--ink-dim); }
#mindPanel .mind-undertone { margin-top: 13px; font-size: 12px; letter-spacing: .17em; color: var(--ink-faint); }
#mindPanel .mind-trace { height: 2px; margin: 23px 0 15px; background: linear-gradient(90deg, var(--gold), transparent); opacity: .65; }
#mindPanel details > summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: baseline; gap: 12px; color: var(--ink-faint); font-size: 11px; line-height: 1.9; padding: 5px 0; }
#mindPanel details > summary::-webkit-details-marker { display: none; }
#mindPanel details > summary::after { content: '+'; flex-shrink: 0; }
#mindPanel details[open] > summary::after { content: '−'; }
#mindPanel summary:focus-visible, #mindPanel button:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; border-radius: 3px; }
#mindPanel .mind-dimensions { padding: 4px 0 2px; }
#mindPanel .mind-more { border: 0; background: none; font: inherit; font-size: 11px; color: var(--gold); cursor: pointer; padding: 8px 0; margin-top: 4px; }
#mindPanel .mind-wish .big { font-family: var(--serif); font-size: 12px; line-height: 1.7; margin: 0 0 13px; }
#mindPanel .mind-origin { margin-bottom: 13px; font-size: 12px; overflow-wrap: anywhere; }
#mindPanel .mthought { padding: 15px 0; }
#mindPanel .mthought .t { font-family: var(--serif); font-size: 14px; line-height: 1.85; overflow-wrap: anywhere; }
#mindPanel .mthought .m { line-height: 1.9; letter-spacing: .04em; overflow-wrap: anywhere; }
#mindPanel .mind-featured { border-left: 2px solid var(--gold); border-bottom: 0; padding: 0 0 0 16px; margin: 24px 0 17px; }
#mindPanel .mind-featured .t { font-size: 9.5px; color: var(--ink); }
#mindPanel .mind-featured summary { margin-top: 9px; }
#mindPanel .mind-archive { margin-top: 12px; }
#mindPanel .mind-archive > summary { color: var(--gold); }
#mindPanel .mind-perceptions .t { font-family: inherit; font-size: 12px; }
#mindPanel .mfoot { font-size: 10px; line-height: 2.2; }
@media (max-width: 360px) { #mindPanel .mind-head .group-t { padding-right: 0; max-width: 80px; } }