/* The art wiki (js/artwiki.js): painter, movement, decade and country pages, "Art history by color", painter
   against painter, and the Analysis section on a painting page. Same "museum editorial" language as app.css:
   hairlines, serif titles, mono small caps, color as the only decoration. Everything here is prefixed aw-. */

.aw-page .aw-sub{color:var(--soft);font-size:13.5px;line-height:1.5;margin:12px 0 14px;max-width:48ch;text-wrap:pretty}
.aw-page .aw-quiet{margin-top:20px}
.aw-page .aw-cap{color:var(--faint);font:400 13px/1.45 var(--sans);margin:8px 0 0}
.aw-page .aw-note{border-left:2px solid var(--rule-strong);padding:2px 0 2px 14px;margin:18px 0 6px;color:var(--soft);font-size:13.5px;line-height:1.5;max-width:50ch;text-wrap:pretty}
.aw-page .aw-lbl{font:500 13px/1 var(--mono);letter-spacing:0;text-transform:none;color:var(--faint);margin:22px 0 10px}
.aw-page .aw-find{font:400 18px/1.35 var(--serif);color:var(--ink);margin:18px 0 0;max-width:46ch;text-wrap:pretty}
.aw-link{font:inherit;color:inherit;text-decoration:underline;text-decoration-color:rgba(236,232,223,.35);text-underline-offset:3px;padding:0;display:inline;text-align:left}
.aw-link:active{opacity:.7}

/* header: title block and portrait */
.aw-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}
.aw-head>div{min-width:0;flex:1}
.aw-head .p-title{font-size:clamp(38px,11vw,52px)}
.aw-portrait{width:84px;height:104px;object-fit:cover;object-position:center top;border-radius:2px;flex:none;margin-top:18px;background:var(--surface-2);filter:saturate(.9)}
.aw-portrait.sm{width:56px;height:70px;margin:0 0 8px}

/* portrait hero (David, 2026-10-09: "the first thing you should see is their portrait, large") */
.aw-pt-hero{margin:18px calc(-1 * var(--g)) 0;display:block}
.aw-pt-open,.aw-pt-hero>img{display:block;width:100%;max-height:min(52vh,460px);min-height:220px;object-fit:cover;object-position:center 22%;background:var(--c);padding:0;overflow:hidden}
.aw-pt-open img{width:100%;height:100%;object-fit:cover;object-position:center 22%;opacity:0;transition:opacity var(--dur-2) var(--ease)}
.aw-pt-open img[src]{opacity:1}
.aw-pt-open:active img{opacity:.85}
.aw-pt-field .aw-pt-bars{display:flex;height:260px}
.aw-pt-field .aw-pt-bars i{flex:1;background:var(--c)}
.aw-pt-hero figcaption{padding:10px var(--g) 0;font:italic 400 17px/1.3 var(--serif);color:var(--soft)}
.aw-pt-hero figcaption span{color:var(--faint)}

/* most-famous rail: reuses js/gallery.js's gl-rail/gl-pin, no new markup needed */

/* the life's work: view switch, sort chips, filter drawer, grid/timeline mount */
.aw-wk-views{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 14px}
.aw-wk-map{display:inline-flex;align-items:center;gap:7px;font:500 13px/1 var(--mono);letter-spacing:.04em;color:var(--soft);padding:0;background:none;border:0}
.aw-wk-map svg{width:16px;height:16px}
.aw-wk-sort{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.aw-chipbtn{min-height:34px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--rule);background:none;color:var(--soft);font:500 13px/1 var(--mono);letter-spacing:.04em}
.aw-chipbtn.on{background:var(--sel-fill);color:var(--sel-ink);box-shadow:var(--sel-ring);border-color:transparent}
.aw-wk-filt{margin:4px 0 18px}
.aw-wk-filt label{display:block;font:500 13px/1.3 var(--mono);letter-spacing:.02em;color:var(--soft);margin:0 0 8px}
.aw-wk-filt label b{color:var(--ink);font-style:normal}
.aw-wk-range{display:flex;flex-direction:column;gap:2px}
.aw-wk-range input{width:100%}
.aw-wk-csw{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px 0 6px;border-radius:var(--r-pill);background:none;border:1px solid var(--rule);text-align:left}
.aw-wk-csw i{width:22px;height:22px;border-radius:50%;background:var(--c);flex:none;box-shadow:inset 0 0 0 1px rgba(236,232,223,.14)}
.aw-wk-csw span{font:500 13px/1 var(--mono);color:var(--soft);letter-spacing:.04em}
.aw-wk-csw.on{background:var(--sel-fill);box-shadow:var(--sel-ring);border-color:transparent}
.aw-wk-csw.on span{color:var(--sel-ink)}
.aw-wk-mount{margin-top:4px}
.aw-wk-rail .gl-badge{position:absolute}
.aw-tl-div{flex:none;align-self:stretch;display:flex;align-items:center;justify-content:center;width:34px;writing-mode:vertical-rl;text-orientation:mixed;font:500 13px/1 var(--mono);letter-spacing:.04em;color:var(--faint);border-left:1px solid var(--rule)}

/* the barcode: one stripe per painting */
.aw-bcwrap{margin:22px calc(-1 * var(--g)) 0}
.aw-bc{display:flex;gap:1px;height:92px;padding:0 var(--g)}
.aw-bc.tight{gap:0}
.aw-bc button{flex:1 1 0;min-width:1px;display:flex;flex-direction:column;padding:0}
.aw-bc button i{flex:1;background:var(--c)}
.aw-bc button:active{opacity:.6}
.aw-bcax{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:8px var(--g) 0;font:500 13px/1.3 var(--mono);color:var(--soft);letter-spacing:.06em}
.aw-bcax em{font:italic 400 17px/1.3 var(--serif);color:var(--faint);text-align:center;letter-spacing:0}

.aw-finds{list-style:none;margin:22px 0 0;padding:0}
.aw-finds li{padding:11px 0;border-top:1px solid var(--rule);font-size:15px;line-height:1.45;color:var(--ink);text-wrap:pretty}
.aw-finds li:last-child{border-bottom:1px solid var(--rule)}
.aw-bio{margin:26px 0 0;max-width:52ch}.aw-bio p{font-size:16px;line-height:1.6;margin:0 0 14px;color:#D4CFC3}.aw-bio .aw-lead{font:400 21px/1.35 var(--serif);color:var(--ink)}

/* swatches and chips */
.aw-sw{width:30px;height:30px;background:var(--c);border-radius:2px;flex:none;box-shadow:inset 0 0 0 1px rgba(236,232,223,.12)}
.aw-strip{display:flex;gap:2px;border-radius:2px;overflow:hidden}
.aw-strip i{flex:1;background:var(--c)}
.aw-chips{display:flex;flex-wrap:wrap;gap:8px 18px}
.aw-chip{display:inline-flex;align-items:center;gap:9px;min-height:36px;text-align:left}
.aw-chip i{width:22px;height:22px;background:var(--c);border-radius:2px;flex:none;box-shadow:inset 0 0 0 1px rgba(236,232,223,.14)}
.aw-chip b{font:400 19px/1 var(--serif)}
.aw-chip span{font:500 13px/1 var(--mono);color:var(--soft);letter-spacing:.06em}

/* palette-family cards */
.aw-cl{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;padding:16px 0;border-top:1px solid var(--rule)}
.aw-cl:first-of-type{border-top:0}
.aw-thumb{width:92px;height:116px;background:var(--surface-2);border-radius:2px;overflow:hidden;padding:0;position:relative}
.aw-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.aw-thumb img:not([src]){visibility:hidden}
.aw-cl-t{font:400 22px/1.1 var(--serif);letter-spacing:-.01em;margin:0 0 5px;text-wrap:balance}
.aw-cl-s{font:500 13px/1.3 var(--mono);letter-spacing:0;text-transform:none;color:var(--soft);margin:0 0 10px}
.aw-cl-n{font-size:13px;color:var(--faint);line-height:1.4;margin:8px 0 0}

/* signature rows */
.aw-sigs{display:flex;flex-direction:column}
.aw-sig{display:grid;grid-template-columns:40px minmax(0,1fr) auto;column-gap:14px;align-items:center;padding:11px 0;border-top:1px solid var(--rule);text-align:left}
.aw-sig:first-child{border-top:0}
.aw-sig i{grid-row:span 2;width:40px;height:40px;background:var(--c);border-radius:2px;box-shadow:inset 0 0 0 1px rgba(236,232,223,.12)}
.aw-sig b{font:400 22px/1 var(--serif)}
.aw-sig span{font:500 14px/1 var(--mono);color:var(--ink)}
.aw-sig em{grid-column:2/4;font:400 13px/1.35 var(--sans);color:var(--soft);font-style:normal;margin-top:3px}
.aw-role{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;padding:9px 0;border-top:1px solid var(--rule);text-align:left;font-size:14.5px;line-height:1.4;width:100%}
.aw-role i{width:22px;height:22px;background:var(--c);border-radius:2px;margin-top:1px}
.aw-role em{color:var(--faint);font-style:normal}
.aw-chord{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:center;padding:11px 0;border-top:1px solid var(--rule)}
.aw-chord-sw{display:flex;gap:3px}.aw-chord-sw .aw-sw{width:26px;height:26px}
.aw-chord-t{font:400 18px/1.2 var(--serif)}
.aw-chord em{grid-column:1/3;font:500 13px/1.3 var(--mono);letter-spacing:0;color:var(--soft);font-style:normal;text-transform:none}

/* the deeper layers: one tap away */
.aw-more{border-top:1px solid var(--rule);margin-top:16px}
.aw-more:last-of-type{border-bottom:1px solid var(--rule)}
.aw-more>summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:50px;padding:14px 0;font:400 20px/1.15 var(--serif);color:var(--ink)}
.aw-more>summary::-webkit-details-marker{display:none}
.aw-more>summary::after{content:"+";font:400 22px/1 var(--sans);color:var(--soft);flex:none}
.aw-more[open]>summary::after{content:"–"}
.aw-more>summary small{font:500 13px/1 var(--mono);letter-spacing:0;text-transform:none;color:var(--faint);margin-left:auto;margin-right:8px}
.aw-more[open]{padding-bottom:12px}

/* over time */
.aw-decades{display:flex;gap:4px;align-items:flex-end;margin:6px 0 0;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.aw-decades::-webkit-scrollbar{display:none}
.aw-dcol{flex:1 0 34px;display:flex;flex-direction:column;align-items:stretch;gap:4px;max-width:70px}
.aw-dstack{display:flex;flex-direction:column;height:96px;gap:1px;border-radius:2px;overflow:hidden}
.aw-dstack i{flex:1 1 0;background:var(--c);min-height:2px}
.aw-dcol em{font:500 13px/1 var(--mono);color:var(--soft);font-style:normal;text-align:center;letter-spacing:.04em}
.aw-dcol u{font:500 13px/1 var(--mono);color:var(--faint);text-decoration:none;text-align:center}
.aw-dcol.thin .aw-dstack{opacity:.5}
.aw-spark-w{margin-top:20px;color:var(--soft)}
.aw-spark-w span{font:500 13px/1 var(--mono);letter-spacing:0;text-transform:none;color:var(--faint);display:block;margin-bottom:6px}
.aw-spark{width:100%;height:60px;display:block;color:var(--ink);overflow:visible}
.aw-spark-w em{display:block;font:italic 400 17px/1.3 var(--serif);color:var(--faint);margin-top:4px}

/* compared: percentile bars */
.aw-pbars{margin-top:14px}
.aw-pbar{padding:12px 0;border-top:1px solid var(--rule)}
.aw-pb-h{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:12px}
.aw-pb-h b{font:400 20px/1 var(--serif);flex:none}
.aw-pb-h span{font:400 13px/1.3 var(--sans);color:var(--soft);text-align:right}
.aw-track{position:relative;height:2px;background:var(--rule-strong);margin:6px 6px 8px;opacity:1}
.aw-track::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--rule),var(--rule-strong))}
.aw-track i{position:absolute;top:-6px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 3px var(--ground)}
.aw-track i.a{background:var(--ink)}
.aw-track i.b{background:#e0a13a}
.aw-typs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.aw-typ{display:flex;flex-direction:column;gap:6px;text-align:left;min-width:0}
.aw-typ span{display:block;aspect-ratio:4/5;background:var(--surface-2);border-radius:2px;overflow:hidden}
.aw-typ img{width:100%;height:100%;object-fit:cover;display:block}
.aw-typ img:not([src]){visibility:hidden}
.aw-typ em{font:500 13px/1 var(--mono);letter-spacing:0;text-transform:none;color:var(--faint);font-style:normal}
.aw-typ b{font:400 17px/1.2 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw-near,.aw-ties{display:flex;flex-direction:column}
.aw-tie{display:flex;justify-content:space-between;align-items:baseline;gap:14px;min-height:46px;padding:11px 0;border-top:1px solid var(--rule);text-align:left;width:100%}
.aw-tie b{font:400 19px/1.2 var(--serif)}
.aw-tie span{font:500 13px/1.3 var(--mono);letter-spacing:0;text-transform:none;color:var(--soft);text-align:right}
.aw-tie.off{opacity:.65}
.aw-pn{display:flex;justify-content:space-between;margin-top:24px;font:italic 400 18px/1 var(--serif)}
.aw-acts{margin-top:26px}
.aw-you:empty,.aw-acts:empty{display:none}
.aw-you{margin-top:20px;font:400 18px/1.35 var(--serif)}

/* the Analysis section on a painting page */
.aw-tiles{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:6px}
.aw-tiles>div{background:var(--ground);padding:14px 14px 13px;display:flex;flex-direction:column;gap:4px;min-width:0}
.aw-tiles span{font:500 13px/1 var(--mono);letter-spacing:0;text-transform:none;color:var(--faint)}
.aw-tiles b{font:400 21px/1.1 var(--serif);text-wrap:balance}
.aw-tiles em{font:400 13px/1.35 var(--sans);color:var(--soft);font-style:normal}
.aw-vrow{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center;padding:8px 0}
.aw-vrow>span:first-child{font:400 17px/1.1 var(--serif)}
.aw-vrow em{display:block;font:500 13px/1 var(--mono);color:var(--soft);font-style:normal;margin-top:4px;letter-spacing:.06em}
.aw-vsw{display:flex;gap:3px;flex-wrap:wrap}
.aw-none{font:italic 400 17px/1 var(--serif);color:var(--faint)}
.aw-seg{display:flex;height:16px;gap:2px;border-radius:2px;overflow:hidden;margin:8px 0 6px}
.aw-seg.tall{height:30px}
.aw-seg i{background:var(--c)}
.aw-one{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;align-items:center;padding:9px 0;border-top:1px solid var(--rule)}
.aw-one-sw{width:62px;height:62px;background:var(--c);border-radius:2px;display:flex;align-items:flex-end;padding:5px;box-shadow:inset 0 0 0 1px rgba(236,232,223,.12)}
.aw-one-sw span{font:500 13px/1 var(--mono)}
.aw-one-sw[data-ink="dark"]{color:rgba(20,19,17,.8)}.aw-one-sw[data-ink="light"]{color:rgba(255,255,255,.9)}
.aw-one b{display:block;font:500 13px/1 var(--mono);letter-spacing:0;text-transform:none;color:var(--faint);margin-bottom:5px}
.aw-one span{font:400 19px/1.15 var(--serif);display:block}
.aw-one em{display:block;font:400 13px/1.4 var(--sans);color:var(--soft);font-style:normal;margin-top:3px}
.aw-meas{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;align-items:center;margin:6px 0 10px}
.aw-ring{width:132px;height:132px;display:block}
.aw-meas em{display:block;font:italic 400 17px/1.3 var(--serif);color:var(--faint);margin-top:6px}
.aw-meas-t p{margin:10px 0 4px;font:500 13px/1 var(--mono);letter-spacing:0;text-transform:none;color:var(--faint)}
.aw-meas-t p b{font-weight:500}
.aw-lhist{display:flex;align-items:flex-end;gap:2px;height:44px}
.aw-lhist i{flex:1;background:linear-gradient(0deg,#4a4640,#d9d4c8);min-height:2px;border-radius:1px 1px 0 0}
.aw-kv{display:grid;grid-template-columns:132px auto minmax(0,1fr);gap:12px;align-items:baseline;margin:0;padding:9px 0;border-top:1px solid var(--rule)}
.aw-kv span{font:500 13px/1.2 var(--mono);letter-spacing:0;text-transform:none;color:var(--faint)}
.aw-kv b{font:400 18px/1 var(--serif)}
.aw-kv em{font:400 13px/1.35 var(--sans);color:var(--soft);font-style:normal}
.aw-linkrow .btn{padding-left:0}

/* hue bars (group pages) */
.aw-hue{display:flex;gap:3px;height:96px;align-items:flex-end;margin-top:16px}
.aw-hue span{flex:1;height:100%;position:relative;display:flex;align-items:flex-end}
.aw-hue i{display:block;width:100%;background:var(--c);border-radius:1px 1px 0 0}
.aw-hue u{position:absolute;left:-1px;right:-1px;height:0;border-top:2px solid var(--ink);opacity:.85}

/* the index: timeline, hue legend, tiles, finder */
.aw-bubs{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:16px}
.aw-bub{width:42px;height:42px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(236,232,223,.18)}
.aw-bub:active{transform:scale(.94)}
.aw-tiles2{display:grid;grid-template-columns:1fr 1fr;gap:20px 14px;margin-top:14px}
.aw-tile{display:flex;flex-direction:column;gap:6px;text-align:left;min-width:0}
.aw-tp{display:flex;height:46px;border-radius:2px;overflow:hidden;gap:1px}
.aw-tp i{flex:1;background:var(--c)}
.aw-tile b{font:400 19px/1.15 var(--serif);text-wrap:balance}
.aw-tile em{font:500 13px/1 var(--mono);letter-spacing:0;color:var(--soft);text-transform:none;font-style:normal}

/* Painters, their own collection (design/SIMPLIFY/PLAN.md §9) -- a plain, fast list: a portrait where Wikidata
   has one, name, dates/country, how many paintings here. */
.aw-pt-grid{display:flex;flex-direction:column;margin-top:4px}
.aw-pt-row{display:flex;align-items:center;gap:14px;min-height:60px;padding:8px 0;border-bottom:1px solid var(--rule);text-align:left}
.aw-pt-th{flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--surface-2)}
.aw-pt-row.noimg .aw-pt-th{display:none}
.aw-pt-th img{width:100%;height:100%;object-fit:cover;display:block}
.aw-pt-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.aw-pt-tx b{font:400 18px/1.2 var(--serif);text-wrap:balance}
.aw-pt-tx small{font:italic 400 14px/1.2 var(--serif);letter-spacing:0;text-transform:none;color:var(--soft)}
.aw-pt-row em{flex:none;font:500 13px/1 var(--mono);letter-spacing:0;color:var(--faint);font-style:normal}
.aw-input{width:100%;height:46px;margin:14px 0 4px;background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--r-2);padding:0 16px;color:var(--ink);font:400 16px/1 var(--sans);outline:none}
.aw-input:focus{border-color:var(--rule-strong)}
.aw-res{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:baseline;width:100%;text-align:left;padding:11px 0;border-top:1px solid var(--rule);min-height:50px}
.aw-res b{font:400 19px/1.2 var(--serif)}
.aw-res span{grid-column:1;font:500 13px/1.3 var(--mono);color:var(--soft);letter-spacing:.04em}
.aw-res em{grid-row:1/3;grid-column:2;font:500 13px/1 var(--mono);color:var(--faint);font-style:normal}

/* painter against painter */
.aw-vs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.aw-vs-c{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.aw-vs-c b{font:400 21px/1.1 var(--serif);text-wrap:balance}
.aw-vs-c span{font:500 13px/1.3 var(--mono);color:var(--soft);letter-spacing:.05em}
.aw-vs-c.empty{grid-column:1/-1}
.aw-vs-c.empty [data-awfind]{width:100%}
.aw-vs2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px;align-items:start}
.aw-vcl{margin-bottom:12px}.aw-vcl em{display:block;font:500 13px/1 var(--mono);color:var(--soft);font-style:normal;margin-top:4px}
.aw-legend{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--soft);margin:14px 0 0}
.aw-legend i{width:10px;height:10px;border-radius:50%;display:inline-block;margin-left:8px}
.aw-legend i.a{background:var(--ink)}.aw-legend i.b{background:#e0a13a}
@media (max-width:374px){.aw-meas{grid-template-columns:1fr}.aw-kv{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.aw-bub:active{transform:none}}

/* the life strip's rooms: palette families, named after their typical painting */
.aw-rooms{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:12px var(--g) 0}
.aw-rooms::-webkit-scrollbar{display:none}
.aw-room{flex:none;display:flex;flex-direction:column;gap:5px;width:132px;text-decoration:none;color:var(--ink)}
.aw-room b{font:400 15px/1.15 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw-room em{font:500 13px/1 var(--mono);letter-spacing:.06em;color:var(--soft);font-style:normal}
.aw-tiles+.aw-find{margin-bottom:6px}

/* Craft pass (2026-10-08 critique): word labels speak in the serif note voice, never uppercase mono
   (DESIGN-SYSTEM §4: "mono only counts"). Pure numbers keep the mono. */
.aw-page .aw-lbl,.aw-spark-w span,.aw-meas-t p{font:italic 400 17px/1.3 var(--serif);letter-spacing:0;text-transform:none;color:var(--soft)}
.aw-cl-s,.aw-chord em,.aw-tie span,.aw-tile em,.aw-room em,.aw-typ em,.aw-tiles span,.aw-one b,.aw-kv span,.aw-hueleg span,.aw-more>summary small{font:italic 400 17px/1.3 var(--serif);letter-spacing:0;text-transform:none}
.aw-cl-s,.aw-chord em,.aw-tie span,.aw-tile em,.aw-room em,.aw-hueleg span,.aw-more>summary small{color:var(--soft)}
.aw-typ em,.aw-tiles span,.aw-one b,.aw-kv span{color:var(--faint)}
.aw-tiles span,.aw-one b{font-size:15px}
/* decades are written in full ("1870s", not "70s"): a country's columns span centuries, so "70s" was ambiguous */
.aw-dcol{flex-basis:42px}
.aw-dcol em{font-size:13px;letter-spacing:0}
/* the movement caveat: one calm line, the tagging counts one tap away */
.aw-page details.aw-note>summary{list-style:none;cursor:pointer;font:italic 400 17px/1.35 var(--serif);color:var(--soft)}
.aw-page details.aw-note>summary::-webkit-details-marker{display:none}
.aw-page details.aw-note>summary::after{content:"";display:inline-block;width:.75em;height:.75em;margin-left:.3em;vertical-align:-.05em;background:var(--faint);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 5.5L16 12l-6.5 6.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 5.5L16 12l-6.5 6.5'/%3E%3C/svg%3E") center/contain no-repeat}
.aw-page details.aw-note[open]>summary::after{content:""}
.aw-page details.aw-note>p{margin:8px 0 0}
.aw-room{background:none;border:0;padding:0;text-align:left;font:inherit;cursor:pointer}

/* The highlight card (design/ARCHIVE-PAGES.md #1): the most typical painting edge to edge, one measured sentence,
   the signature colors. It replaces the old hero of area colors, which were the browns of aged varnish. */
.aw-hl{margin:20px 0 0}
.aw-hl-img{display:block;width:calc(100% + 2 * var(--g));margin:0 calc(-1 * var(--g));max-height:min(40vh,420px);min-height:180px;padding:0;background:var(--c);overflow:hidden;position:relative}
.aw-hl-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:0;transition:opacity var(--dur-2) var(--ease)}
.aw-hl-img img[src]{opacity:1}
.aw-hl-img:active img{opacity:.85}
.aw-hl-cap{display:flex;gap:8px;align-items:baseline;margin:10px 0 0;font:italic 400 17px/1.3 var(--serif);color:var(--soft);min-height:20px}
.aw-hl-cap em{color:var(--faint);flex:none}
.aw-hl-cap span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.aw-page .aw-hl-line{font:400 19px/1.35 var(--serif);color:var(--ink);margin:12px 0 0;max-width:46ch;text-wrap:pretty}
.aw-hl-h{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin:18px 0 10px}
.aw-hl-h b{font:400 17px/1.2 var(--serif);color:var(--ink);flex:none}
.aw-hl-h span{font:italic 400 17px/1.3 var(--serif);color:var(--faint);text-align:right}
.aw-hl-chips{display:flex;flex-wrap:wrap;gap:8px}
.aw-hl-chip{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 14px 0 6px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--rule);color:var(--ink);text-align:left;max-width:100%}
.aw-hl-chip i{width:30px;height:30px;border-radius:50%;background:var(--c);flex:none;box-shadow:inset 0 0 0 1px rgba(236,232,223,.14)}
.aw-hl-chip b{font:400 17px/1.1 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.aw-hl-chip em{font:400 13px/1 var(--mono);color:var(--soft);font-style:normal;flex:none}
.aw-hl-chip:active{transform:scale(.97)}
/* "In most of the work" sits inside the Colors drawer, whose summary already names it */
[data-awptc] .sec-head{display:none}
[data-awptc] .aw-sub{margin-top:0}

/* the River on the art-history index (Browse's, js/browse-ui.js xbRiver) */
.aw-river{margin-top:14px;min-height:240px}

/* "In context" on a painting page (#8): one shared scale, a row per comparison set, this painting's dot on each */
.aw-cx:empty{display:none}
.aw-cx .sec-head{margin-top:28px}
.aw-cx-top{margin:14px 0 0}
.aw-cx-seg{display:flex;width:100%}
.aw-cx-seg button{flex:1;padding:0 6px}
.aw-cx-me{display:flex;align-items:center;gap:10px;margin:16px 0 2px;font:italic 400 17px/1.3 var(--serif);color:var(--soft)}
.aw-cx-me i{width:12px;height:12px;border-radius:50%;background:var(--ink);flex:none}
.aw-cx-me b{font:400 15px/1 var(--mono);color:var(--ink);font-style:normal}
.aw-cx-row{display:block;width:100%;text-align:left;padding:14px 0 16px;border-bottom:1px solid var(--rule)}
.aw-cx-row:active{opacity:.75}
.aw-cx-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.aw-cx-h b{font:400 19px/1.2 var(--serif);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.aw-cx-h em{font:italic 400 17px/1.3 var(--serif);color:var(--soft);text-align:right;flex:none}
.aw-cx-tr{position:relative;display:flex;align-items:flex-end;gap:1px;height:30px;border-bottom:1px solid rgba(236,232,223,.3)}
.aw-cx-tr i{flex:1;background:rgba(236,232,223,.22);border-radius:1px 1px 0 0}
.aw-cx-tr u{position:absolute;bottom:-7px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 3px var(--ground);text-decoration:none}
.aw-cx-tr u::before{content:"";position:absolute;left:6px;bottom:14px;width:2px;height:28px;background:var(--ink);opacity:.5}
.aw-cx-ax{display:flex;justify-content:space-between;margin-top:10px;font:italic 400 17px/1 var(--serif);color:var(--faint)}
@media (max-width:374px){.aw-cx-h{flex-wrap:wrap}.aw-cx-h em{text-align:left}}

/* painter page: the map button up top (the page's one paper button), direction arrow in the active sort chip,
   and the Palettes / Size chips (David, 2026-10-20) */
.aw-pmap-top{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;margin:16px 0 0;padding:0 22px;border:0;border-radius:var(--r-pill);background:var(--paper);color:var(--paper-ink);font:400 21px/1 var(--serif);letter-spacing:-.01em;transition:opacity .2s}
.aw-pmap-top:active{opacity:.7}
.aw-pmap-top svg{width:20px;height:20px;flex:none;color:var(--paper-ink)}
.aw-chipbtn{display:inline-flex;align-items:center;gap:6px}
.aw-chipbtn:active{opacity:.7}
.aw-dirarr{display:inline-flex}
.aw-dirarr svg{width:15px;height:15px}
.aw-wk-look[hidden]{display:none}

/* one calm row: sort picker, Palettes, Size (coordinator review, 2026-10-20) */
.aw-wk-look{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px}
.aw-look2{display:contents}
.aw-look2[hidden]{display:none}
.aw-wk-look .aw-chipbtn{padding:0 10px;letter-spacing:0;white-space:nowrap}
.aw-sortsel{appearance:none;-webkit-appearance:none;padding-right:26px!important;color:var(--ink);cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23b9b4aa' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9l7 7 7-7'/%3E%3C/svg%3E") no-repeat right 9px center}
/* Life's work sorted by subject: one small labeled section per genre (js/artwiki.js awWorksWire) */
.aw-subj-sec + .aw-subj-sec{margin-top:26px}
.aw-subj-h{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;font:400 15px/1.2 var(--sans);color:var(--ink)}
.aw-subj-h b{font:500 15px/1.2 var(--sans)}
.aw-subj-h span{font:400 13px/1 var(--mono);color:var(--faint)}
.aw-chipn{font-style:normal;font:500 12px/1 var(--mono);color:var(--faint)}
.aw-chipbtn.on .aw-chipn{color:inherit;opacity:.8}