/* MeduCert public site, inner pages. Same tokens and language as site.css (loaded before this file).
   Everything here is scoped to .s-page so the app styles stay untouched. */

/* ---------- forms: flat, square, one hairline ---------- */
.s-page label{display:block;font-size:15px;font-weight:600;color:var(--s-ink);margin:20px 0 6px}
.s-page .s-fields label,.s-page .s-auth-body form>label:first-of-type{margin-top:0}
.s-page input[type=text],.s-page input[type=email],.s-page input[type=password],.s-page input[type=number],
.s-page input[type=search],.s-page input[type=tel],.s-page input[type=url],.s-page select,.s-page textarea{
  width:100%;min-height:44px;padding:9px 12px;border:1px solid #6f8593;border-radius:3px;font:inherit;font-size:16px;
  background:#fff;color:var(--s-ink);box-shadow:none}
.s-page textarea{min-height:180px;line-height:1.55}
.s-page input:hover,.s-page select:hover,.s-page textarea:hover{border-color:var(--s-navy)}
.s-page input:focus,.s-page select:focus,.s-page textarea:focus{outline:3px solid var(--focus,#0e7c8a);outline-offset:2px;border-color:var(--s-teal)}
.s-page .choice{display:flex;gap:14px;align-items:flex-start;border:0;border-radius:0;background:none;box-shadow:none;padding:0;margin-top:28px;font-size:16px;font-weight:400;color:var(--s-navy);line-height:1.5}
.s-page .choice:has(input:checked){background:none;box-shadow:none}
.s-page .choice input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--s-teal)}
.s-page ul.errorlist{list-style:none;margin:8px 0 0;padding:0 0 0 12px;border-left:2px solid var(--bad,#b3261e);color:var(--bad,#b3261e);font-size:15px;font-weight:500}
.s-page .field-help{font-size:15px;color:var(--s-muted);margin-top:8px}
.s-page .s-submit{margin-top:36px}
.s-page .alert{display:block;background:none;border:0;border-left:2px solid var(--s-teal);border-radius:0;padding:4px 0 4px 18px;margin:0 0 24px;color:var(--s-ink);font-size:17px;line-height:1.55}
.s-page .alert.ok{border-left-color:var(--s-teal)}
.s-page .alert.warn{border-left-color:var(--warn,#9a5b00)}
.s-page .alert.error{border-left-color:var(--bad,#b3261e)}
.s-page .alert .icon{display:none}
.s-page .messages{margin-bottom:8px}
.s-page .s-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
@media(max-width:600px){.s-page .s-fields{grid-template-columns:1fr}.s-page .s-fields>div+div label{margin-top:26px}}
.s-page .s-linkbtn{background:none;border:0;padding:6px 0;font:600 17px/1.4 var(--font);color:var(--s-teal);cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.s-page .s-linkbtn:hover{color:var(--s-teal-dark);text-decoration-thickness:2px}

/* ---------- shared inner-page helpers ---------- */
.s-page .s-figure{margin:0}
.s-page .s-figure .s-cap{margin-top:20px}
.s-page .s-gap{margin-top:clamp(40px,5vw,72px)}
.s-page .s-index h2.t,.s-page .s-index h3.t{margin:0}
.s-page .s-index p.d{margin:0}
.s-page .s-list a{font-weight:600}
.s-page .s-aside p{margin:0}
.s-page .s-aside a{font-weight:600}
.s-page .s-aside .s-meta{font-size:16px}
.s-page .s-next{margin:10px 0 0;padding-left:1.2em;color:var(--s-navy);font-size:17px;display:grid;gap:6px}
.s-page .s-submit{align-self:start}
.s-page .s-three p{margin:0}
.s-page .s-three>div{min-width:0}
@media(min-width:801px){.s-page .s-three>div+div{border-left:1px solid var(--s-rule);padding-left:clamp(20px,3vw,48px)}}

/* ---------- features overview ---------- */
.s-page .s-index a:hover .t{color:var(--s-teal)}
.s-page .s-index a{transition:color .15s}
.s-page .s-index .go{transition:transform .15s}

/* ---------- feature detail ---------- */
.s-page .s-feature-media figure{margin:0}
.s-page .s-feature-media .s-shot{background:var(--s-surface)}
.s-page .s-feature-media .s-cap{margin-top:14px}
.s-page .s-with-phone .s-phonecol{margin:0;align-self:stretch}
.s-page .s-with-phone .s-phone{position:sticky;top:32px;--w:min(100%,320px)}
.s-page .s-with-phone .s-cap{max-width:320px}
.s-page .s-spec h2{margin:0}
.s-page .s-spec p{margin:0}
.s-page .s-spec>div:first-child{padding-top:clamp(28px,4vw,48px)}
.s-page .s-split h2{margin:0}
@media(max-width:900px){
  .s-page .s-with-phone .s-phonecol{order:-1;display:flex;flex-direction:column;align-items:center;margin-bottom:8px}
  .s-page .s-with-phone .s-phone{position:static;--w:min(64%,280px)}
  .s-page .s-with-phone .s-cap{max-width:none;text-align:center}
  .s-page .s-feature-media .s-wrap{padding:0}
  .s-page .s-feature-media .s-cap{padding-inline:var(--s-gutter);width:auto;margin-inline:0}
}
.s-page .s-pager b{display:block}
.s-page .s-pager{padding-top:32px}

/* ---------- process (ablauf) ---------- */
.s-page .s-flow{list-style:none;margin:0;padding:0;border-top:1px solid var(--s-ink)}
.s-page .s-flow>li{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,5fr);gap:clamp(16px,3vw,48px);align-items:start;padding:clamp(24px,3vw,40px) 0;border-bottom:1px solid var(--s-rule)}
.s-page .s-flow .num{font-size:clamp(44px,5.4vw,72px);line-height:.85;font-weight:650;letter-spacing:-.06em;color:var(--s-ink);font-feature-settings:"tnum"}
.s-page .s-flow .head .s-meta{display:block;margin-bottom:10px}
.s-page .s-flow p{margin:0;padding-top:4px}
@media(max-width:900px){
  .s-page .s-flow>li{grid-template-columns:minmax(0,1fr) minmax(0,3fr);row-gap:14px}
  .s-page .s-flow .num{grid-row:1 / span 2;font-size:clamp(52px,14vw,84px)}
  .s-page .s-flow p{grid-column:2}
}
@media(max-width:520px){
  .s-page .s-flow>li{grid-template-columns:64px minmax(0,1fr);column-gap:16px}
  .s-page .s-flow .num{font-size:52px}
}

/* ---------- faq and help ---------- */
.s-page .s-topics{display:flex;flex-wrap:wrap;gap:6px 36px;padding-bottom:clamp(24px,3vw,36px);margin-bottom:clamp(8px,2vw,24px);border-bottom:1px solid var(--s-ink)}
.s-page .s-topics a{font-size:16px;font-weight:600;color:var(--s-ink);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.s-page .s-topics a:hover{color:var(--s-ink);border-bottom-color:var(--s-teal)}
.s-page .s-topic{padding-block:clamp(24px,3.4vw,44px);border-bottom:1px solid var(--s-rule)}
.s-page .s-topic:last-child{border-bottom:0}
.s-page .s-topic>h2{position:sticky;top:24px;scroll-margin-top:24px}
@media(max-width:900px){.s-page .s-topic>h2{position:static}.s-page .s-topic{padding-block:36px}}
.s-page .s-topic .s-faq,.s-page .s-topic .s-index{min-width:0}
.s-page .s-faq details p{margin:0;padding-bottom:26px}
.s-page .s-index--help a{grid-template-columns:minmax(0,1fr) 32px;grid-template-areas:"t g" "d g";row-gap:6px;column-gap:20px;padding:clamp(14px,1.8vw,20px) 0;align-items:start}
.s-page .s-index--help .t{grid-area:t;font-size:clamp(18px,1.6vw,21px);letter-spacing:-.02em}
.s-page .s-index--help .d{grid-area:d;font-size:15px;max-width:34em}
.s-page .s-index--help .go{grid-area:g;align-self:center}

/* ---------- help article ---------- */
@media(min-width:901px){.s-page .s-article{grid-template-columns:minmax(0,3fr) minmax(0,8fr)}}
.s-page .s-toc h2{font-size:15px;font-weight:600;color:var(--s-muted);margin:0 0 10px}
.s-page .s-toc-more p{margin-top:-16px}
.s-page .s-toc .s-more{font-size:16px}
.s-page .s-steps>li{grid-template-columns:clamp(64px,9vw,128px) minmax(0,1fr);column-gap:clamp(8px,2vw,24px)}
.s-page .s-steps>li:last-child{margin-bottom:clamp(32px,4vw,56px)}
.s-page .s-steps .num{font-size:clamp(40px,5vw,64px);line-height:.85;font-weight:650;letter-spacing:-.06em;color:var(--s-ink);font-feature-settings:"tnum"}
.s-page .s-steps .body{min-width:0}
.s-page .s-steps h2{margin:0 0 14px}
.s-page .s-steps .s-body{margin:0}
.s-page .s-steps figure{margin:clamp(24px,3vw,40px) 0 0}
.s-page .s-steps .s-phone{--w:min(100%,270px)}
.s-page .s-steps .s-paper{max-width:480px}
.s-page .s-steps .s-shot{max-width:100%}
@media(max-width:900px){
  .s-page .s-article{gap:0}
  .s-page .s-toc{display:contents}
  .s-page .s-toc-block{order:1;margin-bottom:40px}
  .s-page .s-article-main{order:2}
  .s-page .s-toc-more{order:3;margin-top:48px}
  .s-page .s-toc ul{margin-bottom:28px}
  .s-page .s-toc-more p{margin-top:-4px}
}
@media(max-width:700px){
  .s-page .s-steps>li{grid-template-columns:minmax(0,1fr);row-gap:10px}
  .s-page .s-steps .num{font-size:56px}
  .s-page .s-steps .s-shot{margin-inline:calc(-1*var(--s-gutter));border-inline:0;border-radius:0;max-width:none;width:auto}
  .s-page .s-steps .s-shot img{border-radius:0}
  .s-page .s-steps .s-paper{margin-inline:0}
  .s-page .s-steps .s-cap{margin-top:12px}
}
.s-page .s-note{margin-top:8px}

/* ---------- demo ---------- */
.s-page .s-demo-stage{padding:clamp(8px,2vw,24px) 0 clamp(64px,8vw,120px);overflow-x:clip}
.s-page .s-stagegrid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,5vw,88px);align-items:start}
.s-page .s-stagegrid .s-stage{margin-top:0}
.s-page .s-demo-text .s-list li{font-size:17px}
.s-page .s-demo-text .s-list b{color:var(--s-ink)}
.s-page .s-demo-text h2{margin:0}
@media(max-width:980px){.s-page .s-stagegrid{grid-template-columns:1fr}}
.s-page .s-three h3{margin:0 0 10px}

/* ---------- contact ---------- */
.s-page .s-form form{min-width:0}
.s-page .s-form .hp{position:absolute;left:-9999px}
.s-page .s-aside h2,.s-page .s-aside h3{margin:0 0 6px}
@media(max-width:900px){.s-page .s-aside{margin-top:12px}}
@media(max-width:600px){.s-page .s-submit{width:100%;justify-content:center}}

/* ---------- thanks, 404 ---------- */
.s-page .s-sorry{padding-block:clamp(48px,7vw,96px)}
.s-page .s-sorry .s-display{max-width:12em}

/* ---------- sign-in and account ---------- */
.s-page .s-authsec{padding-block:clamp(32px,5vw,72px)}
.s-page .s-auth{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,5fr);gap:clamp(32px,7vw,128px);align-items:start}
.s-page .s-auth-head h1{margin-bottom:24px}
.s-page .s-auth-head .s-body{margin:0}
.s-page .s-auth-body{border-top:1px solid var(--s-ink);padding-top:clamp(24px,3vw,40px);max-width:34em;min-width:0}
.s-page .s-auth-body form{margin:0}
.s-page .s-auth-body .s-sub{margin-top:28px}
.s-page .s-auth-body form.s-sub{border-top:1px solid var(--s-rule);padding-top:24px}
.s-page .s-auth-body p.s-sub{border-top:1px solid var(--s-rule);padding-top:20px}
.s-page .s-auth-body ul.s-sub{margin-top:36px}
.s-page .s-qr{display:grid;gap:18px;justify-items:start;margin-bottom:36px;padding-bottom:36px;border-bottom:1px solid var(--s-rule)}
.s-page .s-qr img{width:200px;height:auto;max-width:100%;border:1px solid var(--s-rule)}
.s-page .s-qr .s-next{margin:0}
.s-page .s-qr .s-meta{margin:0}
.s-page .s-qr code{font-size:16px;color:var(--s-ink);word-break:break-all}
@media(max-width:900px){.s-page .s-auth{grid-template-columns:1fr;gap:28px}.s-page .s-auth-body{max-width:none}}
@media(max-width:600px){.s-page .s-auth-body .s-submit,.s-page .s-auth-body form .s-btn{width:100%;justify-content:center}.s-page .s-auth-body .s-actions .s-btn{width:100%;justify-content:center}}

/* ---------- legal: quiet reading column ---------- */
.s-page .s-legal{max-width:none;margin:0;padding:0;display:block}
.s-page .s-legal{max-width:46em}
@media(min-width:1100px){.s-page .s-legal{margin-left:clamp(0px,calc((100% - 46em)/2),180px)}}
.s-page .legal{font-size:15.5px;line-height:1.65}
.s-page .legal h2{font-size:clamp(19px,1.7vw,22px);line-height:1.25;font-weight:650;letter-spacing:-.02em;margin:clamp(40px,5vw,64px) 0 14px;padding-top:clamp(24px,3vw,36px);border-top:1px solid var(--s-rule)}
.s-page .legal>h2:first-child,.s-page .legal>.alert+h2{border-top:1px solid var(--s-ink);margin-top:0}
.s-page .legal h3{font-size:19px;font-weight:650;margin:28px 0 8px;letter-spacing:-.01em}
.s-page .legal p,.s-page .legal li{color:var(--s-navy);margin-block:0 12px}
.s-page .legal li{margin-block:0 8px}
.s-page .legal ol,.s-page .legal ul{padding-left:1.4em;margin:0 0 16px}
.s-page .legal strong{color:var(--s-ink)}
.s-page .legal .box{background:none;border:0;border-left:2px solid var(--s-teal);border-radius:0;padding:2px 0 2px 22px;margin:28px 0}
.s-page .legal .box>*:last-child{margin-bottom:0}
.s-page .legal .box h2,.s-page .legal .box h3{border:0;padding-top:0;margin-top:14px;font-size:19px}
.s-page .legal address{font-style:normal;line-height:1.7;margin:10px 0 18px}
.s-page .legal dl.facts{display:grid;grid-template-columns:minmax(120px,200px) minmax(0,1fr);gap:0;margin:20px 0;border-top:1px solid var(--s-rule)}
.s-page .legal dl.facts dt,.s-page .legal dl.facts dd{padding:12px 0;border-bottom:1px solid var(--s-rule);margin:0}
.s-page .legal dl.facts dt{font-weight:600;color:var(--s-ink)}
.s-page .legal dl.facts dd{color:var(--s-navy);padding-left:24px}
@media(max-width:640px){.s-page .legal dl.facts{grid-template-columns:1fr}.s-page .legal dl.facts dt{border-bottom:0;padding-bottom:0}}
.s-page .legal .table-scroll{overflow-x:auto;margin:20px 0}
.s-page .legal table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.s-page .legal caption{text-align:left;padding:0 0 10px;font-size:15px;color:var(--s-muted)}
.s-page .legal th,.s-page .legal td{text-align:left;vertical-align:top;padding:12px 16px 12px 0;border-bottom:1px solid var(--s-rule);color:var(--s-navy);min-width:8em}
.s-page .legal th{font-weight:600;color:var(--s-ink);border-bottom-color:var(--s-ink);background:none}
.s-page .legal .legal-nav{margin-top:clamp(48px,6vw,88px);border-top:1px solid var(--s-ink);padding-top:24px}
.s-page .legal .legal-nav h2{border:0;padding:0;margin:0 0 12px;font-size:15px;font-weight:600;color:var(--s-muted);letter-spacing:0}
.s-page .legal .legal-nav ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--s-rule)}
.s-page .legal .legal-nav li{margin:0;padding:12px 0;border-bottom:1px solid var(--s-rule)}
.s-page .legal .legal-nav a{font-weight:600}

/* `.s-page p{margin:0}` out-ranks single-class margins from site.css; restore the intended spacing */
.s-page .s-kicker{margin-bottom:clamp(20px,3vw,36px)}
.s-page .s-crumbs{margin-bottom:28px}
.s-page .s-cap{margin-top:16px}
.s-page .s-pager .s-meta{margin-bottom:6px}
@media(min-width:981px){.s-page .s-stagegrid .s-stage .s-phone{left:-4%}}
.s-page .s-feature-media .s-cap{margin-inline:var(--s-bleed);padding:0}
@media(max-width:900px){.s-page .s-feature-media .s-cap{margin-inline:var(--s-gutter)}}
.s-page .s-top .s-h1{hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word}
.s-page .s-top-grid>*{min-width:0}
@media(max-width:480px){.s-page .s-top .s-h1{font-size:clamp(30px,9.4vw,40px)}.s-page .legal th,.s-page .legal td{min-width:0}}
@media(max-width:900px){.s-page .s-three{grid-template-columns:1fr;gap:0}.s-page .s-three>div{padding:22px 0;border-bottom:1px solid var(--s-rule);border-left:0}.s-page .s-three>div+div{padding-left:0}}

/* ---------- registration page (participants, often on a phone) ---------- */
.s-reg{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,112px);align-items:start;padding-block:clamp(28px,4vw,56px)}
.s-reg .s-h1{font-size:clamp(28px,3.2vw,42px)}
.s-reg-info dl{margin:32px 0 0;border-top:1px solid var(--s-ink)}
.s-reg-info dl>div{display:grid;grid-template-columns:minmax(110px,1fr) 2fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--s-rule);font-size:16px}
.s-reg-info dt{color:var(--s-muted);font-weight:500}
.s-reg-info dd{margin:0;color:var(--s-ink)}
.s-reg-form{border-top:1px solid var(--s-ink);padding-top:28px}
.s-reg-form h2{font-size:clamp(22px,2.2vw,28px);line-height:1.15;letter-spacing:-.03em;font-weight:650}
.s-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.s-reg-form .choices.two{gap:12px}
.s-reg-form .choices .choice{margin-top:0;padding:14px 16px;border:1px solid #6f8593;border-radius:3px}
.s-reg-form .choices .choice:has(input:checked){border-color:var(--s-teal);box-shadow:0 0 0 1px var(--s-teal) inset}
@media(max-width:900px){.s-reg{grid-template-columns:1fr;gap:36px}}
@media(max-width:520px){.s-fields{grid-template-columns:1fr}.s-reg-info dl>div{grid-template-columns:1fr;gap:2px}}

/* headlines break at word boundaries only */
.s-page h1,.s-page h2,.s-page h3,.s-page h4{hyphens:manual;-webkit-hyphens:manual}

/* ---------- help center (handbook) ---------- */
.s-page .h-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 32px;flex-wrap:wrap;margin-bottom:clamp(16px,2.4vw,28px)}
.s-page .h-bar .s-crumbs{margin:0;padding-top:12px}
.h-search{position:relative;width:min(100%,380px)}
.s-page .h-search label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.h-search-row{display:flex;gap:8px}
.s-page .h-search input[type=search]{flex:1;min-width:0}
.h-search .s-btn{flex:none}
.h-search-hint{display:none;margin-top:8px}
.h-startsearch{margin-top:clamp(24px,3.4vw,44px)}
.h-startsearch .h-search{width:min(100%,680px)}
.s-page .h-startsearch .h-search input[type=search]{min-height:54px;font-size:18px;padding-inline:16px}
.h-startsearch .s-btn{min-height:54px}
.h-startsearch .h-search-hint{display:block}
.h-sugg{list-style:none;margin:4px 0 0;padding:0;position:absolute;left:0;right:0;top:100%;z-index:25;background:#fff;border:1px solid var(--s-ink);max-height:min(60vh,420px);overflow:auto}
.h-sugg[hidden]{display:none}
.h-sugg li{border-bottom:1px solid var(--s-rule)}
.h-sugg li:last-child{border-bottom:0}
.h-sugg a{display:block;padding:10px 14px;text-decoration:none;color:var(--s-ink)}
.h-sugg .t{display:block;font-weight:600;font-size:16px;line-height:1.3}
.h-sugg .m{display:block;font-size:13.5px;color:var(--s-muted);line-height:1.4;margin-top:2px}
.h-sugg li[aria-selected=true],.h-sugg a:hover{background:var(--s-surface)}
.h-sugg li[aria-selected=true] .t{color:var(--s-teal-dark)}
.h-sugg mark,.h-results mark{background:#d5eef1;color:inherit;padding:0 1px}
@media(max-width:700px){.h-bar .h-search{width:100%}.h-bar .s-crumbs{padding-top:0}}

.s-page .h-quick{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,56px);border-top:1px solid var(--s-ink)}
.h-quick li{border-bottom:1px solid var(--s-rule)}
.h-quick a{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:8px;padding:16px 0;text-decoration:none;color:var(--s-ink)}
.h-quick a:hover h3{color:var(--s-teal)}
.h-quick .n{grid-row:1 / span 2;font-size:18px;font-weight:650;color:var(--s-teal);font-feature-settings:"tnum"}
.h-quick h3{margin:0}
.h-quick p{margin-top:4px}
@media(max-width:700px){.s-page .h-quick{grid-template-columns:1fr}}
.s-page .h-pop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,56px)}
.h-pop li{display:flex;flex-direction:column;gap:2px}
@media(max-width:700px){.s-page .h-pop{grid-template-columns:1fr}}
.s-page .h-count{color:var(--s-muted);white-space:nowrap}
.s-page .h-count::before{content:"· "}
.s-page .s-toc a.h-current{color:var(--s-ink);font-weight:600}
.s-page .s-toc ul+ul{margin-top:-20px}

/* article body */
.h-doc{min-width:0}
.h-doc>*:first-child{margin-top:0}
.s-page .h-p{margin-top:16px;max-width:40em}
.s-page .h-h{margin-top:clamp(36px,4.4vw,60px);padding-top:clamp(20px,2.4vw,30px);border-top:1px solid var(--s-rule);scroll-margin-top:24px}
.s-page .h-doc>.h-h:first-child{margin-top:0;padding-top:0;border-top:0}
.s-page .h-anchor{margin-left:10px;font-weight:400;font-size:.8em;color:var(--s-muted);text-decoration:none;display:inline-block;min-width:24px;text-align:center;opacity:0;transition:opacity .15s}
.s-page .h-h:hover .h-anchor,.s-page .h-anchor:focus,.s-page .h-terms dt:hover .h-anchor{opacity:1;color:var(--s-teal)}
@media(hover:none){.s-page .h-anchor{opacity:1}}
.s-page .h-pfad{margin:20px 0 0;padding:12px 16px;background:var(--s-surface);border-left:2px solid var(--s-teal);font-size:15px;line-height:1.5;display:flex;gap:4px 16px;flex-wrap:wrap;align-items:baseline;max-width:40em}
.h-pfad .k{font-size:14px;font-weight:500;color:var(--s-muted)}
.h-pfad .w{font-weight:600;color:var(--s-ink)}
.s-page .h-steps{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid var(--s-rule);max-width:44em}
.h-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);padding:16px 0;border-bottom:1px solid var(--s-rule)}
.h-steps .n{font-size:18px;font-weight:650;line-height:1.35;color:var(--s-teal);font-feature-settings:"tnum"}
.s-page .h-steps h3{margin:0 0 4px}
.s-page .h-list{margin:16px 0 0;padding-left:1.2em;display:grid;gap:8px;color:var(--s-navy);max-width:40em}
.s-page .h-tipp{margin-top:20px}
.s-page .h-wichtig{border-left-color:var(--warn,#9a5b00)}
.s-page .h-fig{margin:24px 0 0}
.h-fig .s-shot{max-width:100%}
.h-zoom{display:block;text-decoration:none}
.h-fig--phone .s-phone{--w:min(100%,250px)}
.h-fig--paper .s-paper{max-width:480px}
.h-fig .s-cap{margin-top:10px}
@media(max-width:700px){
  .h-fig--shot .s-shot{margin-inline:calc(-1*var(--s-gutter));border-inline:0;border-radius:0;box-shadow:none}
  .h-fig--shot .s-shot img{border-radius:0}
  .h-fig--shot .s-cap{margin-top:10px}
}
.s-page .h-table{margin:20px 0 0;overflow-x:auto;max-width:100%}
.h-table:focus-visible{outline:3px solid var(--focus,#0e7c8a)}
.s-page .h-table table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5}
.s-page .h-table th,.s-page .h-table td{text-align:left;vertical-align:top;padding:10px 18px 10px 0;border-bottom:1px solid var(--s-rule);color:var(--s-navy);min-width:7em}
.s-page .h-table thead th{border-bottom-color:var(--s-ink);color:var(--s-ink);font-weight:600;white-space:nowrap}
.s-page .h-table tbody th{font-weight:600;color:var(--s-ink)}
.s-page .h-terms{margin:20px 0 0;border-top:1px solid var(--s-rule);max-width:44em}
.h-terms>div{padding:14px 0;border-bottom:1px solid var(--s-rule);scroll-margin-top:24px}
.s-page .h-terms dt{font-size:17px;font-weight:650;color:var(--s-ink)}
.s-page .h-terms dd{margin:4px 0 0;color:var(--s-navy)}
.s-page .h-more{margin-top:16px}
.s-page .h-pager{margin-top:clamp(40px,5vw,72px)}

/* search results */
.s-page .h-results-wrap .s-meta{margin-bottom:4px}
.s-page .h-results{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid var(--s-ink);max-width:48em}
.h-results li{padding:18px 0;border-bottom:1px solid var(--s-rule)}
.s-page .h-results .t{font-size:clamp(18px,1.6vw,21px);font-weight:650;letter-spacing:-.015em;color:var(--s-ink);text-decoration:none}
.s-page .h-results .t:hover{color:var(--s-teal)}
.s-page .h-results .m{font-size:14px;color:var(--s-muted);margin-top:2px}
.s-page .h-results .x{margin-top:6px;color:var(--s-navy);max-width:40em}
.s-page .h-none{max-width:40em}
.h-sugg-block{margin-top:clamp(36px,5vw,64px)}
.s-page .s-top--help .s-h1{font-size:clamp(26px,2.7vw,36px);line-height:1.12}
.s-page .s-top--help .s-lead{font-size:clamp(16px,1.2vw,18px)}
/* help center: code examples */
.s-page .h-code{margin:20px 0 0;max-width:44em}
.s-page .h-code pre{margin:0;padding:16px 18px;background:#0f2433;color:#e6eef2;border-radius:3px;overflow-x:auto;font:400 14px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2;-webkit-overflow-scrolling:touch}
.s-page .h-code code{font:inherit;background:none;color:inherit;padding:0}