/* WordPress content compatibility only. Approved composition and tokens remain in direction.css. */
.streetprint .article-copy {min-width:0;overflow-wrap:anywhere}
.streetprint .article-copy section>p:not(.kicker){margin:20px 0}
.streetprint .article-copy img,.streetprint .article-copy video,.streetprint .article-copy iframe,.streetprint .article-copy figure{max-width:100%}
.streetprint .article-copy img{height:auto}
.streetprint .article-copy a:not(.primary){text-decoration:underline}
.streetprint .article-copy ul,.streetprint .article-copy ol{padding-inline-start:24px}
.streetprint .article-copy table{display:block;max-width:100%;overflow-x:auto}
.streetprint .article-copy pre{max-width:100%;overflow-x:auto}
.streetprint .event-content{min-width:0;overflow-wrap:anywhere}
.streetprint .event-image{margin-top:16px}
.streetprint .event-image img{max-height:320px;object-fit:contain;object-position:left}
.streetprint .event-image figcaption{font-size:10px;line-height:1.6;margin-top:8px}
.streetprint .article-photo img{width:100%}
.streetprint .periods{flex-wrap:wrap}

/* Writing lanes (locked palette via existing vars only). */
.lane-nav{max-width:1600px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink)}
.lane-nav a{display:flex;align-items:center;justify-content:space-between;padding:10px var(--g);font:700 13px UI,sans-serif;min-height:48px;border-right:1px solid var(--ink)}
.lane-nav a:last-child{border-right:0}.lane-nav a:hover,.lane-nav a.current{box-shadow:inset 0 -3px 0 currentColor}
.lane-nav a:nth-child(2){border-right:0}.lane-nav a:nth-child(-n+2){border-bottom:1px solid var(--ink)}
.lane-nav-menu,.lane-nav-home{grid-template-columns:repeat(2,1fr);border:1px solid var(--ink);margin-top:16px}
.lane-more{margin-top:48px}.lane-card h3 a{color:inherit;text-decoration:none}
@media (min-width:701px){.lane-nav{grid-template-columns:repeat(4,1fr)}.lane-nav a:nth-child(2){border-right:1px solid var(--ink)}.lane-nav a:nth-child(-n+2){border-bottom:0}}


/* Eight-link masthead recut: phone 2x4, desktop 4x2. Locked category colors. */
.masthead-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1600px;margin:auto;border-top:1px solid var(--ink);gap:1px;background:var(--ink)}
.masthead-links a{display:flex;align-items:center;justify-content:space-between;min-width:0;min-height:48px;padding:10px var(--g);font:700 13px UI,sans-serif;background:var(--paper);border:0}
.masthead-links a[href*="/tonight/"],
.masthead-links a[href*="/music/"],
.masthead-links a[href*="/movies/"],
.menu-panel>nav a[href*="/tonight/"],
.lane-nav a[href*="/music/"],
.lane-nav a[href*="/movies/"]{background:var(--nightlife);color:var(--paper)}
.masthead-links a[href*="/this-weekend/"],
.masthead-links a[href*="/family/"],
.menu-panel>nav a[href*="/this-weekend/"],
.lane-nav a[href*="/family/"]{background:var(--family);color:var(--ink)}
.masthead-links a[href*="/free/"],
.menu-panel>nav a[href*="/free/"]{background:var(--dining);color:var(--ink)}
.masthead-links a[href*="/food-nightlife/"],
.masthead-links a[href*="/art/"],
.lane-nav a[href*="/food-nightlife/"],
.lane-nav a[href*="/art/"]{background:var(--brand);color:var(--ink)}
.masthead-links a span{color:inherit}
.masthead-links a.current,.masthead-links a[aria-current="page"],
.lane-nav a.current,.lane-nav a[aria-current="page"]{box-shadow:inset 0 -3px 0 currentColor}
.masthead-links a:hover{box-shadow:inset 0 0 0 2px var(--ink)}
.masthead-links a.current:hover,.masthead-links a[aria-current="page"]:hover{box-shadow:inset 0 -3px 0 currentColor,inset 0 0 0 2px var(--ink)}
.menu-panel>nav a[href*="/tonight/"],
.menu-panel>nav a[href*="/this-weekend/"],
.menu-panel>nav a[href*="/free/"]{padding-left:16px;padding-right:16px}
.menu-panel>nav a>span{color:var(--ink)}
@media (min-width:701px){.masthead-links{grid-template-columns:repeat(4,minmax(0,1fr))}.masthead-links a{min-height:52px;font-size:14px}}

/* Drawn Streetprint arrows for masthead and lane-nav: coral box, ink arrow, 1px ink border. */
.masthead-links a>.sp-arrow,.lane-nav a>.sp-arrow{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;background:var(--brand);color:var(--ink);border:1px solid var(--ink);box-sizing:border-box;transition:transform .2s}
.masthead-links a>.sp-arrow .sp-arrow-svg,.lane-nav a>.sp-arrow .sp-arrow-svg{width:12px;height:12px;display:block}
.masthead-links a:hover>.sp-arrow,.lane-nav a:hover>.sp-arrow{transform:translate(3px,-3px)}
@media (max-width:700px){.masthead-links a>.sp-arrow,.lane-nav a>.sp-arrow{width:20px;height:20px}.masthead-links a>.sp-arrow .sp-arrow-svg,.lane-nav a>.sp-arrow .sp-arrow-svg{width:11px;height:11px}}
@media (prefers-reduced-motion:reduce){.masthead-links a>.sp-arrow,.lane-nav a>.sp-arrow{transition:none;transform:none}}

/* Inline drawn arrows (not the header/lane 22px coral boxes). Ink inherits from the control. */
.sp-arrow-inline{display:inline-flex;align-items:center;justify-content:center;flex:none;width:auto;height:auto;min-width:0;padding:0;margin:0;background:transparent;border:0;color:inherit;vertical-align:middle;line-height:0}
.sp-arrow-inline .sp-arrow-svg{width:12px;height:12px;display:block;color:inherit}
a.primary .sp-arrow-inline,button.primary .sp-arrow-inline,button.info .sp-arrow-inline,button.share .sp-arrow-inline,.field-note-link .sp-arrow-inline{color:inherit}
.menu-bottom a{display:inline-flex;align-items:center;gap:6px}
.periods a{display:inline-flex;align-items:center;gap:6px}