/* Writing archive: the index at /writing/ and one page per piece. Loaded after /style.css and uses its tokens.
   Max's text sits in .verbatim: paragraphs spaced rather than indented (coursework has lists, headings and
   references), and none of the essay page's last-paragraph italic. Culture or Costume does not load this file. */

/* The index */
.writing-index h1{margin-bottom:0}
.writing-intro{max-width:var(--measure);margin-top:1.5rem;font-size:var(--t-lede);line-height:1.45;color:var(--muted)}
.writing-intro p + p{margin-top:.75rem}

.writing-strip{margin:3.5rem 0 0;max-width:var(--wide)}
.writing-strip svg.strip{display:block;width:100%;max-width:36rem;height:auto;overflow:visible}
.writing-strip .bars line{stroke-width:3.2;stroke-linecap:round;opacity:.85}
.writing-strip .bars line:hover{opacity:1;stroke-width:4.4}
.writing-strip .axis line.term{stroke:var(--rule);stroke-width:1}
.writing-strip .axis text{fill:var(--faint);font-family:var(--font);font-size:13px}
.writing-strip figcaption{margin-top:1rem;color:var(--muted);font-size:var(--t-meta);max-width:var(--measure)}
.strip-key{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin:.75rem 0 0;padding:0;list-style:none;color:var(--faint);font-size:.875rem}
.strip-key li{display:flex;align-items:center;gap:.45rem}
.strip-key .swatch{display:inline-block;width:.9rem;height:2px;border-radius:1px}
.writing-strip table.visually-hidden{top:0;left:0;white-space:normal}

.writing-section{margin-top:4rem;max-width:var(--measure)}
.writing-section h2{font-size:var(--t-section);line-height:1.25;padding-bottom:.6rem;border-bottom:1px solid var(--rule)}
.writing-list{margin:0;padding:0;list-style:none}
.writing-list li{padding:.85rem 0;border-bottom:1px solid var(--rule)}
.writing-list .w-row{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:0 1rem;align-items:baseline;border-bottom:0}
.writing-list .w-row::before{top:auto;bottom:0}
.w-year{color:var(--faint)}
.w-entry > a{font-size:1.1875rem;line-height:1.35}
.w-meta{display:block;margin-top:.2rem;color:var(--muted);font-size:var(--t-meta);line-height:1.45}
.w-featured{margin-left:.5rem;color:var(--faint);font-size:var(--t-meta)}

.writing-series{border-bottom:1px solid var(--rule)}
.writing-series summary{padding:.85rem 0;cursor:pointer;color:var(--muted);font-size:var(--t-meta);list-style:none}
.writing-series summary::-webkit-details-marker{display:none}
.writing-series summary::before{content:"+";display:inline-block;width:1.1rem;color:var(--faint)}
.writing-series[open] summary::before{content:"\2212"}
.writing-series summary:hover{color:var(--ink)}
.writing-series summary:focus-visible{outline:1px solid var(--ink);outline-offset:3px}
.writing-series .writing-list{padding-left:0}
.writing-series .writing-list li:last-child{border-bottom:0}

/* A piece */
.writing-piece h1{font-size:var(--t-title);line-height:1.15;max-width:40rem;overflow-wrap:break-word}
.writing-facts{margin-top:2rem}
.writing-facts dd{overflow-wrap:anywhere}

.verbatim{margin-top:3rem;overflow-wrap:break-word}
.essay-body.verbatim p + p{text-indent:0}
.essay-body.verbatim p{margin-top:1.1em}
.essay-body.verbatim > :first-child{margin-top:0}
.essay-body.verbatim p:last-child{margin-top:1.1em;font-style:normal}
.verbatim h2{font-size:1.375rem;line-height:1.3;margin:2.25rem 0 0}
.verbatim h2.slide{font-size:var(--t-meta);color:var(--faint);margin-top:2rem}
.verbatim ul{margin:1.1em 0 0;padding-left:1.25rem}
.verbatim li + li{margin-top:.4em}
.verbatim ul.works{list-style:none;padding-left:0;font-size:1rem;line-height:1.55}
.verbatim ul.works li{padding-left:1.5em;text-indent:-1.5em}
.verbatim blockquote{margin:1.1em 0 0;padding-left:1.25rem;border-left:1px solid var(--rule);color:var(--muted)}
.verbatim blockquote p{margin-top:0}
.essay-body.verbatim .prompt{margin-top:2rem;padding-left:1rem;border-left:1px solid var(--rule);color:var(--muted);font-style:italic;font-size:1rem;line-height:1.55}
.verbatim .table-wrap{margin-top:1.5rem;overflow-x:auto;max-width:100%}
.verbatim table{border-collapse:collapse;font-size:.9375rem;line-height:1.5;min-width:32rem}
.verbatim th,.verbatim td{border:1px solid var(--rule);padding:.5rem .65rem;text-align:left;vertical-align:top}
.verbatim th{color:var(--muted);font-weight:400}

.piece-nav{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--rule);max-width:var(--measure);color:var(--muted);font-size:var(--t-meta);line-height:1.5}
.piece-nav p + p{margin-top:.5rem}
.piece-nav a{color:var(--ink)}

@media (max-width:40rem){
  .w-entry > a{font-size:1.125rem}
  .writing-list .w-row{grid-template-columns:2.6rem minmax(0,1fr);gap:0 .75rem}
  .verbatim h2{font-size:1.25rem}
}