/* ============================================================
   Archive page: ida-rolf-archive.html
   Loads after site.css and adds only what the document entries
   need. Screen rules sit under .ar-page or .ar-body, so nothing
   here reaches another page even if this file loads there by
   mistake. The print block at the end applies to this page only,
   since only this page links the file.
   ============================================================ */

/* Scans need more room than the essays get. Prose keeps its
   68ch measure inside the wider column. */
.page.ar-page{ max-width:820px; }
.ar-page > p,
.ar-page .ar-doc > p,
.ar-page .ar-about > p{ max-width:68ch; }
.ar-page .ar-doc > p,
.ar-page .ar-about > p{ margin-bottom:1.1em; }

/* Gold focus rings vanish on parchment. Violet keeps them visible. */
.ar-body :where(a,button,summary):focus-visible{ outline-color:var(--violet); }

/* Key to the transcriptions: each style shown in use */
.ar-page .ar-legend{
	font-size:15.5px; line-height:1.65; color:#5B4A70;
	border-top:1px solid rgba(67,32,107,.22); padding-top:14px;
}

/* ---------- One entry per document ---------- */
.ar-page .ar-doc{
	margin-top:clamp(56px,8vh,92px);
	padding-top:24px; border-top:1px solid rgba(67,32,107,.3);
	scroll-margin-top:18px;
}
.ar-page .ar-about{ margin-top:clamp(56px,8vh,92px); scroll-margin-top:18px; }
.ar-page .ar-date{
	font-family:var(--mono); font-size:13px; letter-spacing:.04em;
	color:var(--violet); margin:0;
}
.page .ar-doc h3.ar-title{
	font-weight:700; font-size:clamp(21px,2.2vw,28px); line-height:1.16;
	letter-spacing:-.01em; margin:.2em 0 .8em;
}

/* ---------- Chapters: a life in six parts ---------- */
.ar-page .ar-chapter{
	margin-top:clamp(84px,12vh,140px); padding:26px 0 6px;
	border-top:3px double rgba(67,32,107,.45);
	scroll-margin-top:18px;
}
.ar-page .ar-chapter + .ar-doc{ margin-top:clamp(28px,4vh,44px); }
.ar-page .ar-chapter__n{
	font-family:var(--mono); font-size:12px; letter-spacing:.14em;
	text-transform:uppercase; color:var(--brass); margin:0;
}
.page .ar-chapter h2{ margin:.25em 0 .35em; font-size:clamp(28px,3.2vw,40px); }
.page .ar-chapter__intro{
	max-width:58ch; margin:0; font-size:18px; line-height:1.55;
	font-style:italic; color:#3A2A50;
}
.ar-body .toc ol ol{ margin:6px 0 4px 12px; }
.ar-body .toc li.toc__ch{ margin-bottom:14px; }
.ar-body .toc li.toc__ch > a{ color:var(--ink); font-weight:600; }
.ar-body .toc ol ol a{ font-size:13.5px; }

/* ---------- The scan, set on a mount board ---------- */
.ar-page .ar-mount{
	margin:0; background:#DFD5BC;
	border:1px solid rgba(67,32,107,.2);
	padding:clamp(14px,2.6vw,30px);
}
.ar-page .ar-mount > a{ display:block; }
.ar-page .ar-mount img{ margin:0 auto; outline:1px solid rgba(46,27,68,.3); }
.ar-page .ar-mount figcaption{
	margin-top:14px; font-family:var(--mono); font-size:12.5px;
	line-height:1.65; color:#5B4A70; overflow-wrap:break-word;
}
.ar-page .ar-mount figcaption a{
	color:var(--violet); text-underline-offset:3px;
	display:inline-block; padding-block:3px;
}

/* Portrait entries: scan beside its transcription on wider screens */
.ar-page .ar-split{
	display:grid; grid-template-columns:minmax(0,1fr);
	gap:clamp(20px,3vw,34px); align-items:start;
}
@media (min-width:700px){
	.ar-page .ar-split{ grid-template-columns:minmax(0,320px) minmax(0,1fr); }
}
.ar-page .ar-doc--portrait .ar-mount img{ width:100%; max-width:300px; }
/* Beside the portrait, the record follows the transcription in the same
   column, so the scan never stands next to empty parchment. */
.ar-page .ar-side{ min-width:0; }
.ar-page .ar-side .ar-rec{ margin-bottom:0; }

/* ---------- Transcription ---------- */
.ar-page .ar-tr{
	margin-top:26px;
	background:rgba(255,255,255,.34);
	border:1px solid rgba(67,32,107,.24);
	padding:clamp(18px,2.4vw,28px) clamp(18px,2.6vw,32px);
}
.ar-page .ar-split .ar-tr{ margin-top:0; }
.page .ar-tr h3, .page .ar-tr h4{
	margin:0 0 14px; font-family:var(--mono); font-weight:500;
	font-size:11.5px; letter-spacing:.12em; text-transform:uppercase;
	color:var(--violet);
}
/* A transcription reproduces the document, so the browser may not
   add hyphens of its own. */
.page .ar-tr p{
	margin:0; font-size:17px; line-height:1.6; color:var(--ink);
	-webkit-hyphens:manual; hyphens:manual; overflow-wrap:break-word;
}
.page .ar-tr p + p{ margin-top:.35em; }

/* The three hands on a document, plus the editor's voice */
.ar-page .t-type{ font-family:var(--mono); font-size:.9em; letter-spacing:0; }
.ar-page .t-hand{ font-style:italic; }
.ar-page .t-ed{
	font-family:var(--display); font-weight:600; font-style:normal;
	font-size:.74em; letter-spacing:.01em; color:#5B4A70;
}
.ar-page del{ text-decoration:line-through; text-decoration-thickness:1.5px; }

/* Column-by-column reading of a register entry */
.ar-page .ar-tr table{ width:100%; border-collapse:collapse; }
.ar-page .ar-tr th,
.ar-page .ar-tr td{
	text-align:left; vertical-align:baseline; padding:8px 0;
	border-bottom:1px solid rgba(67,32,107,.14);
	overflow-wrap:break-word; -webkit-hyphens:manual; hyphens:manual;
}
.ar-page .ar-tr th{
	font-weight:400; font-size:15px; line-height:1.45;
	color:#5B4A70; width:44%; padding-right:16px;
}
.ar-page .ar-tr td{ font-size:17px; line-height:1.5; color:var(--ink); }
.ar-page .ar-tr tr:last-child th,
.ar-page .ar-tr tr:last-child td{ border-bottom:0; }
@media (max-width:520px){
	.ar-page .ar-tr tr{ display:block; padding:8px 0; border-bottom:1px solid rgba(67,32,107,.14); }
	.ar-page .ar-tr tr:last-child{ border-bottom:0; }
	.ar-page .ar-tr th,
	.ar-page .ar-tr td{ display:block; width:auto; padding:1px 0; border:0; }
}

/* ---------- Record: where the original lives ---------- */
.ar-page .ar-rec{ margin:26px 0 1.3em; border-top:1px solid rgba(67,32,107,.32); }
/* The portrait entry closes its two columns before the notes begin */
.ar-page .ar-split + p{ margin-top:1.6em; }
.ar-page .ar-rec > div{
	display:grid; grid-template-columns:118px minmax(0,1fr); gap:18px;
	padding:12px 0; border-bottom:1px solid rgba(67,32,107,.16);
	align-items:baseline;
}
.ar-page .ar-rec dt{
	font-family:var(--mono); font-size:11.5px; letter-spacing:.12em;
	text-transform:uppercase; color:var(--violet);
	-webkit-hyphens:none; hyphens:none;
}
.ar-page .ar-rec dd{ margin:0; font-size:16.5px; line-height:1.5; }
.ar-page .ar-rec .qual{
	display:block; margin-top:4px;
	font-family:var(--mono); font-size:12px; line-height:1.6; color:#5B4A70;
}
.ar-page .ar-rec a{ color:var(--violet); overflow-wrap:anywhere; }
@media (max-width:520px){
	.ar-page .ar-rec > div{ grid-template-columns:minmax(0,1fr); gap:3px; }
}

/* ---------- Suggested citation ---------- */
.ar-page .ar-cite{
	margin-top:22px; padding-left:16px;
	border-left:2px solid var(--brass);
	font-size:15.5px; line-height:1.6; color:#3E2A57;
}
.ar-page .ar-cite__k{
	display:block; margin-bottom:2px;
	font-family:var(--mono); font-size:11.5px; letter-spacing:.12em;
	text-transform:uppercase; color:var(--violet);
}

/* ---------- Timed excerpt from a recording ---------- */
.ar-page .ar-excerpt{ margin:22px 0 0; border-top:1px solid rgba(67,32,107,.3); }
.ar-page .ar-excerpt > div{
	display:grid; grid-template-columns:64px minmax(0,1fr); gap:18px;
	padding:14px 0; border-bottom:1px solid rgba(67,32,107,.14);
}
.ar-page .ar-excerpt dt{
	font-family:var(--mono); font-size:13px; letter-spacing:.04em;
	color:var(--violet); padding-top:3px;
}
.ar-page .ar-excerpt dd{ margin:0; }
.page .ar-excerpt dd p{
	margin:0; font-size:17px; line-height:1.6; color:var(--ink);
	-webkit-hyphens:manual; hyphens:manual;
}
.page .ar-excerpt dd p + p{ margin-top:.3em; }
@media (max-width:420px){
	.ar-page .ar-excerpt > div{ grid-template-columns:minmax(0,1fr); gap:2px; }
}

.ar-page .ar-updated{
	font-family:var(--mono); font-size:12.5px; color:#5B4A70;
}

/* ---------- Print: the documents, without the site around them ---------- */
@media print{
	.plumb, .masthead, .toc, .foot, .skip{ display:none !important; }
	body{ background:#fff; color:#000; }
	.artichead{ background:none; padding:0 0 12pt; }
	.artichead h1, .artichead .standfirst, .artichead .eyebrow{ color:#000; }
	.articbody{ background:none; padding:0; }
	.artic{ display:block; }
	.ar-page .ar-mount, .ar-page .ar-tr{ background:none; }
	.ar-page .ar-mount{ border:0; padding:0; }
	.ar-page .ar-doc{ break-inside:avoid-page; }
	.ar-page .ar-chapter{ break-before:page; }
	.ar-page .ar-rec a[href^="http"]::after{
		content:" <" attr(href) ">"; font-size:.8em; overflow-wrap:anywhere;
	}
}