/* Powered by the Volumio experience (site_powered.py): the copy, the three parts as a ruled list, one button.
   Wide screens: copy and button on the left, the list on the right. Phones: copy, list, then the button. */
.pwr__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy list" "cta list";column-gap:clamp(32px,6vw,96px);row-gap:28px}
.pwr__copy{grid-area:copy;display:grid;justify-items:start;gap:16px;align-self:end}
.pwr__list{grid-area:list;align-self:center;display:grid;margin:0;padding:0;list-style:none;border-top:1px solid var(--hairline)}
.pwr__list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding-block:20px;border-bottom:1px solid var(--hairline)}
.pwr__list svg.i{width:28px;height:28px;margin-top:2px;color:var(--green)}
.pwr__list h3{margin:0;font-size:1.25rem;line-height:1.75rem;font-weight:600;letter-spacing:-.005em}
.pwr__list p{margin:4px 0 0;font-size:1.0625rem;line-height:1.625rem;color:var(--ink-2)}
.pwr__cta{grid-area:cta;margin:0;align-self:start}
.light .pwr__list,.light .pwr__list li{border-color:var(--paper-line)}
.light .pwr__list svg.i{color:#276b4e}
.light .pwr__list p{color:var(--paper-ink-2)}
@media (max-width:860px){.pwr__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "list" "cta";row-gap:24px}}