/*
Theme Name: TMQPFTJ Lore
Template: blocksy
Version: 0.1.3
Description: Minimal lore homepage and visual archive for The Most Qualified Person for the Job.
*/

:root{--lore-max:860px;--archive-gap:18px}
body{font-family:Helvetica,Arial,sans-serif;background:#fff;color:#111}
.lore-wrap{width:min(var(--lore-max),calc(100% - 40px));margin:clamp(70px,11vh,150px) auto 100px}
.lore-copy{font-size:clamp(22px,2.5vw,34px);line-height:1.34;letter-spacing:-.025em}
.lore-copy p{margin:0 0 1.1em}.lore-copy a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.lore-fn{font-size:.52em;vertical-align:super;line-height:0;cursor:pointer;border:0;background:none;padding:0 2px;color:inherit;font-family:inherit}
.lore-note{font-family:'Times New Roman',Times,serif;font-style:italic;font-size:.78em;line-height:1.35;letter-spacing:0;cursor:pointer}.lore-note[hidden]{display:none}.lore-note-media{display:block;margin:.7em 0 .85em;max-width:min(620px,100%)}.lore-note-media img{display:block;max-width:100%;height:auto}.lore-note-caption{display:block;font-size:.72em;margin-top:.35em}
.lore-bottom{margin-top:55px;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.lore-bottom a{color:inherit;margin-right:18px}
.archive-wrap{width:min(1500px,calc(100% - 36px));margin:55px auto 100px}.archive-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:28px}.archive-head h1{font-size:14px;text-transform:uppercase;letter-spacing:.08em;margin:0}.archive-head a{font-size:12px;color:inherit}
.archive-grid{columns:4;column-gap:var(--archive-gap)}.archive-card{break-inside:avoid;margin:0 0 24px;display:block;color:inherit;text-decoration:none}.archive-card img{display:block;width:100%;height:auto}.archive-meta{font-size:12px;line-height:1.25;margin-top:6px}.archive-fallback{aspect-ratio:4/3;border:1px solid #111;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;font-size:13px}
@media(max-width:1000px){.archive-grid{columns:3}}@media(max-width:700px){.lore-wrap{margin-top:55px}.lore-copy{font-size:22px}.archive-grid{columns:2;column-gap:12px}.archive-card{margin-bottom:18px}}@media(max-width:430px){.archive-grid{columns:1}}


/* 0.1.1 — standalone lore + archive pages */
body.tmq-standalone{
  margin:0;
  background:#fff;
  color:#111;
  font-family:Helvetica,Arial,sans-serif;
}
body.tmq-standalone #wpadminbar{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.tmq-standalone .site-header,
body.tmq-standalone .ct-header,
body.tmq-standalone #header,
body.tmq-standalone .site-footer,
body.tmq-standalone .ct-footer,
body.tmq-standalone #footer{display:none!important}

.tmq-home .lore-wrap{
  width:min(var(--lore-max),calc(100% - 40px));
  margin:clamp(70px,11vh,150px) auto 100px;
}
.tmq-home .lore-contact-line{
  margin-top:1.45em;
}
.tmq-home .lore-contact-line a{
  color:inherit;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

.tmq-archive .archive-wrap{
  width:min(1500px,calc(100% - 36px));
  margin:clamp(38px,6vw,72px) auto 80px;
}
.archive-intro{
  max-width:1050px;
  margin:0 0 42px;
  font-size:clamp(20px,2vw,30px);
  line-height:1.22;
  letter-spacing:-.02em;
}
.archive-intro-link{
  color:inherit;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
.archive-intro sup,
.archive-footnotes sup{
  font-size:.62em;
  vertical-align:super;
  line-height:0;
}
.archive-footnotes{
  max-width:1050px;
  margin:70px 0 0;
  padding-top:24px;
  border-top:1px solid #d8d8d8;
  font-size:13px;
  line-height:1.62;
  letter-spacing:0;
}
.archive-footnotes p{
  margin:0 0 1.35em;
}
.archive-footnotes a{
  color:inherit;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}
@media(max-width:700px){
  .tmq-home .lore-wrap{margin-top:48px}
  .tmq-archive .archive-wrap{margin-top:32px}
  .archive-intro{margin-bottom:28px}
  .archive-footnotes{margin-top:48px}
}


/* 0.1.2 — copy hierarchy */
.tmq-home .lore-copy p:first-child,
.tmq-home .lore-copy p{
  font-weight:400;
}
.tmq-home .lore-copy strong{
  font-weight:700;
}
.tmq-home .lore-archive-link{
  color:inherit;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

/* Archive intro/footer now mirror homepage typography and placement */
.tmq-archive .archive-wrap{
  width:min(var(--lore-max),calc(100% - 40px));
  margin:clamp(70px,11vh,150px) auto 100px;
}
.tmq-archive .archive-intro{
  max-width:none;
  margin:0 0 clamp(44px,7vw,84px);
  font-family:Helvetica,Arial,sans-serif;
  font-size:var(--lore-size);
  line-height:var(--lore-leading);
  letter-spacing:var(--lore-tracking);
  font-weight:700;
}
.tmq-archive .archive-intro sup{
  font-size:.46em;
  top:-.55em;
  position:relative;
}
.tmq-archive .archive-grid{
  width:calc(100vw - 36px);
  margin-left:calc((100% - (100vw - 36px))/2);
}
.tmq-archive .archive-footnotes{
  max-width:none;
  margin:clamp(52px,8vw,90px) 0 0;
  padding-top:0;
  border-top:0;
  font-family:Helvetica,Arial,sans-serif;
  font-size:clamp(18px,1.55vw,24px);
  line-height:1.48;
  color:#111;
}
.tmq-archive .archive-footnotes p{
  margin:0 0 1.45em;
}
@media(max-width:700px){
  .tmq-archive .archive-wrap{
    width:calc(100% - 28px);
    margin-top:48px;
  }
  .tmq-archive .archive-grid{
    width:calc(100vw - 20px);
    margin-left:calc((100% - (100vw - 20px))/2);
  }
  .tmq-archive .archive-footnotes{
    font-size:17px;
  }
}


/* 0.1.3 — footnote renderer repair */
:root{
  --lore-size:clamp(22px,2.5vw,34px);
  --lore-leading:1.34;
  --lore-tracking:-.025em;
}
.lore-fn{
  font-size:.52em;
  vertical-align:super;
  line-height:0;
  cursor:pointer;
  border:0;
  background:none;
  padding:0 2px;
  color:inherit;
  font-family:inherit;
}
.lore-note{
  font-family:"Times New Roman",Times,serif;
  font-style:italic;
  font-size:.78em;
  line-height:1.35;
  letter-spacing:0;
  cursor:pointer;
}
.lore-note[hidden]{display:none!important}
.lore-note-media{
  display:block;
  margin:.7em 0 .85em;
  max-width:min(620px,100%);
}
.lore-note-media img{
  display:block;
  max-width:100%;
  height:auto;
}
.lore-note-caption{
  display:block;
  font-size:.72em;
  margin-top:.35em;
}