.pastebin-guide{--pastebin-space:clamp(1.5rem, 4vw, 3rem);--pastebin-mono:var(--ap-font-mono,ui-monospace, SFMono-Regular, Consolas, monospace);width:min(100% - 2rem,68rem);padding-block:clamp(3rem,7vw,6rem) 3rem}.pastebin-guide .ap-heading{color:var(--ap-ui-text);letter-spacing:-.045em;text-transform:none;text-wrap:balance;margin:0;font-size:clamp(1.65rem,3vw,2.4rem);font-weight:550;line-height:1.15}.pastebin-guide p{color:var(--ap-ui-text-muted);margin:1rem 0 0;font-size:.95rem;line-height:1.75}.pastebin-guide__opening,.pastebin-guide__story,.pastebin-guide__faq{gap:var(--pastebin-space);padding-block:var(--pastebin-space);border-top:1px solid var(--ap-ui-border);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}.pastebin-guide__opening{padding-top:0;padding-bottom:calc(var(--pastebin-space) * 1.5);border-top:0;align-items:end}.pastebin-guide__opening .ap-heading{max-width:10ch;font-size:clamp(2.7rem,5.3vw,4.4rem);line-height:1.04}.pastebin-guide__pixel{color:var(--ap-colour-primary);font:3rem/1 var(--pastebin-mono);margin-bottom:1rem;display:block}.pastebin-guide__intro p:first-child{color:var(--ap-ui-text);margin-top:0;font-size:clamp(1.1rem,1.8vw,1.3rem);line-height:1.6}.pastebin-guide__story{align-items:center}.pastebin-guide__copy{max-width:24rem}.pastebin-guide__number{color:var(--ap-colour-link);font:.8rem/1 var(--pastebin-mono);margin-bottom:1.25rem;display:block}.pastebin-guide__text-link{align-items:center;gap:.65rem;margin-top:1.4rem;font-size:.85rem;display:inline-flex}.pastebin-guide__preview.ap-surface{border-radius:var(--ap-ui-radius-sm);min-width:0;box-shadow:6px 6px 0 var(--ap-ui-surface-subtle);padding:0;overflow:hidden}.pastebin-guide__formats{border-bottom:1px solid var(--ap-ui-border);background:var(--ap-ui-surface-subtle);gap:.25rem;padding:.45rem;display:flex}.pastebin-guide__formats button{border-radius:var(--ap-ui-radius-sm);min-height:2.75rem;color:var(--ap-ui-surface-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:1;padding:.5rem;font-size:.85rem}.pastebin-guide__formats button[aria-pressed=true]{border-color:var(--ap-ui-border);background:var(--ap-ui-surface);color:var(--ap-colour-link)}.pastebin-guide__formats button:hover{color:var(--ap-colour-link)}.pastebin-guide :is(button,a,summary):focus-visible{outline:2px solid var(--ap-colour-primary);outline-offset:3px}.pastebin-guide__document{min-height:17rem;padding:1.5rem}.pastebin-guide__filename{color:var(--ap-ui-surface-text-muted);font:.75rem/1.4 var(--pastebin-mono);margin-bottom:1.5rem}.pastebin-guide :is(.pastebin-guide__code,.pastebin-guide__plain){color:var(--ap-ui-surface-text);font:.85rem/1.8 var(--pastebin-mono);white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border:0;margin:0;padding:0}.pastebin-guide__code code{font:inherit;color:inherit;background:0 0;padding:0}.pastebin-guide__code-keyword{color:var(--ap-colour-link)}.pastebin-guide__code-string{color:var(--ap-ui-surface-text-muted)}.pastebin-guide__markdown h3{color:var(--ap-ui-surface-text);margin:0;font-size:1.4rem}.pastebin-guide__markdown p{color:var(--ap-ui-surface-text-muted)}.pastebin-guide__markdown ul{color:var(--ap-ui-surface-text);margin:1rem 0 0;padding-left:1.3rem;font-size:.9rem;list-style:outside}.pastebin-guide__preview-footer{border-top:1px dashed var(--ap-ui-border);color:var(--ap-ui-surface-text-muted);font:.75rem/1.4 var(--pastebin-mono);overflow-wrap:anywhere;gap:.75rem;padding:.8rem 1.5rem;display:flex}.pastebin-guide__preview-footer>span{color:var(--ap-colour-link)}.pastebin-guide__controls{margin:0}.pastebin-guide__control{border-bottom:1px solid var(--ap-ui-border);align-items:center;gap:1.25rem;padding-block:1.2rem;display:flex}.pastebin-guide__control:first-child{padding-top:0}.pastebin-guide__control:last-child{border-bottom:0;padding-bottom:0}.pastebin-guide__control-symbol{border:1px dashed var(--ap-ui-border);width:3.25rem;height:3.25rem;color:var(--ap-colour-link);font:1.1rem/1 var(--pastebin-mono);flex:none;place-items:center;display:grid}.pastebin-guide__control dt{color:var(--ap-ui-text);font-size:.95rem;font-weight:600}.pastebin-guide__control dd{color:var(--ap-ui-text-muted);margin:.3rem 0 0;font-size:.85rem;line-height:1.65}.pastebin-guide__full{margin-block:1rem var(--pastebin-space);align-items:center;gap:1.5rem;padding:1.75rem;display:flex}.pastebin-guide__full>div:nth-child(2){flex:1}.pastebin-guide__full .ap-heading{color:var(--ap-ui-surface-text);font-size:1.35rem}.pastebin-guide__full p{color:var(--ap-ui-surface-text-muted);margin-top:.6rem;font-size:.85rem}.pastebin-guide__full .ap-button{flex:none;align-items:center;gap:.75rem;width:auto;font-size:.85rem;display:inline-flex}.pastebin-guide__stack{color:var(--ap-colour-link);font:1.35rem/1.2 var(--pastebin-mono);flex-direction:column;align-items:center;display:flex}.pastebin-guide__stack span:nth-child(2){color:var(--ap-ui-surface-text-muted);font-size:.85rem}.pastebin-guide__questions details{border-bottom:1px solid var(--ap-ui-border)}.pastebin-guide__questions details:first-child{border-top:1px solid var(--ap-ui-border)}.pastebin-guide__questions summary{min-height:3.75rem;color:var(--ap-ui-text);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;font-size:.95rem;font-weight:550;list-style:none;display:flex}.pastebin-guide__questions summary::-webkit-details-marker{display:none}.pastebin-guide__questions details[open] summary{color:var(--ap-colour-link)}.pastebin-guide__questions p{margin:0;padding:0 2rem 1.25rem 0;font-size:.9rem}.pastebin-guide__faq-toggle{flex:none;width:.8rem;height:.8rem;position:relative}.pastebin-guide__faq-toggle:before,.pastebin-guide__faq-toggle:after{content:"";background:currentColor;height:1px;position:absolute;inset:calc(50% - 1px) 0 auto}.pastebin-guide__faq-toggle:after{transition:transform .15s;transform:rotate(90deg)}.pastebin-guide__questions details[open] .pastebin-guide__faq-toggle:after{transform:rotate(0)}.pastebin-guide__related{padding-top:var(--pastebin-space);border-top:1px solid var(--ap-ui-border)}.pastebin-guide__related .ap-heading{letter-spacing:-.02em;font-size:1.1rem}.pastebin-guide__related>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem 2rem;margin-top:1rem;display:grid}.pastebin-guide__related a{justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;font-size:.8rem;display:flex}.pastebin-guide .ap-icon{flex-shrink:0}@media (max-width:760px){.pastebin-guide{width:min(100% - 2rem,38rem)}.pastebin-guide__opening,.pastebin-guide__story,.pastebin-guide__faq{grid-template-columns:1fr}.pastebin-guide__opening .ap-heading{max-width:13ch}.pastebin-guide__copy{max-width:none}.pastebin-guide__full{flex-wrap:wrap;padding:1.25rem}.pastebin-guide__full .ap-button{margin-left:2.8rem}.pastebin-guide__related>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.pastebin-guide__related>div{grid-template-columns:1fr}.pastebin-guide__document{padding:1.2rem}.pastebin-guide__full{gap:1rem}.pastebin-guide__full .ap-button{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.pastebin-guide__faq-toggle:after{transition:none}}
