/* WEB-02: styles scoped to the new proof, FAQ and contact content. */
.demo-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}
.demo-decisions>details{border-top:1px solid var(--line);min-width:0}
.demo-decisions summary{width:100%;justify-content:space-between;padding:18px 0;align-items:flex-start}
.demo-decisions summary small{display:block;color:var(--muted);font:10px/1.8 var(--mono);letter-spacing:.1em;margin-bottom:8px}
.demo-decisions summary strong{display:block;color:var(--text);font-size:16px;font-weight:500;line-height:1.5}
.demo-decisions summary>span,.case-detail summary>span,.faq-list summary>span{flex-shrink:0}
.decision-copy{margin:0 0 20px;font-size:14px;color:var(--secondary)}
.decision-copy dt{color:var(--ice);font-weight:500;margin-top:16px}.decision-copy dd{margin:4px 0 0;line-height:1.8}
.case-study{align-items:start}.case-study>*{min-width:0}
.case-figure{margin:26px 0 0}.case-figure img{display:block;width:100%;height:auto;border:1px solid #425667;border-radius:6px}
.case-figure figcaption{font-size:12px;color:var(--secondary);line-height:1.8;margin-top:12px;max-width:540px}
.project-description>.case-lesson{font-size:15px;margin-top:24px;padding-left:18px;border-left:1px solid #749caa}
.case-lesson strong{display:block;font-size:12px;color:var(--ice);font-weight:500;margin-bottom:9px}
.case-detail{margin-top:20px;border-top:1px solid var(--line);max-width:500px}
.case-detail summary{width:100%;justify-content:space-between;gap:18px;padding:14px 0;line-height:1.6}
.case-detail ul{font-size:14px;color:var(--secondary);padding-left:19px;line-height:1.8;margin:0 0 12px}.case-detail li+li{margin-top:12px}
.project-name>.development-status{color:var(--ice);font-size:12px;margin:0 0 12px;padding-left:12px;border-left:2px solid var(--ice)}
.educ-composition{padding:24px;background:#101c28;border:1px solid #425667;border-radius:6px}
.educ-composition>.meta{font-size:10px;margin-bottom:20px}
.educ-spaces{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.educ-spaces>div{border-top:1px solid #749caa;padding-top:15px}.educ-spaces strong{font-size:15px;color:var(--text);font-weight:500}
.educ-spaces p{font-size:13px;line-height:1.9;color:var(--secondary);margin:8px 0 0}
.educ-separation{font:10px/1.8 var(--mono);letter-spacing:.08em;color:var(--ice);margin:20px 0 16px;padding-top:14px;border-top:1px solid var(--line)}
.educ-progression{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--secondary)}
.faq-list{border-bottom:1px solid #42566780}.faq-list>details{border-top:1px solid #42566780}
.faq-list summary{padding:23px 0;width:100%;justify-content:space-between;gap:32px;font-size:20px;line-height:1.5;color:var(--text)}
.faq-answer{max-width:820px;color:var(--secondary);font-size:16px;line-height:1.85;padding:0 35px 22px 0}.faq-answer p{margin:0}
.summary-panel>.email-recipient{font-size:13px;color:var(--secondary);overflow-wrap:anywhere}
.summary-panel>.mailto-help{font-size:12px;line-height:1.8;color:var(--secondary);margin:20px 0 0}
@media(max-width:850px){.demo-decisions{gap:22px}.educ-composition{padding:18px}.educ-spaces{gap:15px}.educ-spaces strong{font-size:14px}}
@media(max-width:560px){.demo-decisions{grid-template-columns:1fr;gap:0;margin-top:25px}.demo-decisions summary{padding:17px 0}.case-figure{margin-top:22px}.case-detail{margin-top:18px}.case-detail summary{font-size:13px}.faq-list summary{font-size:17px;gap:20px;padding:20px 0}.faq-answer{font-size:15px;padding-right:20px}.educ-spaces strong{font-size:15px}.summary-actions{gap:14px}.summary-actions>#open-email{width:100%}}

/* WEB-02.1: project examples only. No change to the validated global styles. */
.project-example{align-items:center}.project-example>*{min-width:0}
.project-example .project-tagline{font-size:23px;line-height:1.4;letter-spacing:-.025em;color:var(--text);max-width:420px;margin:0 0 18px}
.project-capture{margin:0;padding:8px;border:1px solid #425667;border-radius:10px;background:linear-gradient(135deg,#152331,#0d1722);box-shadow:0 10px 28px #0002,inset 0 1px 0 #c4edf00d}
.project-capture-media{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:5px;background:#0b131e}
.project-capture-media img{display:block;width:100%;height:100%;object-fit:contain}
/* Original Educ-topia PNG remains intact. Display source rectangle x=500,y=150,w=1260,h=708.75. */
.project-capture-activity img{position:absolute;width:153.809524%;max-width:none;height:auto;left:-39.68254%;top:-21.164021%}
@media(max-width:560px){.project-example .project-tagline{font-size:22px;margin-bottom:14px}.project-capture{padding:6px}}