.service-breadcrumb ol { display:flex; flex-wrap:wrap; gap:8px 16px; list-style:none; padding:0; margin:0 0 36px; font-size:13px; }
.service-breadcrumb li+li::before { content:"/"; margin-inline-end:16px; color:var(--muted); }
.service-breadcrumb a { text-decoration:underline; text-underline-offset:4px; }
.service-breadcrumb [aria-current] { color:var(--muted); }
.service-page>h1 { max-width:850px; }
.service-status { padding:16px 20px; margin-top:28px; border:1px solid var(--line); border-inline-start:4px solid var(--purple); border-radius:8px; font-size:14px; line-height:1.8; max-width:850px; }
.service-directory { margin-top:64px; }
.service-directory>h2 { font-size:28px; }
.service-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-block:28px; }
.service-card { padding:28px; border:1px solid var(--line); border-radius:20px; background:var(--lavender); }
.service-card h2 { font-size:23px; line-height:1.4; margin:20px 0 16px; }
.service-card h2 a { text-decoration:underline; text-underline-offset:5px; }
.service-card p { font-size:14px; line-height:1.8; }
.service-label { color:var(--purple); font-weight:700; }
.service-caption, .service-editor { font-size:13px; line-height:1.8; color:var(--muted); }
.service-directory>p { margin-top:20px; }
.service-list { padding-inline-start:24px; margin-top:24px; }
.service-list li { padding-inline-start:8px; margin-bottom:16px; font-size:15px; line-height:1.9; }
.service-note, .service-example { padding:24px; border-radius:16px; margin-top:28px; background:var(--lavender); }
.service-note { background:#fff9e8; }
.service-note h3, .service-example h3 { font-size:17px; line-height:1.6; }
.service-faq { border-bottom:1px solid var(--line); padding-block:18px; }
.service-faq summary { cursor:pointer; font-size:15px; font-weight:700; line-height:1.8; }
.service-hub-info { max-width:850px; margin-top:56px; }
.service-editor { border-top:1px solid var(--line); margin-top:56px; padding-top:24px; }
.service-page a:focus-visible, .service-page summary:focus-visible { outline:3px solid var(--purple); outline-offset:5px; }
@media(max-width:900px) { .service-cards { grid-template-columns:1fr; } }
@media(max-width:760px) { .service-breadcrumb ol { margin-bottom:28px; } .service-directory { margin-top:40px; } .service-card { padding:24px; } .service-note, .service-example { padding:20px; } .service-list { padding-inline-start:20px; } }

html[dir=rtl] .service-page .information-sections p { font-size:16px; line-height:2; }
html[dir=rtl] .service-page .information-nav a { font-size:15px; }