.workshop-hero { margin: 24px 0 36px; }
.workshop-discovery { margin: 52px auto; }
.workshop-discovery h2 { margin-bottom: 24px; }
.workshop-discovery .tool-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.workshop-discovery .tool-card { padding: 24px; border: 1px solid #dce4ed; border-radius: 10px; background: white; }
.workshop-discovery .tool-card h3 { font-size: 1.15rem; line-height: 1.4; margin-bottom: 14px; }
.workshop-discovery .tool-card p { font-size: .9rem; line-height: 1.7; color: #53657a; }
@media(max-width:760px) { .workshop-discovery .tool-grid { grid-template-columns: 1fr; } }
.workshop-hero img { width: 100%; height: auto; max-height: 460px; aspect-ratio: 16/9; object-fit: cover; border-radius: 14px; border: 1px solid #dce4ed; }
.workshop-hero figcaption { font-size: .74rem; color: #53657a; margin-top: 8px; }
.memory-site .workshop-prose { max-width: 820px; }
.memory-site .workshop-prose pre { white-space: pre-wrap; overflow-wrap: anywhere; background: #f3f7fc; color: #15263a; border: 1px solid #dce4ed; padding: 22px; margin: 22px 0; border-radius: 8px; font-size: .84rem; }
.memory-site .workshop-prose code { color: inherit; }
.memory-site .tool-controls textarea, .memory-site .tool-results textarea { width: 100%; border: 1px solid #bfcddd; border-radius: 6px; padding: 12px; font: inherit; font-size: .87rem; min-height: 100px; background: white; color: #15263a; resize: vertical; }
.memory-site #brief-output { min-height: 520px; font-family: var(--font-mono); font-size: .8rem; }
.memory-site .workshop-status { margin: 18px 0; font-size: .88rem; color: #334155; }
.memory-site .file-picker { display: block; width: 100%; padding: 22px; border: 2px dashed #bfcddd; border-radius: 8px; background: #f3f7fc; }
.memory-site .file-picker input { width: 100%; font: inherit; font-size: .9rem; margin-top: 12px; }
.memory-site .metadata-table { table-layout: fixed; white-space: normal; }
.memory-site .metadata-table th, .memory-site .metadata-table td { overflow-wrap: anywhere; white-space: normal; max-width: 50%; }
.memory-site .metadata-table th { width: 42%; }
.memory-site .repo-entry { padding: 24px 0; border-top: 1px solid #dce4ed; }
.memory-site .repo-entry h2 { margin: 0 0 12px; }
.memory-site .repo-entry p { margin-bottom: 12px; }
.memory-site .repo-category { color: #53657a; font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; }
.memory-site .review-note { padding: 16px 20px; background: #f3f7fc; border-left: 3px solid #1959cc; border-radius: 5px; font-size: .86rem; line-height: 1.7; margin: 22px 0; }
.memory-site .article-index { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 20px; padding-left: 20px; }
.memory-site .article-index li { margin: 0; font-size: .86rem; }
.memory-site .workshop-card-image { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; border-radius: 6px; margin-bottom: 18px; }
@media(max-width:760px) { .memory-site #brief-output { min-height: 360px; } .memory-site .article-index { grid-template-columns: 1fr; } .workshop-hero img { border-radius: 8px; } }