/* Project guides share the field-guide layout; the evidence remains plain HTML. */
.use-case-entry{margin:24px 0 28px}
.use-case-entry .text-link{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
.use-case-page .learn-hero h1{max-width:1040px}
.use-case-page .article-content>section:first-child h2{margin-top:0}
.use-case-page .learn-header nav .button{display:inline-flex}
.project-brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 26px;margin:28px 0!important}
.project-brief-grid>div{padding-top:17px;border-top:3px solid var(--gold)}
.project-brief-grid dt{margin:0 0 7px!important;font-size:16px;font-weight:500}
.project-brief-grid dd{margin:0;font-size:15px;line-height:1.75;color:var(--muted)}
.worked-site{padding:28px;margin:40px 0;border:1px solid var(--rule);border-radius:16px;background:#fff}
.worked-site .eyebrow{margin:0 0 15px;color:var(--muted);font-size:11px}
.worked-site h2{margin:0 0 22px;font-size:32px;line-height:1.18}
.worked-site p{font-size:15px;line-height:1.8}
.worked-site strong{font-weight:600}
.worked-site .button{font-size:14px;line-height:1.45;text-align:left;white-space:normal;gap:14px}
.case-provenance{margin:24px 0 20px}
.case-provenance summary{font-weight:500;font-size:14px}
.case-provenance p{font-size:13px;line-height:1.7}
.case-provenance .source-link{font-size:13px}
.snapshot-reference code{font-size:11px;overflow-wrap:anywhere;word-break:break-word;display:block;margin-top:6px;color:var(--muted)}
.use-case-page .article-cta{border-radius:16px}
.use-case-page .article-cta .eyebrow{color:var(--gold);font-size:11px}
.use-case-related{padding-top:18px}
.use-case-related h2{font-size:28px}
.use-case-related a{display:inline-flex;min-height:44px;align-items:center;line-height:1.5}
.use-case-related li{margin:0!important}
.use-case-hub{padding:20px 0 48px;margin-bottom:42px;border-bottom:1px solid var(--rule)}
.use-case-hub>h2{margin:0 0 20px}
.use-case-hub>p:not(.eyebrow){max-width:790px;color:var(--muted)}
.hub-content .use-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}
.hub-content .use-case-grid .guide-card{padding:25px;min-height:0;border-radius:14px}
.use-case-grid .guide-card h3{font-size:26px}
.use-case-grid .guide-card:last-child:nth-child(odd){grid-column:auto}
@media(max-width:1050px){.hub-content .use-case-grid{grid-template-columns:1fr}.use-case-grid .guide-card h3{font-size:28px}}
@media(max-width:760px){
  .use-case-entry{gap:8px 16px}
  .use-case-entry .button{width:100%;justify-content:center;gap:16px;text-align:center}
  .use-case-page .learn-header nav{gap:4px 18px}
  .use-case-page .learn-header nav .button{min-height:44px;padding:10px 16px;font-size:14px}
  .project-brief-grid{grid-template-columns:1fr;gap:19px}
  .project-brief-grid dd{font-size:16px}
  .worked-site{padding:23px 21px;margin:32px 0;border-radius:14px}
  .worked-site h2{font-size:28px}
  .worked-site p{font-size:16px}
  .worked-site .button{width:100%;justify-content:center;text-align:center}
  .case-provenance p,.case-provenance .source-link{font-size:13px}
  .use-case-hub{margin-bottom:32px;padding-bottom:30px}
}
@media(max-width:380px){.worked-site{padding:21px 18px}.worked-site h2{font-size:26px}.use-case-entry .button{font-size:13px}.use-case-page .learn-header nav{gap:4px 15px}}
@media print{.use-case-entry,.use-case-related{display:none}.worked-site{padding:18px;border:1px solid #aaa;border-radius:0}.project-brief-grid{grid-template-columns:1fr 1fr}.worked-site h2{font-size:20pt}.worked-site p,.project-brief-grid dd{font-size:11pt}}
