/* Same white panel, margins, border and padding as the existing article pages. */
.post-single.mk-artist-page { margin:0 6%; }
.post-single.mk-artist-page > article.mk-artist { box-sizing:border-box; margin:0; padding:5px 8%; border:1px solid rgba(51,51,51,.1); border-radius:0; background:#fff; color:#282b30; }
.mk-artist .mk-artist-header { margin:0; padding:var(--mk-title-pad-top,9px) 0 var(--mk-title-pad-bottom,17px); }
.mk-artist h1 { margin:0; padding:0; color:#282b30; font:600 36px/1.2 Arial,Helvetica,sans-serif; letter-spacing:-.025em; overflow-wrap:anywhere; }
.mk-artist .mk-artist-intro { margin:0 0 5px; color:#687066; font:400 13px/1.5 Arial,Helvetica,sans-serif; }
.mk-artist .mk-artist-search { display:inline-block; margin:10px 0 20px; color:#596447; }
.mk-artist-type-review { --mk-type:#858b80; }
.mk-artist-type-news { --mk-type:#858b80; }
.mk-artist-type-story { --mk-type:#858b80; }
.mk-artist-type-photo { --mk-type:#858b80; }
.mk-artist-type-article { --mk-type:#858b80; }
.mk-artist-relevance-1 { --mk-dot-size:6px; }
.mk-artist-relevance-2 { --mk-dot-size:9px; }
.mk-artist-relevance-3 { --mk-dot-size:12px; }
.mk-artist-relevance-4 { --mk-dot-size:16px; }
.mk-artist .mk-artist-timeline { position:relative; padding:6px 0; }
.mk-artist .mk-artist-year[hidden] { display:none !important; }
.mk-artist .mk-artist-year-gap { position:relative; z-index:2; display:block; max-width:100%; margin:4px auto; padding:7px 10px; border:1px solid #dce1d3; border-radius:12px; background:#fafbf8; color:#68705f; font:400 12px/1.4 Arial,Helvetica,sans-serif; cursor:pointer; }
.mk-artist .mk-artist-year-gap:hover { background:#eef1e7; }
.mk-artist .mk-artist-year-gap:focus-visible { outline:2px solid #596447; outline-offset:2px; }
.mk-artist.is-compact-archive .mk-artist-dot { width:calc(18px * var(--mk-archive-scale,1)); height:calc(18px * var(--mk-archive-scale,1)); }
.mk-artist .mk-artist-dot > span { min-width:calc(var(--mk-dot-size,6px) * var(--mk-archive-scale,1)); min-height:calc(var(--mk-dot-size,6px) * var(--mk-archive-scale,1)); }
.mk-artist .mk-artist-timeline::before { content:""; position:absolute; left:calc(50% - .5px); top:5px; bottom:5px; width:1px; background:#cbd2be; }
.mk-artist .mk-artist-year { position:relative; min-height:18px; padding:0; margin:0; }
.mk-artist .mk-artist-year h2 { position:relative; z-index:1; margin:0 auto; padding:0; width:48px; color:#49543c; background:#fff; text-align:center; font:700 14px/20px Arial,Helvetica,sans-serif; letter-spacing:0; }
.mk-artist .mk-artist-year-empty h2 { color:#949b8f; }
.mk-artist .mk-artist-points { display:flex; flex-wrap:wrap; gap:2px; list-style:none; margin:0 0 5px; padding:0 0 0 4px; }
.mk-artist .mk-artist-point { display:contents; }
.mk-artist .mk-artist-dot { position:relative; z-index:2; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; width:18px; height:18px; margin:0; padding:0; border:0; border-radius:50%; background:transparent; cursor:pointer; text-decoration:none; touch-action:manipulation; }
.mk-artist .mk-artist-dot > span { display:block; flex:0 0 auto; width:var(--mk-dot-size,6px); height:var(--mk-dot-size,6px); border-radius:50%; background:var(--mk-type); pointer-events:none; transform:translate(var(--mk-magnet-x,0px),var(--mk-magnet-y,0px)) scale(var(--mk-dot-scale,1)); box-shadow:0 0 calc(8px * var(--mk-proximity,0)) #737e5460; }
.mk-artist .mk-artist-dot:hover > span, .mk-artist .mk-artist-dot[aria-expanded="true"] > span { --mk-dot-scale:1.18; box-shadow:0 0 0 3px #737e5420; }
.post-single .mk-artist-dot:focus-visible, .mk-artist-preview a:focus-visible, .mk-artist-preview button:focus-visible { outline:2px solid #596447 !important; outline-offset:2px; }
.mk-artist.is-enhanced .mk-artist-year { min-height:0; }
.mk-artist.is-enhanced .mk-artist-year h2 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.mk-artist.is-enhanced .mk-artist-points { display:contents; }
.mk-artist.is-enhanced .mk-artist-dot { position:absolute; transform:translate(-50%,-50%); }
.mk-artist-sr { position:absolute !important; width:1px !important; height:1px !important; margin:-1px !important; padding:0 !important; border:0 !important; overflow:hidden !important; clip-path:inset(50%) !important; white-space:nowrap !important; }
/* Open previews move to body, outside the theme's nested article rules. */
.mk-artist-preview[hidden] { display:none !important; }
.mk-artist-preview { position:fixed; z-index:10020; box-sizing:border-box; width:380px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); overflow:auto; padding:20px; border:1px solid #dfe3d9; border-radius:4px; background:#fff; box-shadow:0 8px 30px #20251a26; color:#282b30; font-family:Arial,Helvetica,sans-serif; opacity:0; }
.mk-artist-preview.is-open { opacity:1; }
.mk-artist-preview .mk-artist-close { position:absolute; z-index:1; top:3px; right:4px; display:flex; align-items:center; justify-content:center; width:30px; height:30px; padding:0; border:0; border-radius:3px; color:#687066; background:#fff; font:400 23px/1 Arial,sans-serif; cursor:pointer; }
.mk-artist-preview .mk-artist-close:hover { background:#f0f2eb; }
.mk-artist-preview .mk-artist-preview-link { display:flex; align-items:flex-start; gap:15px; margin:0; padding:5px 0 0; border:0; color:inherit; background:transparent; text-decoration:none; }
.mk-artist-preview .mk-artist-cover { display:block; flex:0 0 88px; width:88px; height:88px; margin:0; padding:0; border:1px solid #e4e6df; border-radius:2px; object-fit:contain; background:#f8f9f5; }
.mk-artist-preview .mk-artist-preview-body { flex:1; min-width:0; }
.mk-artist-preview .mk-artist-meta { display:flex; flex-wrap:wrap; gap:5px 9px; margin:0 12px 8px 0; color:#778070; font:400 10px/1.5 Arial,sans-serif; }
.mk-artist-preview .mk-artist-meta > span { color:var(--mk-type); font-weight:700; text-transform:uppercase; }
.mk-artist-preview h3 { margin:0 0 8px; padding:0; color:#282b30; font:600 17px/1.35 Arial,Helvetica,sans-serif; letter-spacing:-.02em; text-transform:none; overflow-wrap:anywhere; }
.mk-artist-preview .mk-artist-teaser { margin:0 0 12px; color:#687066; font:400 12px/1.6 Arial,sans-serif; overflow-wrap:anywhere; }
.mk-artist-preview .mk-artist-read { color:#596447; font:600 12px/1.5 Arial,sans-serif; }
@media (max-width:640px) {
    .mk-artist h1 { font-size:28px; }
    .mk-artist-preview { padding:20px 16px 16px; }
    .mk-artist-preview .mk-artist-preview-link { gap:12px; }
    .mk-artist-preview .mk-artist-cover { flex-basis:66px; width:66px; height:66px; }
}
@media (prefers-reduced-motion:no-preference) {
    .mk-artist-preview { transition:opacity .16s ease; }
    .mk-artist .mk-artist-dot > span { transition:transform .18s cubic-bezier(.2,.7,.25,1),box-shadow .18s ease; }
}
.mk-artist-preview .mk-artist-focus-label { margin:0 0 6px; color:#7b836f; font:400 10px/1.4 Arial,sans-serif; }

/* Artist dossier: the artwork monitor's materials, adapted for readable text. */
.mk-artist { container:mk-artist / inline-size; }
.mk-artist .mk-artist-layout { display:grid; grid-template-columns:minmax(0,1fr); align-items:start; gap:var(--mk-media-box-gap,20px); }
.mk-artist .mk-artist-layout-with-profile { grid-template-columns:minmax(0,var(--mk-media-box-width,298px)) minmax(0,1fr); }
.mk-artist .mk-artist-sidebar { min-width:0; }
.mk-artist .mk-artist-layout > .mk-artist-timeline { min-width:0; }
.mk-artist .mk-artist-profile { position:relative; box-sizing:border-box; align-self:start; min-width:0; margin:3px 0 18px; padding:0 9px; border:1px solid #252b1e; border-radius:6px; background:repeating-linear-gradient(110deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(135deg,#65704c,#3d462f 54%,#505a3d); box-shadow:inset 0 0 0 2px #a8af8580,inset 0 0 0 4px #252b1e80,0 3px 7px #20271926,0 12px 28px #77885b0a; color:#282b26; }
.mk-artist .mk-artist-profile-top { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:30px; padding:0 19px; color:#d4d5a7; font:600 9px/1.3 Arial,Helvetica,sans-serif; letter-spacing:.15em; text-transform:uppercase; }
.mk-artist .mk-artist-profile-light { flex:0 0 8px; width:8px; height:8px; border:1px solid #242619; border-radius:50%; background:radial-gradient(circle at 35% 30%,#fff3a4,#d9a330 40%,#866015 72%); box-shadow:0 0 0 2px #22291b,0 0 5px #d7a33c66; }
.mk-artist .mk-artist-profile-paper { padding:18px 19px 18px; border:1px solid #c2c3a4; border-radius:2px; background:radial-gradient(ellipse at 15% 0,#ffffffa6,transparent 70%),repeating-linear-gradient(0deg,#85876504 0 1px,transparent 1px 3px),linear-gradient(110deg,#f0efdf,#e9e7d4); box-shadow:0 0 0 2px #22291e,inset 0 0 12px #6c735719; }
.mk-artist h2.mk-artist-profile-name { width:auto; margin:0 0 16px; padding:0; border:0; color:#252b2b; background:transparent; font:700 18px/1.25 Arial,Helvetica,sans-serif; letter-spacing:-.025em; text-align:left; overflow-wrap:anywhere; }
.mk-artist .mk-artist-profile-description { margin:0; padding:0 0 14px; border-bottom:1px solid #a9ae90; color:#30352e; font:400 14px/1.65 Arial,Helvetica,sans-serif; overflow-wrap:anywhere; }
.mk-artist .mk-artist-profile-bottom { padding:12px 13px; color:#ced0a2; font:600 8px/1.4 Arial,Helvetica,sans-serif; letter-spacing:.12em; text-align:center; text-transform:uppercase; }
.mk-artist .mk-artist-profile-screw { position:absolute; z-index:1; width:10px; height:10px; border:1px solid #11180e; border-radius:50%; background:linear-gradient(45deg,transparent 43%,#1c2416 44% 55%,transparent 56%),linear-gradient(-45deg,transparent 43%,#1c2416 44% 55%,transparent 56%),radial-gradient(circle at 30% 25%,#a4aa81,#666e4b 55%,#363f29); box-shadow:0 0 0 1px #aab28b66; }
.mk-artist-profile-screw-tl { top:9px; left:9px; }
.mk-artist-profile-screw-tr { top:9px; right:9px; }
.mk-artist-profile-screw-bl { bottom:9px; left:9px; }
.mk-artist-profile-screw-br { bottom:9px; right:9px; }
@container mk-artist (max-width:620px) {
    .mk-artist .mk-artist-layout-with-profile { grid-template-columns:minmax(0,1fr); gap:12px; }
    .mk-artist .mk-artist-profile { width:100%; max-width:var(--mk-media-box-width,298px); margin-bottom:0; }
}
/* Fallback for browsers without container queries. */
@media (max-width:700px) {
    .mk-artist .mk-artist-layout-with-profile { grid-template-columns:minmax(0,1fr); gap:12px; }
    .mk-artist .mk-artist-profile { width:100%; max-width:var(--mk-media-box-width,298px); margin-bottom:0; }
}

.mk-artist .mk-artist-profile-description p { margin:0; padding:0; font:inherit; color:inherit; }
.mk-artist [data-mk-bio-short][hidden], .mk-artist [data-mk-bio-full][hidden], .mk-artist [data-mk-bio-toggle][hidden] { display:none !important; }
.mk-artist .mk-artist-bio-toggle { display:block; max-width:100%; margin:14px 0 0; padding:3px 0; border:0; border-radius:0; background:transparent; color:#4e5c37; font:600 12px/1.5 Arial,Helvetica,sans-serif; text-align:left; overflow-wrap:anywhere; cursor:pointer; }
.mk-artist .mk-artist-bio-toggle:hover { color:#28351c; text-decoration:none; }
.mk-artist .mk-artist-bio-toggle:focus-visible { outline:2px solid #596447; outline-offset:3px; }
.mk-artist .mk-artist-year-empty h2 { font-weight:400; }

/* Quiet orientation cue: the hovered/focused year stays on its fixed axis. */
.mk-artist .mk-artist-year::after { content:""; position:absolute; z-index:0; top:50%; left:0; right:0; height:22px; transform:translateY(-50%); border-radius:2px; opacity:0; pointer-events:none; background:linear-gradient(90deg,#f0f1e880,#e9ecdfb3 30%,#e9ecdfb3 70%,#f0f1e880); }
.mk-artist .mk-artist-year:focus-within::after, .mk-artist .mk-artist-year.is-active::after { opacity:1; }
.mk-artist .mk-artist-year:focus-within h2, .mk-artist .mk-artist-year.is-active h2 { color:#35452a; font-weight:700; }
@media (hover:hover) and (pointer:fine) {
    .mk-artist .mk-artist-year:hover::after { opacity:1; }
    .mk-artist .mk-artist-year:hover h2 { color:#35452a; font-weight:700; }
    .mk-artist .mk-artist-profile:hover { box-shadow:inset 0 0 0 2px #a8af8580,inset 0 0 0 4px #252b1e80,0 4px 9px #2027192b,0 12px 28px #77885b0d; }
    .mk-artist .mk-artist-profile:hover .mk-artist-profile-light { filter:brightness(1.15); }
}
@media (prefers-reduced-motion:no-preference) {
    .mk-artist .mk-artist-year::after, .mk-artist .mk-artist-profile, .mk-artist .mk-artist-profile-light { transition:opacity .18s ease,box-shadow .18s ease,filter .18s ease; }
}
@media (prefers-reduced-motion:reduce) {
    .mk-artist:not(.has-motion-override) .mk-artist-dot > span { transform:none !important; transition:none; }
}


.mk-artist.has-motion-override .mk-artist-dot > span { transition:transform .18s cubic-bezier(.2,.7,.25,1),box-shadow .18s ease; }

/* Compact key below the dossier; shared category colors match the actual dots. */
.mk-artist .mk-artist-legend { position:static; box-sizing:border-box; width:100%; max-width:var(--mk-media-box-width,298px); margin:26px 0 20px; padding:16px 0 0; border:0; border-top:1px solid #87936e; background:transparent; color:#505b48; font:400 13px/1.5 Arial,Helvetica,sans-serif; }
.mk-artist .mk-artist-legend h2 { margin:0 0 18px; padding:0; border:0; background:transparent; color:#49543c; font:700 10px/1.5 Arial,Helvetica,sans-serif; letter-spacing:.2em; text-transform:uppercase; }
.mk-artist .mk-artist-legend-types { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 16px; margin:0 0 22px; padding:0; list-style:none; }
.mk-artist .mk-artist-legend-types li { display:flex; align-items:center; gap:10px; margin:0; padding:0; font:inherit; }
.mk-artist .mk-artist-legend-button > span { display:block; flex:0 0 16px; width:16px; height:16px; border-radius:50%; background:var(--mk-type); }
.mk-artist .mk-artist-legend-weight { display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px; margin:0 0 10px; padding:0; font:inherit; }
.mk-artist .mk-artist-legend-sizes { display:inline-flex; align-items:center; gap:9px; }
.mk-artist .mk-artist-legend-sizes i { display:block; width:6px; height:6px; border-radius:50%; background:#717c54; }
.mk-artist .mk-artist-legend-sizes i:nth-child(2) { width:12px; height:12px; }
.mk-artist .mk-artist-legend-sizes i:nth-child(3) { width:18px; height:18px; }
.mk-artist .mk-artist-legend-note { margin:0; padding:0; color:#626d59; font:400 12px/1.5 Arial,Helvetica,sans-serif; }

/* Category emphasis changes opacity only: positions and hit targets stay fixed. */
.mk-artist .mk-artist-legend-button { display:flex; align-items:center; gap:10px; width:100%; margin:0; padding:4px 2px; border:0; border-radius:3px; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.mk-artist .mk-artist-legend-button:disabled { cursor:default; opacity:1; }
.mk-artist .mk-artist-legend-button:hover, .mk-artist .mk-artist-legend-button[aria-pressed="true"] { background:#edf0e5; color:#35452a; }
.mk-artist .mk-artist-legend-button:focus-visible, .mk-artist .mk-artist-year-button:focus-visible { outline:2px solid #596447; outline-offset:2px; }
.mk-artist[data-mk-highlight="review"] .mk-artist-dot:not([data-kind="review"]),
.mk-artist[data-mk-highlight="news"] .mk-artist-dot:not([data-kind="news"]),
.mk-artist[data-mk-highlight="story"] .mk-artist-dot:not([data-kind="story"]),
.mk-artist[data-mk-highlight="photo"] .mk-artist-dot:not([data-kind="photo"]) { opacity:.24; }
.mk-artist.has-open-preview .mk-artist-dot { opacity:.3; }
.mk-artist.has-open-preview .mk-artist-year h2 { opacity:.45; }
.mk-artist.has-open-preview .mk-artist-year.is-active h2,
.mk-artist.has-open-preview .mk-artist-dot[aria-expanded="true"] { opacity:1; }
.mk-artist .mk-artist-year-button { display:block; width:100%; margin:0; padding:0; border:0; border-radius:2px; background:transparent; color:inherit; font:inherit; text-align:center; cursor:pointer; }
.mk-artist .mk-artist-year-button:hover { background:#edf0e5; }
.mk-artist .mk-artist-year h2::before { content:attr(data-mk-year-summary); position:absolute; z-index:1; bottom:calc(100% + 6px); left:50%; transform:translateX(-50%); width:max-content; max-width:200px; padding:6px 9px; border:1px solid #d9dfcf; border-radius:3px; background:#fff; color:#49543c; box-shadow:0 2px 7px #20271920; font:400 12px/1.4 Arial,Helvetica,sans-serif; white-space:nowrap; pointer-events:none; opacity:0; }
.mk-artist .mk-artist-year h2:hover, .mk-artist .mk-artist-year h2:focus-within { z-index:5; }
.mk-artist .mk-artist-year h2:hover::before, .mk-artist .mk-artist-year h2:focus-within::before { opacity:1; }
@media (prefers-reduced-motion:no-preference) {
    .mk-artist .mk-artist-dot, .mk-artist .mk-artist-year h2 { transition:opacity .16s ease; }
}
/* Native modal: full year list, independent of the theme's article selectors. */
.mk-artist-year-dialog { position:fixed; inset:50% auto auto 50%; transform:translate(-50%,-50%); box-sizing:border-box; width:620px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 32px); overflow:auto; overscroll-behavior:contain; margin:0; padding:24px; border:1px solid #a6b28f; border-radius:5px; background:#fff; color:#282b30; box-shadow:0 14px 60px #20271940; font:400 14px/1.5 Arial,Helvetica,sans-serif; }
.mk-artist-year-dialog::backdrop { background:#20271959; }
.mk-artist-year-dialog-header { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; }
.mk-artist-year-dialog-header p { margin:0 0 3px; color:#65704d; font:700 10px/1.5 Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.mk-artist-year-dialog h2 { margin:0; padding:0; color:#282b30; font:700 30px/1.2 Arial,sans-serif; }
.mk-artist-year-dialog h2:focus { outline:none; }
.mk-artist-year-dialog-close { flex:0 0 36px; width:36px; height:36px; margin:0; padding:0; border:0; border-radius:3px; color:#505b48; background:#f0f2eb; font:400 26px/1 Arial,sans-serif; cursor:pointer; }
.mk-artist-year-dialog-count { margin:12px 0 16px; color:#626d59; font-size:12px; }
.mk-artist-year-list { margin:0; padding:0; list-style:none; }
.mk-artist-year-list li { margin:0; padding:0; border-top:1px solid #e3e7dc; }
.mk-artist-year-list a { display:grid; grid-template-columns:14px minmax(0,1fr); align-items:baseline; gap:4px 12px; margin:0; padding:14px 2px; color:#282b30; text-decoration:none; }
.mk-artist-year-list a:hover { background:#f5f7f0; }
.mk-artist-year-list-dot { grid-column:1; grid-row:1 / 3; width:10px; height:10px; border-radius:50%; background:var(--mk-type,#858b80); }
.mk-artist-year-list-meta { grid-column:2; color:#626d59; font-size:11px; }
.mk-artist-year-list-title { grid-column:2; overflow-wrap:anywhere; font-weight:600; }
.mk-artist-year-dialog a:focus-visible, .mk-artist-year-dialog button:focus-visible { outline:2px solid #596447; outline-offset:2px; }
@media (max-width:600px) { .mk-artist-year-dialog { padding:20px 16px; } }

/* Light & depth: static, low-opacity light pools, entirely inside the white
   panel. The continuous field and central light follow the actual timeline axis. Each ellipse reaches full transparency before all four outer edges;
   no clipping, bitmap, mask or continuously animated background is needed. */
.post-single.mk-artist-page > article.mk-artist { position:relative; isolation:isolate; }
.mk-artist .mk-artist-timeline::after { content:""; position:absolute; z-index:-1; inset:0; pointer-events:none; background:radial-gradient(ellipse 7% 47% at 50% 50%,rgb(255 255 255 / .9) 0%,rgb(255 255 255 / .5) 40%,rgb(255 255 255 / 0) 100%),radial-gradient(ellipse 48% 28% at 50% 69%,rgb(157 170 112 / .34) 0%,rgb(157 170 112 / .19) 45%,rgb(157 170 112 / 0) 100%),radial-gradient(ellipse 48% 48% at 50% 50%,rgb(110 143 169 / .4) 0%,rgb(110 143 169 / .3) 42%,rgb(110 143 169 / .13) 72%,rgb(110 143 169 / 0) 100%); }
.mk-artist .mk-artist-timeline::before { background:linear-gradient(180deg,#cbd2be00,#a9b58f88 12%,#99a979a6 50%,#a9b58f88 88%,#cbd2be00); box-shadow:0 0 5px #a0ad7c1c; }
.mk-artist .mk-artist-year h2 { background:radial-gradient(ellipse at center,#fff 0% 48%,#fffc 65%,#fff0 100%); }
.mk-artist .mk-artist-dot:hover > span, .mk-artist .mk-artist-dot:focus-visible > span, .mk-artist .mk-artist-dot[aria-expanded="true"] > span { box-shadow:0 0 0 2px #fffe,0 0 0 3px #717c5430,0 0 9px #717c5420; }
@supports (color:color-mix(in srgb,red,white)) {
    .mk-artist .mk-artist-dot:hover > span, .mk-artist .mk-artist-dot:focus-visible > span, .mk-artist .mk-artist-dot[aria-expanded="true"] > span { box-shadow:0 0 0 2px #fffe,0 0 0 3px color-mix(in srgb,var(--mk-type) 36%,transparent),0 0 9px color-mix(in srgb,var(--mk-type) 24%,transparent); }
}
@media (max-width:700px) {
    .mk-artist .mk-artist-timeline::after { opacity:.85; }
}