/* Public tool downloads next to the existing WorkBuddy invitation. */
.oi-download-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:stretch}
.oi-download-grid>*{min-width:0}
.oi-home-downloads{margin-top:20px}
.oi-home-downloads>.wb-home-invite{margin-top:0;grid-template-columns:minmax(0,1fr) 120px;gap:22px}
.oi-plugin-card{border:1px solid #d9cfc0;border-radius:15px;background:#fcfaf5;color:#252823;overflow:hidden;display:flex;flex-direction:column}
.oi-plugin-copy{padding:28px 28px 18px}
.oi-plugin-eyebrow{margin:0!important;color:#a24620!important;font-size:10px!important;font-weight:800;letter-spacing:.08em}
.oi-plugin-card h2,.oi-plugin-card h3{font-family:inherit;font-size:24px;font-weight:800;line-height:1.45;letter-spacing:-.02em;margin:10px 0}
.oi-plugin-copy>p:not(.oi-plugin-eyebrow){font-size:13px;line-height:1.9;color:#656a61;margin:0}
.oi-plugin-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:21px}
.oi-plugin-download{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border-radius:7px;background:#b9542a;color:#fff;font-size:12px;font-weight:750;line-height:1.7;text-decoration:none}
.oi-plugin-download:hover{background:#8d3c1d}
.oi-plugin-text-link{font-size:12px;line-height:1.9;color:#8c3d20;text-underline-offset:3px}
.oi-plugin-copy .oi-plugin-note{margin-top:12px!important;font-size:11px!important}
.oi-plugin-preview{margin:auto 22px 20px;min-width:0}
.oi-plugin-preview>a{display:block;border:1px solid #e3e0da;border-radius:6px;overflow:hidden;background:white}
.oi-plugin-preview img{display:block;width:100%;height:auto}
.oi-plugin-preview figcaption{font-size:11px;color:#656a61;line-height:1.8;text-align:center;margin-top:7px}
.oi-home-downloads .oi-plugin-card{display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:center}
.oi-home-downloads .oi-plugin-copy{padding:28px 0 28px 28px}
.oi-home-downloads .oi-plugin-preview{margin:22px 22px 22px 0}
.oi-course-downloads{padding:56px 0;border-bottom:1px solid #ded9ce;scroll-margin-top:95px}
.oi-course-downloads>.wb-invite{grid-template-columns:minmax(0,1fr) 150px;align-items:start;align-content:center;gap:24px;padding:28px;border:1px solid #d9cfc0;border-radius:15px;background:#fcfaf5}
.oi-course-downloads .wb-invite h2{font-size:24px;margin:10px 0 16px}
.oi-course-downloads .wb-invite-copy>p:not(.eyebrow){font-size:14px}
.oi-course-downloads .wb-invite .button{font-size:12px;padding:10px 14px;min-height:44px}
.oi-course-downloads .wb-invite .eyebrow{font-size:10px;letter-spacing:.08em}
.oi-course-downloads .wb-invite-poster{align-self:center}
.oi-plugin-install{grid-column:1/-1;scroll-margin-top:105px;border:1px solid #d9cfc0;border-radius:10px;background:#fcfaf5;padding:18px 24px;font-size:14px;line-height:1.9}
.oi-plugin-install summary{cursor:pointer;font-weight:750;min-height:28px;color:#8c3d20}
.oi-plugin-install ol{padding-left:22px;margin:14px 0}
.oi-plugin-install li+li{margin-top:8px}
.oi-plugin-install code{font-size:12px;background:#f0e9de;border-radius:4px;padding:2px 5px;overflow-wrap:anywhere}
.oi-plugin-install p{font-size:12px;color:#656a61;margin:12px 0 0}
.oi-plugin-card a:focus-visible,.oi-plugin-install summary:focus-visible{outline:3px solid #b9542a;outline-offset:4px}
@media(max-width:1100px){
.oi-home-downloads .oi-plugin-card{grid-template-columns:1fr}
.oi-home-downloads .oi-plugin-copy{padding:24px 24px 18px}
.oi-home-downloads .oi-plugin-preview{margin:auto 24px 20px}
.oi-course-downloads>.wb-invite{grid-template-columns:1fr}
.oi-course-downloads .wb-invite-poster{max-width:170px}
.oi-home-downloads>.wb-home-invite{grid-template-columns:1fr}
.oi-home-downloads .wb-home-poster{justify-self:center}
}
@media(max-width:760px){
.oi-download-grid{grid-template-columns:1fr;gap:18px}
.oi-course-downloads{padding:38px 0}
.oi-course-downloads>.wb-invite{grid-template-columns:minmax(0,1fr) 160px}
.oi-home-downloads>.wb-home-invite{grid-template-columns:minmax(0,1fr) 120px}
.oi-home-downloads .oi-plugin-card{grid-template-columns:minmax(0,1fr) 180px}
.oi-home-downloads .oi-plugin-copy{padding:24px 0 24px 24px}
.oi-home-downloads .oi-plugin-preview{margin:20px 20px 20px 0}
}
@media(max-width:500px){
.oi-home-downloads>.wb-home-invite,.oi-home-downloads .oi-plugin-card,.oi-course-downloads>.wb-invite{grid-template-columns:1fr}
.oi-home-downloads>.wb-home-invite,.oi-course-downloads>.wb-invite{padding:23px}
.oi-home-downloads .wb-home-poster{max-width:180px}
.oi-home-downloads .oi-plugin-copy,.oi-plugin-copy{padding:23px 23px 18px}
.oi-home-downloads .oi-plugin-preview,.oi-plugin-preview{margin:0 18px 20px}
.oi-plugin-card h2,.oi-plugin-card h3{font-size:21px}
.oi-plugin-actions{align-items:flex-start;flex-direction:column;gap:12px}
.oi-plugin-download{width:100%}
.oi-course-downloads .wb-invite-poster{max-width:220px}
.oi-plugin-install{padding:16px 18px;font-size:13px}
}