/* Outlier 紹介枠。Amazon の枠（.ad）の上に出す。色は Jigen の紺と金 */
.outlier[hidden]{display:none}
.outlier{border:1px solid rgba(255,255,255,.7);border-top:3px solid #f5b800;border-radius:14px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:14px 16px 12px;text-align:left;letter-spacing:0}
.ol-head{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:11px;color:var(--ink-2)}
.ol-pr{font-size:10px;line-height:1;letter-spacing:.14em;padding:3px 5px 3px 7px;border:1px solid #c3cadb;border-radius:2px;color:var(--ink-2)}
.ol-wage{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px 6px;margin:2px 0 8px;color:var(--ink);text-align:center}
.ol-wage small{font-size:12px;font-weight:700}
.ol-wage .ol-unit{font-size:20px;font-weight:800}
.ol-wage > span:not(.meter){font-size:13px;font-weight:700}
/* 回るメーター（js/meter.js）。tool.css と同じ見た目を、この枠だけに当てる */
.ol-meter{display:inline-flex;align-items:center;font-size:clamp(24px,8vw,34px);font-weight:800;font-variant-numeric:tabular-nums;color:#0f1b3d;line-height:1.25}
.ol-meter .d{position:relative;display:inline-block;height:1.25em;overflow:hidden;width:.68em;margin:0 1px;background:#fff;border-radius:5px;text-align:center;box-shadow:0 1px 2px rgba(15,27,61,.18)}
.ol-meter .d::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(15,27,61,.16),transparent 28%,transparent 72%,rgba(15,27,61,.16))}
.ol-meter .strip{display:block;will-change:transform;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.ol-meter .strip.moving i{filter:blur(.7px)}
.ol-meter .strip i{display:block;font-style:normal;height:1.25em}
.ol-meter .c{display:inline-block;width:.3em;text-align:center;color:#e9b200}
@media (max-width:400px){.ol-wage{gap:2px 4px}.ol-wage small{font-size:11px}.ol-wage .ol-unit{font-size:16px}.ol-wage > span:not(.meter){font-size:12px}}
.ol-lead{margin:0 0 10px;text-align:center;font-size:12.5px;line-height:1.6;color:var(--ink)}
.ol-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 6px;padding:0;list-style:none}
.ol-stats li{background:var(--field);border-radius:10px;padding:8px 6px;text-align:center;display:flex;flex-direction:column;gap:2px}
.ol-stats b{font-size:18px;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}
.ol-stats span{font-size:10.5px;color:var(--ink-2)}
.ol-skill{margin:0 0 12px;text-align:center;font-size:12px;color:var(--ink-2)}
.ol-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 14px;border-radius:10px;background:#0f1b3d;color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s ease,background-color .2s ease}
.ol-cta:active{transform:scale(.97)}
@media (hover:hover){.ol-cta:hover{background:#1b3a82}}
.ol-foot{display:flex;justify-content:space-between;gap:10px;margin:8px 0 0;font-size:10.5px;color:var(--ink-2)}
.ol-note{margin:6px 0 0;font-size:10px;line-height:1.5;color:var(--ink-2)}
html.dark .outlier{background:rgba(20,28,56,.75);border-color:rgba(120,140,200,.22);border-top-color:#f5b800}
html.dark .ol-pr{border-color:#4a5578}
html.dark .ol-cta{background:#f5b800;color:#0f1b3d}
html.dark .ol-meter{color:#0f1b3d}
html.dark .ol-stats li{background:rgba(26,35,64,.85)}
@media (prefers-reduced-motion:reduce){.ol-cta,.ol-meter .strip{transition:none}}