.wcl-roadmap{--guide-blue:#0879c4}.wcl-roadmap .wcl-roadmap-intro{max-width:730px;margin:-8px 0 28px;font-size:17px}.wcl-roadmap a{text-decoration:none!important}.wcl-start-guide{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:30px 32px 0;background:linear-gradient(120deg,#edf7ff,#f7fbff);border:1px solid #cde2f3;border-radius:24px;color:var(--ink)!important;overflow:hidden}.wcl-start-copy{padding-bottom:30px}.wcl-start-copy h3{font-size:27px;max-width:380px;margin:16px 0 12px}.wcl-start-copy p{font-size:15px;margin:0 0 24px;max-width:430px}.wcl-start-preview{align-self:end;border:7px solid #fff;border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 10px 30px #163f6715;transform:translateY(12px)}.wcl-start-preview img{display:block;width:100%;height:235px;object-fit:cover;object-position:top left;border-radius:9px 9px 0 0}.wcl-guide-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:32px 0 20px;flex-wrap:wrap}.wcl-guide-filters{display:flex;flex-wrap:wrap;gap:8px}.wcl-guide-filters[hidden],.wcl-guide-tile[hidden]{display:none!important}.wcl-guide-filters button{font:inherit;font-size:13px;font-weight:750;line-height:1.4;min-height:44px;cursor:pointer;padding:10px 14px;border:1px solid #d7e3ed;background:#fff;color:#38526a;border-radius:10px;box-shadow:none}.wcl-guide-filters button span{font-size:11px;opacity:.8;margin-left:5px}.wcl-guide-filters button[aria-pressed=true]{background:#143a59;border-color:#143a59;color:white}.wcl-guide-filters button:focus-visible{outline:3px solid #ffb324;outline-offset:3px}.wcl-guide-count{font-size:13px;margin:0!important}.wcl-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.wcl-guide-tile{min-width:0;border:1px solid #dae5ef;border-radius:20px;background:#fff;overflow:hidden;transition:box-shadow .2s,border-color .2s,transform .2s}.wcl-guide-tile>a{display:flex;flex-direction:column;height:100%;color:var(--ink)!important}.wcl-guide-art{background:#eff6fc;aspect-ratio:2;overflow:hidden}.wcl-guide-art img{display:block;width:100%;height:100%;object-fit:cover}.wcl-guide-copy{display:flex;flex-direction:column;flex:1;padding:22px}.wcl-guide-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#687d90;font-size:12px}.wcl-roadmap .wcl-pro-badge{background:#fff2d6;color:#755216}.wcl-guide-copy h3{font-size:20px;margin:17px 0 10px;letter-spacing:-.025em}.wcl-guide-copy p{font-size:14px;line-height:1.65;margin:0 0 22px}.wcl-guide-cta{display:flex;justify-content:space-between;align-items:center;gap:14px;font-weight:750;font-size:14px;color:var(--guide-blue);margin-top:auto}.wcl-guide-copy .wcl-guide-cta{padding-top:16px;border-top:1px solid #e8eef5}.wcl-guide-cta>span{font-size:20px}.wcl-start-copy .wcl-guide-cta{justify-content:flex-start}.wcl-guide-footnote{text-align:center;font-size:13px;margin:24px 0 0!important}.wcl-guide-tile:focus-within{outline:3px solid #ffb324;outline-offset:4px}.wcl-guide-tile a:focus-visible{outline:none}.wcl-start-guide:hover,.wcl-guide-tile:hover{border-color:#83bce5;box-shadow:0 12px 32px #183c6210}.wcl-guide-tile:hover{transform:translateY(-3px)}@media(max-width:1050px){.wcl-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.wcl-guide-grid{grid-template-columns:1fr;gap:18px}.wcl-start-guide{grid-template-columns:1fr;padding:24px 22px 0;gap:0}.wcl-start-copy{padding-bottom:20px}.wcl-start-copy h3{font-size:25px}.wcl-start-preview img{height:165px}.wcl-guide-toolbar{margin-top:25px;gap:12px}.wcl-guide-filters{gap:6px}.wcl-guide-filters button{padding:10px;font-size:12px}.wcl-guide-copy{padding:22px}.wcl-roadmap .wcl-roadmap-intro{font-size:15px}.wcl-guide-footnote{text-align:left;line-height:1.8}}@media(prefers-reduced-motion:reduce){.wcl-guide-tile{transition:none}.wcl-guide-tile:hover{transform:none}}
