:root{color:#22332b;background:#f2f1e8;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}.pig-loading,.pig-reader-error{padding:3rem}.pig-skip{z-index:20;color:#173126;background:#fff;padding:.7rem 1rem;position:fixed;top:-5rem;left:1rem}.pig-skip:focus{top:1rem}.pig-reader-header{z-index:10;color:#f7f5e9;background:#173126;border-bottom:1px solid #365245;justify-content:space-between;align-items:center;gap:1rem;min-height:5rem;padding:.8rem clamp(1rem,4vw,3.5rem);display:flex;position:sticky;top:0}.pig-reader-brand{gap:.15rem;display:grid}.pig-reader-brand span{color:#9ec7a9;letter-spacing:.12em;font-size:.68rem;font-weight:800}.pig-reader-brand strong{font:1.45rem/1.2 Georgia,serif}.pig-reader-tools{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.pig-github-link{color:#d7e2d9;border:1px solid #5b7468;border-radius:.45rem;place-items:center;width:2.75rem;height:2.75rem;text-decoration:none;display:grid}.pig-github-link:hover{color:#f7f5e9;background:#365245}.pig-github-link:focus-visible{outline-offset:2px;outline:2px solid #f7f5e9}.pig-github-link svg{fill:currentColor;width:1.25rem;height:1.25rem}.pig-reader-switch,.pig-reader-scratch{color:#d7e2d9;border:1px solid #5b7468;border-radius:.4rem;padding:.55rem .7rem;font-size:.82rem;text-decoration:none}.pig-reader-switch:hover,.pig-reader-scratch:hover{color:#fff;background:#365245}.pig-reader-switch:focus-visible,.pig-reader-scratch:focus-visible{outline-offset:2px;outline:2px solid #f7f5e9}.pig-reader-header fieldset{border:1px solid #5b7468;border-radius:.45rem;gap:.25rem;margin:0;padding:.2rem;display:flex}.pig-reader-header legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.pig-reader-header button{color:#d7e2d9;cursor:pointer;background:0 0;border:0;border-radius:.3rem;padding:.45rem .7rem}.pig-reader-header button[aria-pressed=true]{color:#173126;background:#f7f5e9}.pig-reader-layout{grid-template-columns:minmax(14rem,19rem) minmax(0,52rem);justify-content:center;gap:clamp(1.5rem,4vw,4rem);max-width:92rem;margin:auto;padding:2rem clamp(1rem,4vw,3.5rem) 5rem;display:grid}.pig-reader-layout nav{align-self:start;max-height:calc(100vh - 9rem);padding-right:.75rem;position:sticky;top:7rem;overflow:auto}.pig-reader-layout nav>strong{color:#627168;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.7rem;font-size:.72rem;display:block}.pig-reader-layout nav ol{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.pig-reader-layout nav button{color:#536158;text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;width:100%;padding:.48rem .7rem}.pig-reader-layout nav button:hover{background:#e7e9df}.pig-reader-layout nav button[aria-current=page]{color:#173d2c;background:#e2e9df;border-left-color:#226347;font-weight:750}.pig-reader-layout main{min-width:0}.pig-reader-limit{color:#5d4b24;background:#f5edd8;border-left:3px solid #937126;margin:0 0 1.2rem;padding:.65rem .8rem;font-size:.82rem}.pig-book-prose{background:#fff;border:1px solid #d9ded4;padding:clamp(1.2rem,4vw,3rem);line-height:1.75;box-shadow:0 .5rem 1.8rem #2035290b}.pig-book-prose h1{letter-spacing:-.035em;margin-top:0;font:clamp(2rem,5vw,3.4rem)/1.06 Georgia,serif}.pig-book-prose h2{margin:0 0 1.6rem;font:clamp(1.6rem,3vw,2.25rem)/1.2 Georgia,serif}.pig-book-prose h3{margin:2.5rem 0 .6rem;font-size:1.24rem}.pig-book-prose p,.pig-book-prose li{color:#35483e}.pig-book-prose a{color:#1d6645;text-underline-offset:.18em}.pig-book-prose table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.pig-book-prose th,.pig-book-prose td{text-align:left;border:1px solid #d9ded4;padding:.5rem .65rem}.pig-book-prose pre{color:#eef5ec;background:#17231d;border-radius:.4rem;max-width:100%;padding:1rem;font:.84rem/1.55 SFMono-Regular,Consolas,monospace;overflow:auto}.pig-book-prose :not(pre)>code{color:#234b36;background:#edf0e9;padding:.12rem .3rem}.pig-bound-resource-status{color:#5d4b24;background:#f5edd8;border-left:3px solid #937126;margin:.5rem 0 .9rem;padding:.55rem .7rem;font-size:.8rem;display:block}.pig-book-prose img{max-width:100%;height:auto}.pig-example-actions{color:#68766d;background:#f7f9f4;border:1px solid #dce3d8;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.7rem 0 1.2rem;padding:.6rem .7rem;font-size:.78rem;display:flex}.pig-example-actions button{color:#fff;cursor:pointer;background:#226347;border:1px solid #226347;border-radius:.35rem;padding:.48rem .75rem;font-weight:750}.pig-example-actions a{margin-left:auto}.pig-runner-region{overscroll-behavior:contain;background:#f2f1e8;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:1rem;position:fixed;inset:0;overflow:hidden}.pig-runner-region[open]{grid-template-rows:auto minmax(0,1fr);gap:.75rem;display:grid}.pig-runner-region::backdrop{background:#173126}.pig-runner-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.pig-runner-header h2{margin:0;font:1.5rem/1.2 Georgia,serif}.pig-runner-close{color:#315340;cursor:pointer;background:#fff;border:1px solid #74877b;border-radius:.35rem;flex-shrink:0;padding:.4rem .65rem}.pig-runner{min-width:0;min-height:0}.pig-runner .ghostflow-embed{background:#f1f0e8;border:0;width:100%;height:100%}@media (width<=760px){.pig-reader-header{flex-wrap:wrap;align-items:flex-start;position:static}.pig-reader-layout{grid-template-columns:1fr;padding-top:1rem}.pig-reader-layout nav{max-height:none;position:static}.pig-reader-layout nav ol{grid-template-columns:repeat(2,minmax(0,1fr))}.pig-book-prose{padding:1rem}}
