/* JPSF street theme for inner pages (Solo, History). Presentation only. */
:root{
  --ink:#101010; --paper:#f4efe6; --white:#fff; --muted:#4a4540; --red:#d92424; --red-text:#b51d1d;
  /* remap the original pages' variables so their inline styles pick up the theme */
  --text-main:#101010; --text-secondary:#4a4540; --bg:#f4efe6; --accent:#b51d1d; --divider:#101010;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.street{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px;line-height:1.65;font-weight:400}
img{max-width:100%}
a{color:inherit;text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{text-decoration-thickness:3px}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.skip-link{position:absolute;left:-9999px;top:8px}
.skip-link:focus{left:8px;z-index:10;background:#fff;color:var(--ink);padding:8px 12px;border:2px solid var(--ink);font-weight:850}

/* masthead chrome (shared) */
.site-head{border-bottom:3px solid var(--ink)}
.site-head-in{font-size:18px;width:min(68ch,calc(100% - 32px));margin:0 auto;padding:18px 0 16px}
.mast{display:inline-block;text-decoration:none;color:var(--ink);font-weight:950;font-size:clamp(2.4rem,7vw,3.4rem);line-height:.82;letter-spacing:-.01em;text-shadow:.045em .045em 0 var(--red);padding:4px 6px 6px 0}
.mast img{display:inline-block;height:.741em;width:auto;vertical-align:baseline;margin-left:.06em}

/* shared type */
.measure{width:min(68ch,calc(100% - 32px));margin-left:auto;margin-right:auto}
h1,h2,h3{font-weight:950;line-height:1.02;letter-spacing:-.005em;color:var(--ink)}
.eyebrow-like{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:850;color:var(--muted)}

/* shared content footer treatment */
.street > footer{border-top:3px solid var(--ink);text-align:center;color:var(--muted)}
.street > footer a{color:var(--ink)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* site nav chrome (mirrors the home's two labelled groups) */
.site-nav{width:min(620px,calc(100% - 32px));margin:72px auto 0;font-size:16px;line-height:1.5}
.street h2.sticker-label{display:block;width:fit-content;margin:0 auto 12px;font-size:.78rem;font-weight:950;line-height:1.5;text-transform:uppercase;letter-spacing:.12em;transform:rotate(-0.6deg);color:var(--ink)}
.street h2.sticker-label.sticker-label-2{margin-top:40px}
.street .link-sticker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff;padding:0;width:100%}
.street .link-sticker a{min-height:38px;display:flex;align-items:center;padding:9px 13px;border-bottom:2px solid var(--ink);color:var(--ink);font-weight:800;font-size:.95rem;text-decoration:none}
.street .link-sticker a:nth-child(odd){border-right:2px solid var(--ink)}
.street .link-sticker a:last-child{border-bottom:0}
.street .link-sticker a:nth-last-child(2):nth-child(odd){border-bottom:0}
.street .link-sticker a:last-child:nth-child(odd){grid-column:1 / -1;border-right:0}
.street .link-sticker a:hover{background:var(--ink);color:#fff}
.street .link-sticker a[aria-current="page"]{background:var(--paper);box-shadow:inset 5px 0 0 var(--red);padding-left:18px}
.street .link-sticker a[aria-current="page"]:hover{background:var(--ink);color:#fff}
.street .link-sticker a:focus-visible{outline:3px solid var(--ink);outline-offset:-6px}
.street .link-sticker a:hover:focus-visible{outline-color:#fff}
@media (max-width:820px){
  .site-nav{width:min(420px,calc(100% - 32px))}
  .street .link-sticker{grid-template-columns:1fr}
  .street .link-sticker a{border-right:0 !important}
  .street .link-sticker a:nth-last-child(2):nth-child(odd){border-bottom:2px solid var(--ink)}
}