/* Document typography for the generated Project A page (docs/project-a.html).
   Page chrome — theme, nav, footer, the toggle — stays in chrome.css; this file
   styles only the proposal body, so the two can be reasoned about separately.

   The display-box titles below reproduce the tcolorbox titles the PDF draws
   from the {raw:tex} blocks in the markdown. Those blocks are LaTeX-only, so
   without these rules the boxes render untitled on the web. If a box is added
   to the markdown, add its title here too. */

/* --- Document grid ----------------------------------------------------- */
/* The same label-column + body split the rest of the site uses, so the
   document fills the shell instead of leaving the right half empty, and the
   section index has somewhere to live. */
.doc-row{display:flex;flex-wrap:wrap;gap:20px 56px;padding:28px 0 0;border-top:1px solid var(--line);}
.doc-row+.doc-row{border-top:0;padding-top:8px;}
.doc-label{flex:1 1 150px;max-width:190px;}
.doc-body{flex:999 1 400px;min-width:0;}
.doc-label h2{margin:0;font-family:'IBM Plex Mono',monospace;font-size:12.5px;font-weight:400;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);}

.doc-aside{position:sticky;top:24px;align-self:flex-start;}
.doc-aside-label{margin:0 0 12px;font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);}
.doc-aside nav{display:grid;gap:9px;}
.doc-aside nav a{font-size:14px;line-height:1.4;color:var(--muted);text-decoration:none;text-wrap:pretty;}
.doc-aside nav a:hover{color:var(--accent);}
/* Below the two-column breakpoint the index would only repeat the page nav. */
@media (max-width:720px){.doc-aside{display:none;}}

.abstract .doc-body p{margin:0;font-size:18px;line-height:1.6;color:var(--muted-strong);text-wrap:pretty;}

/* --- Document body ------------------------------------------------------ */
.proposal{padding:0 0 56px;}
.proposal h2{margin:52px 0 14px;font-family:'Newsreader',serif;font-weight:500;font-size:30px;line-height:1.2;letter-spacing:-0.01em;padding-bottom:8px;border-bottom:1px solid var(--line);text-wrap:pretty;scroll-margin-top:20px;}
.proposal h3{margin:36px 0 10px;font-family:'Newsreader',serif;font-weight:500;font-size:22px;line-height:1.25;text-wrap:pretty;}
.proposal p{margin:0 0 16px;font-size:17.5px;line-height:1.7;text-wrap:pretty;}
.proposal ul,.proposal ol{margin:0 0 16px;padding-left:1.2em;display:grid;gap:10px;}
.proposal li{font-size:17px;line-height:1.65;text-wrap:pretty;}
.proposal li::marker{color:var(--accent);}
/* Reference entries carry long URLs that would otherwise overflow the column. */
.proposal a{overflow-wrap:anywhere;}

/* --- Display boxes ------------------------------------------------------ */
/* The HTML counterpart of the PDF's tcolorbox: same content, same three titles. */
.displaybox{border:1px solid var(--line);background:var(--surface);padding:22px 24px;margin:26px 0;}
.displaybox>p:last-child,.displaybox>ul:last-child,.displaybox>ol:last-child{margin-bottom:0;}
.displaybox::before{display:block;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:16px;}
.displaybox-proposal::before{content:"Proposed special issue";}
.displaybox-domains::before{content:"Domains of study";}
.displaybox-themes::before{content:"The research themes";}

/* --- Footnotes ---------------------------------------------------------- */
.proposal sup a{text-decoration:none;}
.proposal .footnotes,.proposal section[data-footnotes]{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);font-size:14.5px;color:var(--muted);}
.proposal .footnotes h2,.proposal section[data-footnotes] h2{font-family:'IBM Plex Mono',monospace;font-size:12.5px;font-weight:400;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);border:0;padding:0;margin:0 0 10px;}

/* --- PDF download ------------------------------------------------------- */
.doc-link{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--bg);background:var(--accent);text-decoration:none;padding:12px 22px;}
.doc-link:hover{color:var(--bg);filter:brightness(1.12);}