.lens-guide .listening-framework{border:1px solid var(--guide-line);background:#fff;border-radius:4px;margin:30px 0;padding:32px}.listening-framework figcaption{letter-spacing:-.02em;font-size:24px;font-weight:700;line-height:1.3}.listening-framework figcaption>span{color:var(--guide-blue);letter-spacing:.03em;text-transform:uppercase;margin-bottom:9px;font-size:14px;font-weight:700;display:block}.lens-guide .listening-framework ol,.lens-guide .listening-framework ul{margin:28px 0 0;padding:0;list-style:none}.lens-guide .listening-framework li{margin:0}.lens-guide .listening-system{grid-template-columns:repeat(6,minmax(0,1fr));padding-top:12px;display:grid}.lens-guide .listening-system li{padding:28px 6px 0;position:relative}.listening-system li:before{content:"";box-sizing:border-box;border:2px solid var(--guide-blue);background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:6px}.listening-system strong{letter-spacing:-.02em;font-size:14px}.lens-guide .listening-system p{color:var(--guide-muted);margin:8px 0 0;font-size:14px;line-height:1.55}.listening-connector{height:2px;color:var(--guide-blue);position:absolute;top:5px;left:18px;right:-6px}.listening-connector:before{content:"";border-top:1px solid;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.listening-connector:after{content:"";clip-path:polygon(0 0,100% 50%,0 100%,0 75%,65% 50%,0 25%);background:currentColor;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lens-guide .listening-system__return{border:1px solid var(--guide-blue);text-align:center;color:var(--guide-blue);border-top:0;border-radius:0 0 18px 18px;margin:26px calc(16.6667% - 12px) 0 12px;padding:16px 14px 10px;font-size:14px;position:relative}.listening-system__return:before{content:"";background:var(--guide-blue);clip-path:polygon(0 100%,50% 0,100% 100%,75% 100%,50% 35%,25% 100%);width:8px;height:8px;position:absolute;top:-7px;left:-4.5px}.listening-system__return:after{content:"";border-left:1px solid var(--guide-blue);height:7px;position:absolute;top:-7px;left:-1px}.listening-comparison{grid-template-columns:1fr 1fr;gap:28px;margin-top:28px;display:grid}.listening-comparison>div+div{border-left:1px solid var(--guide-line);padding-left:28px}.listening-comparison strong{font-size:18px}.lens-guide .listening-comparison p{color:var(--guide-muted);margin:8px 0 24px;font-size:15px}.listening-moment{border-block:1px solid var(--guide-line);gap:12px;padding:18px 0;font-size:15px;display:grid}.listening-moment span{color:var(--guide-blue)}.lens-guide .listening-comparison ol{border-left:1px solid var(--guide-blue);margin:0}.listening-comparison li{padding:12px 0 12px 18px;font-size:15px;position:relative}.listening-comparison li:before{content:"";background:var(--guide-blue);border-radius:50%;width:7px;height:7px;position:absolute;top:22px;left:-4px}.listening-channel-map{grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;margin-top:28px;display:grid}.lens-guide .listening-channel-map ul{border-right:1px solid var(--guide-blue);margin:0}.listening-channel-map li{padding:12px 22px 12px 0;font-size:15px;position:relative}.listening-channel-map li:after{content:"";border-top:1px solid var(--guide-blue);width:15px;position:absolute;top:50%;right:0}.listening-channel-map>div{padding:18px 0;position:relative}.listening-channel-map>div:before{content:"";border-top:1px solid var(--guide-blue);width:22px;position:absolute;top:50%;left:-32px}.listening-channel-map>div:after{content:"";background:var(--guide-blue);clip-path:polygon(0 0,100% 50%,0 100%,0 75%,65% 50%,0 25%);width:8px;height:8px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.listening-channel-map strong{font-size:18px}.lens-guide .listening-channel-map p{color:var(--guide-muted);margin:8px 0 0;font-size:15px;line-height:1.6}.lens-guide .listening-framework__note{border-top:1px solid var(--guide-line);color:var(--guide-muted);margin:24px 0 0;padding-top:16px;font-size:14px;line-height:1.6}.listening-framework blockquote{border-left:2px solid var(--guide-blue);background:#fafbfc;margin:24px 0;padding:20px;font-size:21px;line-height:1.5}.lens-guide .listening-example{border-left:1px solid var(--guide-blue);margin-left:6px}.lens-guide .listening-example li{grid-template-columns:96px 1fr;gap:16px;padding:14px 0 14px 24px;display:grid;position:relative}.listening-example li:before{content:"";background:var(--guide-blue);border-radius:50%;width:9px;height:9px;position:absolute;top:22px;left:-5px}.listening-example strong{font-size:17px}.lens-guide .listening-example p{color:var(--guide-muted);margin:0;font-size:15px;line-height:1.6}.listening-legacy-anchor{height:0;scroll-margin-top:116px;display:block}@media (max-width:1100px){.lens-guide .listening-framework{padding:24px}.lens-guide .listening-system{padding:0 0 0 16px;display:block}.lens-guide .listening-system li{padding:0 0 24px 28px}.listening-system li:before{top:5px;left:-6px}.listening-system strong{font-size:17px}.listening-connector{width:2px;height:auto;inset:17px auto -5px -1px}.listening-connector:before{border-top:0;border-left:1px solid;inset:0 auto 0 50%;transform:translate(-50%)}.listening-connector:after{transform:translate(-50%,-50%)rotate(90deg)}.lens-guide .listening-system p{margin-top:4px;font-size:14px}.lens-guide .listening-system__return{margin-left:16px;margin-right:6%}}@media (max-width:600px){.lens-guide .listening-framework{padding:24px 18px}.listening-framework figcaption{font-size:22px}.listening-comparison{grid-template-columns:1fr}.listening-comparison>div+div{border-left:0;border-top:1px solid var(--guide-line);padding:24px 0 0}.listening-channel-map{grid-template-columns:1fr;gap:0}.lens-guide .listening-channel-map ul{border-right:0;border-left:1px solid var(--guide-blue)}.listening-channel-map li{padding-left:22px}.listening-channel-map li:after{left:0;right:auto}.listening-channel-map>div{padding:30px 0 0 22px}.listening-channel-map>div:before{border-top:0;border-left:1px solid var(--guide-blue);width:0;height:24px;top:0;bottom:auto;left:0}.listening-channel-map>div:after{top:22px;left:-3.5px;transform:rotate(90deg)}.lens-guide .listening-example li{grid-template-columns:1fr;gap:4px}.listening-framework blockquote{font-size:19px}}
