/* /services/web-design-oslo/: extras on top of home.css + service.css */
.chips{list-style:none;margin:1.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:.92rem}
.journey{list-style:none;margin:1.8rem 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.journey li{display:flex;align-items:center;gap:8px;font-size:.95rem}
.journey li span{padding:8px 14px;border:1px solid var(--line);border-radius:999px}
.journey li:last-child span{border-color:var(--accent);color:var(--ink)}
.journey li:not(:last-child)::after{content:"";width:14px;height:1px;background:var(--accent)}
.rule{margin-top:1.8rem;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:33rem}
.rule div{padding:16px;border:1px solid var(--line);border-radius:14px}
.rule b{display:block;font-family:var(--display);font-size:1.8rem;font-weight:700;letter-spacing:-.03em;color:var(--accent);line-height:1}
.rule span{display:block;margin-top:8px;color:var(--muted);font-size:.92rem}
.cases{list-style:none;margin:2rem 0 0;padding:0;border-top:1px solid var(--line)}
.cases a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;min-height:60px;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none}
.cases b{font-size:1.15rem;font-weight:700}
.cases small{color:var(--muted);font-size:.9rem;text-align:right}
.cases a:hover b{color:var(--accent)}
.steps{list-style:none;margin:1.8rem 0 0;padding:0;border-top:1px solid var(--line)}
.steps li{display:grid;grid-template-columns:2.4rem 1fr;gap:0 12px;padding:16px 0;border-bottom:1px solid var(--line)}
.steps .n{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:500;padding-top:2px}
.home .steps p{font-size:.98rem;line-height:1.55}
