#body_wrap.post-type-archive-oiu_tool{--color_bg:#f5f8fc;--color_content_bg:#f5f8fc;background:#f5f8fc}#body_wrap.post-type-archive-oiu_tool .l-content{max-width:none;padding-top:0;width:100%}#body_wrap.post-type-archive-oiu_tool .l-mainContent,#body_wrap.post-type-archive-oiu_tool .l-mainContent__inner{max-width:none;width:100%}.oiu-tool-archive{color:#172033;padding:clamp(48px,8vw,88px) 20px 96px}.oiu-tool-archive__header{align-items:center;background:radial-gradient(circle at 86% 28%,rgba(37,99,235,.13),transparent 32%),linear-gradient(135deg,#fff 0,#f2f6fd 100%);border:1px solid rgba(37,99,235,.12);border-radius:22px;box-shadow:0 18px 48px rgba(37,50,80,.07);display:flex;margin:0 auto 40px;min-height:164px;overflow:hidden;padding:clamp(28px,4vw,42px);position:relative;width:min(1120px,100%)}.oiu-tool-archive__heading{position:relative;z-index:1}.oiu-tool-archive__eyebrow{color:#2563eb;font-size:.75rem;font-weight:700;letter-spacing:.16em;margin:0 0 8px}.oiu-tool-archive__title{color:#172033;font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:.035em;line-height:1.2;margin:0}.oiu-tool-archive__description{color:#64748b;line-height:1.8;margin:10px 0 0}.oiu-tool-archive__tools{color:#2563eb;height:auto;opacity:.12;pointer-events:none;position:absolute;right:clamp(4px,5vw,64px);top:50%;transform:translateY(-50%) rotate(3deg);width:clamp(150px,20vw,210px)}.oiu-tool-archive__tool{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:7}.oiu-tool-archive__tool--driver{stroke-width:6}.oiu-tool-grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin:0 auto;width:min(1120px,100%)}.oiu-tool-card{background:#fff;border:1px solid #dbe3ef;border-radius:18px;box-shadow:0 12px 32px rgba(37,50,80,.08);min-width:0;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.oiu-tool-card:focus-within,.oiu-tool-card:hover{border-color:rgba(37,99,235,.48);box-shadow:0 18px 42px rgba(37,50,80,.15);transform:translateY(-4px)}.oiu-tool-card__link{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.oiu-tool-card__link:focus-visible{outline:3px solid rgba(37,99,235,.65);outline-offset:-3px}.oiu-tool-card__link.is-unavailable{opacity:.7}.oiu-tool-card__media{aspect-ratio:16/9;background:#e8eef8;border-bottom:1px solid #dbe3ef;overflow:hidden}.oiu-tool-card__image{display:block;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition:transform .25s ease}.oiu-tool-card:focus-within .oiu-tool-card__image,.oiu-tool-card:hover .oiu-tool-card__image{transform:scale(1.035)}.oiu-tool-card__placeholder{background:radial-gradient(circle at 25% 25%,rgba(37,99,235,.15),transparent 32%),linear-gradient(135deg,#edf3ff,#e4ebf7);color:#2563eb;display:grid;height:100%;place-items:center}.oiu-tool-card__placeholder-mark{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:2.2rem;font-weight:800}.oiu-tool-card__body{display:flex;flex:1;flex-direction:column;padding:22px}.oiu-tool-card__categories{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 12px;padding:0}.oiu-tool-card__categories li{background:rgba(37,99,235,.09);border-radius:999px;color:#1d4ed8;font-size:.72rem;font-weight:700;padding:4px 9px}.oiu-tool-card__title{color:#172033;font-size:1.3rem;line-height:1.45;margin:0}.oiu-tool-card__description{color:#64748b;font-size:.9rem;line-height:1.75;margin:10px 0 0}.oiu-tool-card__footer{align-items:center;display:flex;justify-content:flex-end;margin-top:auto;padding-top:20px}.oiu-tool-card__footer--status{justify-content:flex-start}.oiu-tool-card__action{background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.18);border-radius:50%;color:#2563eb;display:grid;height:38px;place-items:center;transition:color .2s ease,background-color .2s ease,transform .2s ease;width:38px}.oiu-tool-card__action svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.oiu-tool-card:focus-within .oiu-tool-card__action,.oiu-tool-card:hover .oiu-tool-card__action{background:#2563eb;color:#fff;transform:translate(2px,-2px)}.oiu-tool-card__status{color:#64748b;font-size:.8rem;font-weight:700}.oiu-tool-archive__empty{background:#fff;border:1px dashed #dbe3ef;border-radius:16px;color:#64748b;margin:0 auto;padding:32px;text-align:center;width:min(1120px,100%)}.post-type-archive-oiu_tool .navigation.pagination{margin-top:48px}@media (prefers-reduced-motion:reduce){.oiu-tool-card,.oiu-tool-card__action,.oiu-tool-card__image{transition:none}.oiu-tool-card:focus-within,.oiu-tool-card:hover{transform:none}.oiu-tool-card:focus-within .oiu-tool-card__action,.oiu-tool-card:hover .oiu-tool-card__action{transform:none}}@media (max-width:599px){.oiu-tool-archive{padding-left:16px;padding-right:16px}.oiu-tool-archive__header{border-radius:18px;min-height:142px;padding:24px 20px}.oiu-tool-archive__heading{max-width:78%}.oiu-tool-archive__title{font-size:clamp(1.65rem,8vw,2rem)}.oiu-tool-archive__tools{opacity:.08;right:-38px;width:165px}.oiu-tool-card__body{padding:18px}}