/* A clear reading path through Mizar's perception and control system. */
.topic-mizar #intelligenza-artificiale .ai-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,5vw,72px);margin-bottom:40px}
.topic-mizar #intelligenza-artificiale .ai-intro .research-chapter-head{margin:0}
.topic-mizar #intelligenza-artificiale .ai-intro .research-figure{display:block;margin:0;padding:0;border:1px solid #526a59;background:#10271e;overflow:hidden}
.topic-mizar #intelligenza-artificiale .ai-intro .research-figure a{display:block;cursor:zoom-in}
.topic-mizar #intelligenza-artificiale .ai-intro .research-figure img{display:block;width:100%;height:auto;max-height:none}
.topic-mizar #intelligenza-artificiale .ai-intro .research-figure figcaption{padding:16px 20px;font-size:13px;line-height:1.7;color:#cbd8ca}
.topic-mizar #intelligenza-artificiale .ai-intro .research-figure a:focus-visible{outline:3px solid #e4c47e;outline-offset:-4px}
.topic-mizar #intelligenza-artificiale .research-process{gap:10px;margin:0 0 36px}
.topic-mizar #intelligenza-artificiale .research-process li{background:#11291f;border-top:2px solid #c8a85d;padding:18px 16px;color:#f4f3eb;font-size:14px}
.topic-mizar #intelligenza-artificiale .ai-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.topic-mizar #intelligenza-artificiale .ai-content>.research-topic{display:block;min-width:0;margin:0;padding:28px;background:#233f33;border:1px solid #476151}
.topic-mizar #intelligenza-artificiale .ai-content>.research-topic h3{max-width:none;margin:0 0 17px;color:#f4f3eb;font-size:clamp(21px,1.8vw,25px)}
.topic-mizar #intelligenza-artificiale .ai-content>.research-topic p{color:#d1ded0;line-height:1.8}
.topic-mizar #intelligenza-artificiale .ai-content>.research-topic:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:8%;background:#10271e;border-color:#526a59;padding:32px}
.topic-mizar #intelligenza-artificiale .ai-content>.research-topic:first-child h3{margin:0}
.topic-mizar #intelligenza-artificiale .ai-content>.technology-original-map{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;margin:0}
.topic-mizar #intelligenza-artificiale .ai-content>.technology-original-map>a{height:100%;display:flex;align-items:center}
.topic-mizar #intelligenza-artificiale .ai-content>.technology-original-map figcaption{border-top:0}
@media(max-width:760px){
 .topic-mizar #intelligenza-artificiale .ai-intro{grid-template-columns:1fr;gap:24px;margin-bottom:28px}
 .topic-mizar #intelligenza-artificiale .ai-intro .research-figure figcaption{font-size:13px;padding:15px 16px}
 .topic-mizar #intelligenza-artificiale .research-process{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:26px}
 .topic-mizar #intelligenza-artificiale .research-process li{padding:14px 10px;font-size:12px}
 .topic-mizar #intelligenza-artificiale .ai-content{grid-template-columns:1fr;gap:12px}
 .topic-mizar #intelligenza-artificiale .ai-content>.research-topic,.topic-mizar #intelligenza-artificiale .ai-content>.research-topic:first-child{grid-column:auto;display:block;padding:23px}
 .topic-mizar #intelligenza-artificiale .ai-content>.research-topic:first-child h3{margin-bottom:17px}
 .topic-mizar #intelligenza-artificiale .ai-content>.technology-original-map{grid-column:auto;display:block}
 .topic-mizar #intelligenza-artificiale .ai-content>.technology-original-map figcaption{border-top:1px solid #425b4d}
 .topic-mizar #intelligenza-artificiale .ai-content>.technology-original-map figcaption>p{font-size:13px}
}
/* Restore the Alioth map to its original context; the opening image is Mizar. */
.topic-mizar #intelligenza-artificiale .ai-content>.research-figure{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;margin:0;border:1px solid #526a59;background:#10271e}
.topic-mizar #intelligenza-artificiale .ai-content>.research-figure a{display:block;cursor:zoom-in}
.topic-mizar #intelligenza-artificiale .ai-content>.research-figure img{display:block;width:100%;height:auto}
.topic-mizar #intelligenza-artificiale .ai-content>.research-figure figcaption{padding:20px;color:#d1ded0;font-size:14px;line-height:1.7}
@media(max-width:760px){.topic-mizar #intelligenza-artificiale .ai-content>.research-figure{grid-column:auto;display:block}.topic-mizar #intelligenza-artificiale .ai-content>.research-figure figcaption{padding:16px;font-size:13px}}
.topic-mizar #intelligenza-artificiale .ai-board-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.topic-mizar #intelligenza-artificiale .ai-board-gallery figure{margin:0;border:1px solid #526a59;background:#10271e;min-width:0}
.topic-mizar #intelligenza-artificiale .ai-board-gallery a{display:block;cursor:zoom-in}
.topic-mizar #intelligenza-artificiale .ai-board-gallery img{display:block;width:100%;height:auto}
.topic-mizar #intelligenza-artificiale .ai-board-gallery figcaption{color:#d1ded0;padding:16px 20px;font-size:14px;line-height:1.7}
.topic-mizar #intelligenza-artificiale .ai-board-gallery a:focus-visible{outline:3px solid #e4c47e;outline-offset:-4px}
@media(max-width:760px){.topic-mizar #intelligenza-artificiale .ai-board-gallery{grid-column:auto;grid-template-columns:1fr;gap:12px}.topic-mizar #intelligenza-artificiale .ai-board-gallery figcaption{padding:14px 16px;font-size:14px}}
