/* Secondary context stays subordinate to the artist and the direct contact. */
body[data-page="bio"] .bio-context{display:flex;flex-wrap:wrap;gap:18px 36px;margin-top:32px}
body[data-page="bio"] .bio-context a{display:flex;flex-direction:column;gap:6px;min-height:48px;padding:4px 0;text-decoration:none;color:var(--acid);font:900 19px/1.25 Doto,monospace}
body[data-page="bio"] .bio-context a:hover span{text-decoration:underline;text-underline-offset:5px}
body[data-page="bio"] .bio-context small{color:var(--muted);font:12px/1.5 Arial,sans-serif}
body[data-page="bio"] .bio-activity{margin-top:42px}
body[data-page="bio"] .bio-activity summary{display:flex;align-items:center;gap:20px;list-style:none;cursor:pointer;min-height:64px;padding:16px 0;color:var(--muted);font:900 19px/1.3 Doto,monospace}
body[data-page="bio"] .bio-activity summary::-webkit-details-marker{display:none}
body[data-page="bio"] .bio-activity summary::after{content:'+';margin-left:auto;color:var(--acid);font:900 24px/1 Doto,monospace}
body[data-page="bio"] .bio-activity[open] summary::after{content:'−'}
body[data-page="bio"] .bio-activity summary:hover,body[data-page="bio"] .bio-activity[open] summary{color:var(--ink)}
body[data-page="bio"] .bio-activity summary:focus-visible{outline:3px solid var(--acid);outline-offset:5px}
body[data-page="bio"] .bio-activity summary small{white-space:nowrap;font:12px/1.5 Arial,sans-serif;color:var(--muted)}
body[data-page="bio"] .bio-teaching-records{padding-top:10px}
body[data-page="contact"] .contact-email-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin:24px 0 4px}
body[data-page="contact"] .contact-email-row .contact-address{margin:0;min-width:0;max-width:100%}
body[data-page="contact"] .contact-address a{user-select:text}
body[data-page="contact"] .email-copy{min-height:44px;padding:8px 0;color:var(--muted);font:900 13px/1.3 Doto,monospace;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
body[data-page="contact"] .email-copy:hover{color:var(--acid)}
body[data-page="contact"] .copy-status{min-height:20px;margin:0;font:12px/1.5 Arial,sans-serif;color:var(--muted)}
@media(max-width:600px){body[data-page="bio"] .bio-activity summary{gap:10px;font-size:17px}body[data-page="bio"] .bio-context{gap:16px 26px}body[data-page="contact"] .contact-email-row{column-gap:18px}}