/* v6 · slide 17 · What should colleges focus on? (the employer pyramid). Every rule is scoped to #v6-17. Static.
   Left column 980 px: title, subtitle, pyramid. Right: the quote panel, as tall as the content area. */
#v6-17 .content{bottom:156px}
#v6-17 .title{max-width:980px}
#v6-17 .body{position:static;padding-top:10px;gap:0;justify-content:flex-start;width:980px}
#v6-17 .body .s17-sub{margin:0;font:400 28px/1.35 var(--sans);color:var(--ink-soft);text-wrap:balance}

/* The pyramid: six bands on a 820 px base, centered on the base. */
#v6-17 .s17-left{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:14px}
#v6-17 .s17-pyramid{width:820px;display:flex;flex-direction:column;align-items:center;gap:8px}
#v6-17 .s17-band{height:82px;display:flex;align-items:center;justify-content:center;font:600 30px/1.1 var(--sans);letter-spacing:.005em;text-align:center}
#v6-17 .s17-stack{position:relative;width:820px}
#v6-17 .body .s17-legend{position:absolute;left:-160px;top:8px;width:300px;margin:0;font:italic 400 25px/1.35 var(--serif);color:var(--accent);text-wrap:balance}
#v6-17 .body .s17-caption{width:820px;margin:0;font:italic 400 21px/1.35 var(--sans);color:var(--ink-soft);text-align:center;white-space:nowrap}

/* In their words. */
#v6-17 .s17-panel{position:absolute;right:0;top:0;bottom:0;width:640px;box-sizing:border-box;margin:0;padding:34px 40px 30px;background:var(--paper-deep);border-top:1px solid var(--rule);display:flex;flex-direction:column;justify-content:space-between}
#v6-17 .s17-panel h3{margin:0;font:400 40px/1.15 var(--serif);letter-spacing:-.005em}
#v6-17 .s17-quote{margin:0}
#v6-17 .s17-quote blockquote{margin:0;font:400 26px/1.36 var(--serif);color:var(--ink);text-wrap:pretty}
#v6-17 .s17-quote figcaption{margin-top:7px;font:italic 400 21px/1.3 var(--sans);color:var(--ink-soft)}

/* The logo and the source line share the bottom left. The logo keeps its own colors. */
#v6-17 .s17-credit{position:absolute;left:120px;right:120px;bottom:92px;display:flex;align-items:center;gap:28px}
#v6-17 .s17-logo{display:block;width:260px;height:auto;flex:none;mix-blend-mode:multiply}
#v6-17 .s17-credit .source{position:static;margin:0}
