.hp-cloud,.hp-road,.hp-pin,.hp-way,.hp-box,.hp-till{width:420px;max-width:100%;margin:0}.hp-cloud svg,.hp-road svg,.hp-pin svg,.hp-way svg,.hp-box svg,.hp-till svg{width:100%;height:auto;color:var(--ink);overflow:visible}.hp-cloud figcaption,.hp-road figcaption,.hp-pin figcaption,.hp-way figcaption,.hp-box figcaption,.hp-till figcaption{color:var(--soft);margin-top:6px;font-size:15px}.hp-ruler{margin:calc(var(--u) * .8) 0 0;padding:0;grid-column:1/-1;gap:4px;max-width:820px;padding-inline-start:var(--mark);list-style:none;display:grid}.hp-ruler li{border-bottom:1px solid var(--rule);grid-template-columns:10em minmax(0,1fr) auto;align-items:center;gap:2px 16px;padding-block:10px;display:grid}.hp-ruler b{font-weight:500}.hp-ruler li>span{grid-area:2/1/auto/-1;font-size:14px}.hp-ruler i{border-top:4px solid var(--soft);border-radius:2px;height:0}.hp-ruler li[data-own] i{border-top-color:var(--ink)}.hp-ruler em{white-space:nowrap;font-size:15px;font-style:normal}.hp-ruler li:not([data-own]){color:var(--soft)}.hp-two{margin-top:calc(var(--u) * .8);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,340px));gap:40px;padding-inline-start:var(--mark);display:grid}.hp-two>div{border-top:1.2px solid var(--soft);color:var(--soft);padding-top:10px}.hp-two .hp-own{border-top:1.6px solid var(--ink);color:var(--ink)}.hp-two h3{font-size:18px;font-weight:500}.hp-two ul{gap:4px;margin-top:8px;padding-inline-start:20px;line-height:1.85;display:grid}.hp-servers{margin:calc(var(--u) * .8) 0 0;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1000px;padding:0;padding-inline-start:var(--mark);list-style:none;display:grid}.hp-servers li{border-top:1.2px solid var(--ink);align-content:start;gap:4px;padding-top:10px;font-size:15px;line-height:1.75;display:grid}.hp-servers b{text-align:right;font-weight:500}.hp-servers em{font-style:normal}.hp-q{margin-top:calc(var(--u) * .6);gap:10px;max-width:32em;padding-inline-start:20px;line-height:1.9;display:grid}.hp-q b{font-weight:500}@media (max-width:860px){.hp-ruler,.hp-two,.hp-servers{padding-inline-start:0}.hp-ruler li{grid-template-columns:minmax(0,1fr) auto}.hp-ruler i{grid-area:3/1/auto/-1}.hp-two{grid-template-columns:minmax(0,1fr);gap:22px}.hp-servers{grid-template-columns:repeat(2,minmax(0,1fr))}}