@media (min-aspect-ratio:1/1){
  .conn .h{width:min(100%,720px,calc(30svh * 2.8125));margin:0 auto}
  .conn{width:auto}
}
.guide :is(p,li,dd) a:not(.btn),.about p.d a{color:var(--ink-bright);text-decoration:underline;text-decoration-color:var(--accent-strong);text-underline-offset:.2em;padding-block:4px}
.guide :is(p,li,dd) a:not(.btn):hover,.about p.d a:hover{text-decoration-color:var(--accent)}
.guide :is(p,li,dd) a:not(.btn):focus-visible,.about p.d a:focus-visible{text-decoration-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}
.guide .doc strong{font-weight:500;color:var(--ink-bright)}
.guide .doc .list .list{margin:.35rem 0 .2rem}
.guide .doc .list p.d{margin:0 0 .4rem}
.guide .doc .list pre.code{margin:.3rem 0 .6rem}
.guide .doc .table{max-width:100%;overflow-x:auto;margin:.4rem 0 1rem;border:1px solid var(--rule)}
.guide .doc .table table{border-collapse:collapse;min-width:100%;font:300 .8rem/1.5 var(--mono);color:var(--ink)}
.guide .doc .table th,.guide .doc .table td{padding:.45rem .7rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}
.guide .doc .table tr:last-child td{border-bottom:0}
.guide .doc .table th{font-weight:400;color:var(--ink-bright);letter-spacing:.06em;white-space:nowrap}
.guide .doc .table td:first-child{min-width:9rem}
.guide .doc .table td{min-width:6rem}
.guide .switch{display:flex;flex-wrap:wrap;justify-content:center;row-gap:.5rem;max-width:100%;margin:0}
.guide .switch a{display:inline-block;padding:.85rem 1.2rem;font:400 .82rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--ink-bright);border:1px solid var(--rule);background:rgba(255,255,255,.03)}
.guide .switch a + a{margin-left:-1px}
.guide .switch a[aria-selected="true"]{position:relative;z-index:1;border-color:var(--accent-strong);background:var(--accent-faint);box-shadow:0 0 18px var(--accent-faint)}
.guide .switch a:hover{position:relative;z-index:2;border-color:var(--accent)}
.guide .switch a:focus-visible{position:relative;z-index:2;outline:2px solid var(--accent);outline-offset:2px}
.guide h4{margin:1.4rem 0 .5rem;font:400 clamp(.95rem,calc(.9rem + .3vw),1.08rem)/1.3 var(--mono);letter-spacing:.06em;color:var(--ink-bright)}
.guide .ref > h2{margin-bottom:1.1rem}
.guide .fold{border-bottom:1px solid var(--rule);scroll-margin-top:.8rem}
.guide .ref > h2 + .fold{border-top:1px solid var(--rule)}
.guide .fold > summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem .2rem 1.05rem 0;cursor:pointer;list-style:none}
.guide .fold > summary::-webkit-details-marker{display:none}
.guide .fold > summary :is(h3,h4){margin:0;font:400 .82rem/1.3 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-bright)}
.guide .fold > summary::after{content:"";flex:none;width:.45rem;height:.45rem;margin:0 .35rem .2rem 0;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);transform:rotate(45deg)}
.guide .fold[open] > summary::after{margin-bottom:-.2rem;transform:rotate(225deg)}
.guide .fold > summary:hover :is(h3,h4){color:var(--accent)}
.guide .fold > summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.guide .fold > .in{padding:.3rem 0 1.7rem}
.guide .fold .sub{margin:0 0 .9rem;font:400 clamp(1.2rem,calc(.95rem + 1.2vw),1.75rem)/1.25 var(--mono);color:var(--ink-bright);overflow-wrap:break-word}
@media screen{
  html[data-platform="node"] .guide [data-for]:not([data-for~="node"]),
  html[data-platform="python"] .guide [data-for]:not([data-for~="python"]),
  html[data-platform="wordpress"] .guide [data-for]:not([data-for~="wordpress"]),
  html.js:not(.ready) .guide .fold > .in,
  .guide .fold:not([open]) > .in{display:none}
}
@media (max-width:420px){
  .guide .switch a{padding:.85rem .8rem;letter-spacing:.14em}
}
pre.code:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.guide .fold.solo{margin-top:1.1rem;border-top:1px solid var(--rule)}
.guide .setting > .fold.solo{border-bottom:0}
.guide .setting > .fold.solo > .in{padding-bottom:.2rem}
.guide .fold .lead{margin-bottom:1.3rem}
.guide .setting h4{margin-top:0}
.guide .fold .lead .kv + p.d{margin-top:.9rem}
.guide .part > .kv + p.d{margin-top:.9rem}
.guide .part > .btns{justify-content:flex-start;margin:1.2rem 0}
@media (max-aspect-ratio:1/1) and (max-height:780px){
  :root:has(.room:not(.is-long)) .band-top{height:0;min-height:0;overflow:visible;margin:0;padding:0;border:0}
  :root:has(.room:not(.is-long)) .band-top .page-label{display:none}
  .room:not(.is-long) > .stack{padding-block:.5rem;gap:.7rem}
}
@media (max-aspect-ratio:1/1) and (max-height:600px){
  .room:not(.is-long) > .stack{padding-block:.4rem;gap:.5rem}
  .room:not(.is-long) .stack > .say{font-size:.9375rem;line-height:1.5}
  .room:not(.is-long) .stack > .conn{width:min(100%,16rem)}
}
@media (forced-colors:active){
  .guide .switch a[aria-selected="true"]{outline:3px solid Highlight;outline-offset:-5px}
}
@media print{
  .guide pre.code,.guide pre.code code{white-space:pre-wrap;overflow-wrap:anywhere;overflow:visible}
  .guide .switch,.guide .jump{display:none}
}
.about .wordmark{text-wrap:balance}