/* AnswerMyQ case study. Portfolio chrome stays in the existing site theme. */
.amq-title-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}.amq-title-row h1{margin:0}.amq-intro>p{max-width:720px}.amq-intro .project-facts{margin-bottom:32px}.amq-feature{margin-top:44px}.amq-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.amq-eyebrow{display:block;color:var(--muted);font-size:12px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px}.amq-section-heading h2{font-size:28px;line-height:1.25}.amq-browser{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.amq-browser-bar{display:flex;gap:16px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);min-height:52px}.amq-window-dots{display:flex;gap:6px}.amq-window-dots i{width:7px;height:7px;border-radius:50%;background:var(--line)}.amq-browser-address{flex:1;color:var(--text);font-size:12px}.amq-browser-address span{color:var(--muted);margin-left:8px}.amq-expand{display:flex;gap:6px;align-items:center;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:5px;padding:5px 10px;font:inherit;font-size:12px}.amq-expand[hidden]{display:none}.amq-expand:hover{border-color:#ed008c}.amq-system-frame{display:block;width:100%;height:820px;border:0;background:var(--bg);visibility:hidden;opacity:0;transition:opacity .45s ease;color-scheme:light}.amq-demo-caption{display:flex;align-items:center;gap:18px;padding:16px;border-top:1px solid var(--line);font-size:12px}.amq-demo-caption>span{display:flex;align-items:center;gap:8px;white-space:nowrap}.amq-demo-caption i{width:6px;height:6px;border-radius:50%;background:#ed008c}.amq-demo-caption p{flex:1;font-size:12px;line-height:1.5}.amq-demo-caption>a{white-space:nowrap}.amq-process{margin-top:40px}.amq-note{display:grid;grid-template-columns:1fr 1.7fr;gap:40px;text-align:left}.amq-note+.amq-note{margin-top:32px;padding-top:32px;border-top:1px dotted var(--line)}.amq-note h2{font-size:18px;line-height:1.5}.amq-note p{font-size:15px;line-height:1.7}.amq-project-end{display:flex;justify-content:space-between;gap:16px;margin-top:64px;padding-top:32px;border-top:1px dotted var(--line)}.amq-demo-dialog{position:fixed;inset:0;width:calc(100vw - 40px);max-width:1600px;height:calc(100dvh - 40px);max-height:none;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);overflow:hidden}.amq-demo-dialog::backdrop{background:#000c}.amq-demo-dialog[open]{display:flex;flex-direction:column}.amq-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;flex-shrink:0;border-bottom:1px solid var(--line)}.amq-dialog-bar h2{font-size:16px}.amq-dialog-bar h2 span{color:var(--muted);font-weight:400}#amq-expanded-frame{flex:1;min-height:0}#amq-expanded-frame .amq-system-frame{height:100%}body.amq-modal-open{overflow:hidden}#amq-frame-home.is-expanded{height:820px;display:grid;place-items:center}#amq-frame-home.is-expanded:after{content:'System First is open in the expanded view.';color:var(--muted);font-size:14px;padding:24px;text-align:center}
@media(max-width:1100px){.amq-intro .project-facts{display:grid;grid-template-columns:1fr 1fr}.amq-intro .project-facts>div{padding:0 16px}.amq-intro .project-facts>div:nth-child(2){border:0}.amq-intro .project-facts>div:last-child{margin-top:20px;grid-column:1/-1}.amq-demo-caption{flex-wrap:wrap}.amq-demo-caption p{order:3;flex-basis:100%}.amq-demo-caption>a{margin-left:auto}}
@media(max-width:760px){.amq-title-row{align-items:flex-start;flex-direction:column;gap:16px}.amq-intro .project-facts{width:100%;grid-template-columns:1fr;gap:20px}.amq-intro .project-facts>div{border:0;padding:0 16px}.amq-intro .project-facts>div:last-child{margin:0}.amq-section-heading{align-items:flex-start;flex-direction:column;gap:12px}.amq-section-heading h2{font-size:24px}.amq-browser-bar{padding:10px;gap:10px}.amq-window-dots{display:none}.amq-browser-address span{display:none}.amq-system-frame{height:720px}.amq-note{grid-template-columns:1fr;gap:12px}.amq-demo-dialog{width:100vw;height:100dvh;border-radius:0;border:0}.amq-dialog-bar{padding:10px 12px}.amq-dialog-bar h2 span{display:none}.amq-project-end{flex-wrap:wrap}#amq-frame-home.is-expanded{height:720px}}

/* Supporting decisions sit within the approach, below its main explanation. */
.amq-approach-copy{min-width:0}.amq-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:24px}.amq-detail h3{font-size:14px;font-weight:500;line-height:1.5;margin-bottom:8px}.amq-note .amq-detail p{font-size:14px;line-height:1.65}
@media(max-width:1100px){.amq-details{grid-template-columns:1fr;gap:20px}}

/* Match the portfolio background while loading, then fade in the ready demo. */
#amq-frame-home,#amq-expanded-frame{background:var(--bg)}
.amq-system-frame.is-ready{visibility:visible;opacity:1}