/* Shared service-page components on top of /assets/home/home.css (seo-oslo, ai-drevet-seo) */
.crumb{margin:0 0 1.4rem;font-size:.92rem;color:var(--muted)}
.crumb a{color:var(--muted);text-decoration:none}
.crumb a:hover{color:var(--ink)}
.layers{list-style:none;margin:2rem 0 0;padding:0;border-top:1px solid var(--line)}
.layers li{display:grid;grid-template-columns:2.2rem 1fr;gap:0 12px;padding:18px 0;border-bottom:1px solid var(--line)}
.layers .n{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:500;padding-top:2px}
.home .layers p{font-size:.98rem;line-height:1.55}
.ticks{list-style:none;margin:1.6rem 0 0;padding:0}
.ticks li{position:relative;padding:0 0 .9rem 1.6rem;color:var(--muted);font-size:1.02rem;line-height:1.55;max-width:32rem}
.ticks li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;background:var(--accent);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.ticks strong{color:var(--ink);font-weight:500}
.chart{list-style:none;margin:1.8rem 0 0;padding:0;display:grid;gap:8px}
.chart li{display:grid;grid-template-columns:minmax(0,1fr) 2.2rem;gap:12px;align-items:center;font-size:.95rem}
.chart .bar{position:relative;isolation:isolate;height:30px;display:flex;align-items:center;padding-left:12px;color:var(--ink);white-space:nowrap;overflow:hidden}
.chart .bar::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:rgba(255,250,240,.1);z-index:-1}
.chart .fix .bar::before{background:rgba(244,122,42,.35)}
.chart b{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}
.legend{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:12px;font-size:.88rem;color:var(--muted)}
.legend span::before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;vertical-align:-1px;background:rgba(255,250,240,.25)}
.legend .f::before{background:var(--accent)}
.home .status-box{margin-top:1.6rem;padding:16px 18px;border:1px solid var(--line);border-radius:14px;font-size:.98rem;line-height:1.55}
.status-box strong{color:var(--ink);font-weight:500}
.home code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;color:var(--ink)}
.faq{margin-top:1.6rem;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;cursor:pointer;font-weight:500;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-size:1.4rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.home .faq details p{padding:0 0 18px;font-size:1rem}
.related{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:3rem;font-size:.95rem}
.related a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);text-decoration:none}
.related a:hover{color:var(--ink)}
@media (max-width:820px){.home .copy{background:rgba(16,16,15,.74)}}