.hub-recording>h2{max-width:900px}.recording-intro{max-width:870px;margin-bottom:34px!important}.hub-recording a{color:#3e5e4b}.hub-recorder{display:grid;grid-template-columns:225px minmax(0,1fr);gap:54px;padding:32px 0;border-top:1px solid #e0e5ec}.hub-recorder:last-child{padding-bottom:0}.recording-platform{font-size:10px;font-weight:750;letter-spacing:.14em;color:#788c7d}.hub-recorder header h3{font-size:23px;font-weight:700;line-height:1.25;letter-spacing:-.03em;margin:12px 0 17px;max-width:220px}.hub-recorder .recording-outcome{font-size:12px;line-height:1.9;color:#829086;margin:0}.recording-outcome strong{font-size:14px;color:#4c6c57;font-weight:650}.recording-copy>p{font-size:15px;line-height:1.9;color:#667085;margin:0 0 18px}.recording-copy>p:last-child{margin-bottom:0}.recording-copy strong{font-weight:650;color:#354c3d}.recording-copy h4{font-size:17px;font-weight:650;line-height:1.5;letter-spacing:-.02em;margin:27px 0 10px;color:#293e31}.recording-copy h4:first-child{margin-top:0}.recording-copy kbd{font-family:inherit;font-size:.87em;font-weight:600;line-height:1.8;color:#425d4b;background:#edf2ee;border:1px solid #dce5de;border-radius:4px;padding:2px 5px;box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:normal}.recording-copy .recording-source{font-size:12px;line-height:1.8;color:#819086;margin:19px 0 23px}.recording-copy .recording-source:last-child{margin-bottom:0}.recording-source a{font-size:12px;text-underline-offset:3px}.recording-source a span{display:inline-block;margin-left:2px;color:#8b9c90}.recording-codecs{width:100%;table-layout:fixed;border-collapse:collapse;background:#fff;font-size:13px;line-height:1.7;margin:23px 0}.recording-codecs caption{text-align:left;font-size:11px;color:#75877a;line-height:1.7;padding-bottom:10px}.recording-codecs th,.recording-codecs td{padding:12px 14px;text-align:left;vertical-align:top;border:1px solid #dfe7e0;overflow-wrap:anywhere}.recording-codecs thead th{color:#405d49;font-weight:650;font-size:12px;background:#edf3ee}.recording-codecs th:first-child{width:37%}.recording-codecs th:nth-child(2){width:18%}.recording-codecs tbody th{font-weight:600;color:#4f6857}.recording-codecs td{color:#667085}.recording-codecs tbody tr:first-child>*{background:#f6faf6}.recording-retry{padding-top:30px}
@media(max-width:900px){.hub-recorder{grid-template-columns:185px minmax(0,1fr);gap:30px}.hub-recorder header h3{font-size:21px}}
@media(max-width:650px){.recording-intro{margin-bottom:25px!important}.hub-recorder{grid-template-columns:1fr;gap:18px;padding:27px 0}.hub-recorder header{display:grid;grid-template-columns:minmax(0,1fr) 125px;column-gap:12px}.recording-platform{grid-column:1;grid-row:1}.hub-recorder header h3{grid-column:1;grid-row:2;font-size:21px;margin:9px 0 0;max-width:none}.hub-recorder .recording-outcome{grid-column:2;grid-row:1 / span 2;text-align:right;font-size:11px;align-self:center}.recording-outcome strong{font-size:12px}.recording-copy>p{font-size:15px;line-height:1.9}.recording-copy .recording-source,.recording-source a{font-size:12px}.recording-codecs{font-size:12px;margin:20px 0}.recording-codecs th,.recording-codecs td{padding:10px}.recording-codecs thead th{font-size:11px}.recording-codecs th:first-child{width:39%}.recording-codecs th:nth-child(2){width:19%}.recording-codecs caption{font-size:10px}.recording-retry header{display:block}}
@media(max-width:360px){.hub-recorder header{grid-template-columns:minmax(0,1fr) 100px;column-gap:10px}.recording-outcome strong{font-size:11px}.hub-recorder header h3{font-size:19px}.recording-codecs th,.recording-codecs td{padding:8px}.recording-codecs thead th{font-size:10px}}