/* Scoped reusable editorial layouts; existing article pilots keep their CSS. */
.reusable-article .article-template{min-width:0;overflow-wrap:anywhere}
.reusable-article .template-section{border-top:1px solid var(--line);margin-top:40px;padding-top:28px;display:flow-root}
.reusable-article .template-section>h2{font:normal 32px/1.2 Georgia,serif;margin:0 0 24px;border:0;padding:0}
.reusable-article .template-entry{margin-bottom:24px;display:flow-root}
.reusable-article .template-entry h3{font:normal 25px/1.3 Georgia,serif;margin-top:0}
.reusable-article .template-image-row{display:grid;grid-template-columns:minmax(0,30%) minmax(0,1fr);gap:26px;align-items:start}
.reusable-article .template-copy{min-width:0}
.reusable-article .template-image-row>.article-inline-image{float:none;width:100%;max-width:none;margin:0}
.reusable-article .template-image-row img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:4px}
.reusable-article .template-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.reusable-article .template-actions .article-cta{margin:0;max-width:100%}
.reusable-article .template-actions a.button{background:#f18776!important;color:#192131!important;text-decoration:none;border:1px solid #f18776;white-space:normal;overflow-wrap:anywhere;min-height:44px;font:600 13px/1.4 Arial,sans-serif;padding:12px 16px}
.reusable-article .template-navigation{display:block;border-block:1px solid var(--line);padding:20px 0;margin:28px 0}
.reusable-article .template-navigation ul{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;margin:0;padding:0}
.reusable-article .template-navigation li{margin:0;min-width:0}
.reusable-article .template-navigation a{color:var(--ink);display:flex;gap:14px;align-items:center;min-height:44px}
.reusable-article .template-picks ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.reusable-article .template-picks img{width:54px;height:76px;object-fit:contain;flex-shrink:0}
.reusable-article .al-summary{display:block;border:0;border-top:5px solid var(--ink);background:linear-gradient(110deg,#f1877619,#f1877605);padding:28px 30px;margin:28px 0}
.reusable-article .al-summary-aside{border:0;padding:0;background:transparent}
.reusable-article .template-event{border-left:2px solid #e0a99a;padding-left:22px}
.reusable-article .template-entry blockquote{background:#f1877610;border-left:3px solid #f18776;padding:18px 22px;margin:24px 0}
@media(max-width:760px){
 .reusable-article .template-image-row{display:block}
 .reusable-article .template-image-row>.article-inline-image{width:min(65%,260px);margin:0 auto 22px}
 .reusable-article .template-picks ul{grid-template-columns:minmax(0,1fr)}
 .reusable-article .template-section>h2{font-size:28px}
 .reusable-article .al-summary{padding:22px 20px}
 .reusable-article .template-actions{gap:10px}
}


/* Shared editorial controls and captions; directory/homepage rules are untouched. */
.reusable-article .article-slider-controls{gap:8px}
.reusable-article .article-slider-controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:var(--arc-control-radius,6px);background:var(--paper);color:var(--ink);font:22px/1 Arial,sans-serif}
.reusable-article .article-slider-controls button:disabled{opacity:.4;cursor:default}
.reusable-article .article-slider-controls button:not(:disabled):hover{border-color:var(--coral);color:var(--coral)}
.reusable-article .article-slider-controls button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
/* Match the public-controls guard specificity while keeping this article-only. */
body main:not(:has(#admin-content,.admin,.admin-studio)) .reusable-article .article-slider-controls button{border-radius:var(--arc-control-radius,6px)}
.reusable-article .article-show-card>h3{font:600 21px/1.25 Georgia,serif;margin:12px 0 5px;min-height:0;padding:0}
.reusable-article .article-show-card>h3 a{font:inherit;color:var(--ink);text-decoration:none;border:0}
.reusable-article .article-show-card>h3 a:hover{text-decoration:underline}
.reusable-article .article-show-card>.image-credits{font:11px/1.4 Arial,sans-serif;margin:10px 0 0;padding:0}
.reusable-article .template-entry p>a.article-watch{display:inline;font:inherit;line-height:inherit;margin:0;padding:0}
.reusable-article .template-summary{border:0;border-top:5px solid var(--ink);background:linear-gradient(110deg,#f1877619,#f1877605);padding:28px 30px;margin:28px 0}
.reusable-article .template-projects .article-poster-row{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px}
.reusable-article .template-projects .article-show-card{flex:0 0 220px;min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;align-items:stretch}
.reusable-article .template-projects .article-show-poster{display:block;width:100%;height:330px;border-radius:10px;overflow:hidden;background:transparent}
.reusable-article .template-projects .article-show-poster img{display:block;width:100%;height:100%;object-fit:cover}
.reusable-article .template-projects .article-show-card>p{font:14px/1.45 Arial,sans-serif;margin:0;min-height:0}
.reusable-article .template-projects .article-show-card>p:first-of-type{font:12px/1.4 Arial,sans-serif;color:var(--muted);margin:0 0 5px}
.reusable-article .template-projects .image-attribution{display:none}
.reusable-article .template-projects .image-credits{font:11px/1.4 Arial,sans-serif;margin:10px 0 0;padding:0}
.reusable-article .template-projects .image-credits p{font:inherit}
@media(max-width:600px){.reusable-article .template-projects .article-show-card{flex-basis:180px}.reusable-article .template-projects .article-show-poster{height:270px}.reusable-article .template-projects .article-poster-row{gap:16px}}
.editorial-pilot .reusable-article .article-body .article-show-card>h3 a{color:var(--ink);text-decoration:none}
.editorial-pilot .reusable-article .article-body .article-show-card>h3 a:hover{text-decoration:underline}

/* Compact work portfolios share the article's saved headings, artwork and links. */
.reusable-article .template-portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;counter-reset:career}
.reusable-article .template-portfolio-grid>.template-entry{position:relative;counter-increment:career;border-top:1px solid var(--line);padding:22px 0 22px 30px;margin:0;min-width:0}
.reusable-article .template-portfolio-grid>.template-entry:before{content:counter(career,decimal-leading-zero);position:absolute;left:0;top:24px;color:#a54336;font:italic 20px/1.2 Georgia,serif}
.reusable-article .template-portfolio-grid .template-image-row{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;align-items:start}
.reusable-article .template-portfolio-grid .template-image-row>.article-inline-image{margin:0;width:84px;max-width:none}
.reusable-article .template-portfolio-grid figure img{width:84px;height:auto;max-height:128px;object-fit:contain;object-position:top;background:transparent}
.reusable-article .template-portfolio-grid h3{font:600 17px/1.4 Arial,sans-serif;letter-spacing:0;margin:0 0 9px}
.reusable-article .template-portfolio-grid p{font:14px/1.6 Arial,sans-serif;margin:0 0 10px}
.reusable-article .template-portfolio-grid p:last-child{margin-bottom:0}
.reusable-article .template-portfolio-grid figcaption{font:10px/1.4 Arial,sans-serif}
@media(max-width:760px){.reusable-article .template-portfolio-grid{grid-template-columns:minmax(0,1fr)}.reusable-article .template-portfolio-grid>.template-entry{padding-top:20px;padding-bottom:20px}}