@font-face{font-family:'IBM Plex Sans Variable';font-style:normal;font-weight:100 700;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-wght-normal-e2291e84.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal-08949f72.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-600-normal-0d1f0b8d.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ink:#1B1B19; --ink2:#3C3B37; --mute:#66645E; --faint:#6B6963;
  --paper:#FBFBF7; --paper2:#F2F2EC; --band:#E8E8E0; --panel:#F4F4EE;
  --rule:#D6D5CC; --rule-strong:#1B1B19; --link:rgba(27,27,25,.38);
  --mat:#0B0C0B; --nub:#1C1E1C; --meter:#0A0A09; --meter2:#1C1C1A; --key:#232321;
  --brass:#C9A159; --brass-hi:#EACD8E; --brass-deep:#8C6B33; --chrome:#9A9C98;
  --led:#FFB020; --led-dim:#A88752; --cream:#ECEAE3; --cream-dim:#A9A79F;
  --taxi:#F2C230; --accent:#D0281C; --accent-deep:#A01D14; --wash:#FFF1D6;
  --grid:rgba(27,27,25,.07);
  --sans:"IBM Plex Sans Variable","IBM Plex Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --frame:78rem; --pad:1.6rem; --measure:43rem;
  
  --ph:clamp(190px,19vw,262px); --pmt:.4rem; --pmr:0rem; --pg:38px;
  --pt:1.9rem; --pr:3rem; --pl:3rem;
  --ph-pos:50% 50%;
  --dial:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><g fill='none'><circle cx='50' cy='50' r='47' stroke='%238C6B33' stroke-width='2.4' pathLength='360' stroke-dasharray='.7 5.3'/><circle cx='50' cy='50' r='46.2' stroke='%231B1B19' stroke-width='4.2' pathLength='360' stroke-dasharray='1.6 28.4' stroke-dashoffset='.8'/><circle cx='50' cy='50' r='43.6' stroke='%23D0281C' stroke-width='.9' pathLength='360' stroke-dasharray='120 240' stroke-dashoffset='90'/></g><path d='M46.6 0h6.8L50 5.6z' fill='%23D0281C'/></svg>");
  --mill:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><g fill='none'><circle cx='50' cy='50' r='46.5' stroke='%238C6B33' stroke-width='3' pathLength='360' stroke-dasharray='1 2'/><circle cx='50' cy='50' r='43' stroke='%231B1B19' stroke-width='.6' pathLength='360' stroke-dasharray='4 4'/></g></svg>");
  --twin:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 194 132'><g fill='none'><circle cx='66' cy='66' r='61' stroke='%238C6B33' stroke-width='2.2' pathLength='360' stroke-dasharray='.7 5.3'/><circle cx='128' cy='66' r='61' stroke='%238C6B33' stroke-width='2.2' pathLength='360' stroke-dasharray='.7 5.3'/><circle cx='66' cy='66' r='57' stroke='%23D0281C' stroke-width='.8' pathLength='360' stroke-dasharray='70 290' stroke-dashoffset='215'/><circle cx='128' cy='66' r='57' stroke='%23D0281C' stroke-width='.8' pathLength='360' stroke-dasharray='70 290' stroke-dashoffset='35'/></g><path d='M93.2 0h7.6L97 6.4z' fill='%23D0281C'/></svg>");
  --banner:url(/decor/banner-home-095b7f0e.webp);
  --arrow:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12'><path d='M1 6h30' stroke='%2366645E' stroke-width='1.6' stroke-dasharray='3 3'/><path d='M30 1.5 38 6l-8 4.5z' fill='%23D0281C'/></svg>");
}

body:has(.crumbs a[href="/ledger/"]),body:has(.mh-nav a[aria-current][href="/ledger/"]),body:has(.crumbs a[href="/unpriced/"]),html:has(link[rel=canonical][href$="renderdrama.com/unpriced/"]) body{--banner:url(/decor/banner-ledger-248075ec.webp);--ph-pos:36% 50%}
body:has(.crumbs a[href="/apps/"]),body:has(.mh-nav a[aria-current][href="/apps/"]),body:has(.crumbs a[href="/by-model/"]),html:has(link[rel=canonical][href$="renderdrama.com/by-model/"]) body{--banner:url(/decor/banner-apps-eca2d2d0.webp);--ph-pos:50% 42%}
body:has(.crumbs a[href="/rated/"]),body:has(.mh-nav a[aria-current][href="/rated/"]),body:has(.crumbs a[href="/scores/"]),html:has(link[rel=canonical][href$="renderdrama.com/scores/"]) body,html:has(link[rel=canonical][href$="renderdrama.com/rubric/"]) body{--banner:url(/decor/banner-rated-4a49d99c.webp);--ph-pos:50% 50%}
body:has(.crumbs a[href="/questions/"]),body:has(.mh-nav a[aria-current][href="/questions/"]){--banner:url(/decor/banner-questions-7e51f1e5.webp);--ph-pos:56% 55%}
body:has(.crumbs a[href="/terms/"]),body:has(.mh-nav a[aria-current][href="/terms/"]),body:has(.crumbs a[href="/shapes/"]),html:has(link[rel=canonical][href$="renderdrama.com/shapes/"]) body{--banner:url(/decor/banner-terms-4198d4da.webp);--ph-pos:46% 48%}
body:has(.crumbs a[href="/learn/"]),body:has(.mh-nav a[aria-current][href="/learn/"]),html:has(link[rel=canonical][href$="renderdrama.com/concurrency/"]) body,html:has(link[rel=canonical][href$="renderdrama.com/limits/"]) body,html:has(link[rel=canonical][href$="renderdrama.com/expiry/"]) body{--banner:url(/decor/banner-learn-dd36d3b5.webp);--ph-pos:50% 50%}
body:has(.crumbs a[href="/method/"]),body:has(.mh-nav a[aria-current][href="/method/"]){--banner:url(/decor/banner-method-bf0290fb.webp);--ph-pos:52% 62%}
body:has(.crumbs a[href="/datasets/"]),body:has(.mh-nav a[aria-current][href="/datasets/"]),body:has(.crumbs a[href="/published/"]),html:has(link[rel=canonical][href$="renderdrama.com/published/"]) body{--banner:url(/decor/banner-datasets-7965fe8f.webp);--ph-pos:50% 45%}

html:has(link[rel=canonical][href$="renderdrama.com/"]) body{--ph:clamp(230px,24vw,330px);--ph-pos:64% 50%}

body:has(.crumbs a[href="/terms/"]),body:has(.crumbs a[href="/shapes/"]){--ph:clamp(128px,11vw,150px);--pg:20px;--pmt:.3rem}

body:has(.ch-paired){--ph:clamp(170px,15.5vw,212px);--pg:calc(var(--ph) * .16);--pmt:.5rem}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:1.5rem;background:var(--mat)}

body{margin:0;overflow-x:clip;color:var(--ink);font:400 17px/1.64 var(--sans);font-kerning:normal;
  background-color:var(--mat);
  background-image:
    radial-gradient(70% 34rem at 50% 0,rgba(255,176,32,.11),rgba(255,176,32,0) 70%),
    radial-gradient(140% 100% at 50% 30%,rgba(0,0,0,0) 55%,rgba(0,0,0,.55) 100%),
    radial-gradient(circle at 44% 40%,#2A2C2A .7px,var(--nub) 1.5px,rgba(28,30,28,0) 2.1px),
    radial-gradient(circle at 44% 40%,#2A2C2A .7px,var(--nub) 1.5px,rgba(28,30,28,0) 2.1px);
  background-size:auto,auto,14px 14px,14px 14px;
  background-position:0 0,0 0,0 0,7px 7px;
  background-attachment:scroll,fixed,scroll,scroll;
  background-repeat:no-repeat,no-repeat,repeat,repeat}
body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.05;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
.num,.meta,.stamp,.rl b,.val,.asof{font-family:var(--mono);font-variant-numeric:tabular-nums lining-nums}
a{color:inherit;text-decoration:none}
p a,li a,td a,dd a{text-decoration:underline;text-decoration-color:var(--link);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}
p a:hover,li a:hover,td a:hover,dd a:hover{color:var(--accent-deep);text-decoration-color:var(--accent);text-decoration-thickness:2px}
::selection{background:var(--led);color:#1B1B19}

.skip{position:absolute;left:-9999px;top:auto}
.skip:focus{left:.75rem;top:.6rem;z-index:80;padding:.45rem .8rem;background:var(--paper);color:var(--accent);border:2px solid var(--accent);font:600 .8rem/1 var(--sans)}

.masthead{position:relative;z-index:6;background:linear-gradient(180deg,#1A1A18,var(--meter));border-bottom:1px solid #3A3A36;box-shadow:0 1px 0 rgba(255,255,255,.06)}
.masthead::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px;
  background:conic-gradient(#111110 25%,var(--taxi) 0 50%,#111110 0 75%,var(--taxi) 0) 0 0/14px 14px;
  box-shadow:0 6px 14px -4px rgba(0,0,0,.8)}
.mh{max-width:var(--frame);margin:0 auto;padding:.85rem var(--pad);display:flex;align-items:center;justify-content:space-between;gap:.6rem 1.4rem;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:.6rem;font:600 1.1rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--led)}
.brand .bw{padding:.4rem .62rem;background:#030303;border:1px solid #33332F;border-radius:4px;box-shadow:inset 0 0 12px rgba(255,176,32,.12),0 0 0 3px #161614,0 0 0 4px #4A4A45;text-shadow:0 0 8px rgba(255,176,32,.6)}
.mark{display:inline-flex;flex:none;color:var(--taxi)}
.mark svg{display:block;width:1.35rem;height:1.35rem}
.mh-tag{margin:0;flex:1 1 12rem;min-width:0;font:400 .72rem/1.35 var(--mono);letter-spacing:.03em;color:var(--cream-dim)}
.mh-nav{display:flex;flex-wrap:wrap;gap:.35rem;font:600 .7rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase}
.mh-nav a{padding:.46rem .62rem;color:#E6E3DA;background:linear-gradient(180deg,#2B2B28,#191917);border:1px solid #3A3A36;border-radius:5px;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -2px 0 #000;transition:color .2s,border-color .2s,transform .15s}
.mh-nav a:hover{color:var(--led);border-color:#5C5C56;transform:translateY(-1px)}
.mh-nav a[aria-current=page]{background:linear-gradient(180deg,#DA3528,var(--accent-deep));border-color:#E6594E;color:#FFF8F0;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 0 #5E0F0A,0 0 14px -2px rgba(208,40,28,.7)}

.sheet{max-width:var(--frame);margin:0 auto;padding:3rem var(--pad) 5rem;display:grid;grid-template-columns:minmax(0,1fr) 15.5rem;column-gap:2.6rem;align-items:start}
.column{grid-column:1;grid-row:1;min-width:0;position:relative;z-index:2;background:var(--paper);
  background-image:linear-gradient(90deg,rgba(27,27,25,.04),rgba(27,27,25,0) 5%,rgba(27,27,25,0) 95%,rgba(27,27,25,.04)),
    linear-gradient(180deg,rgba(27,27,25,.07),rgba(27,27,25,0) 2.2rem);
  box-shadow:0 26px 44px -18px rgba(0,0,0,.75),0 2px 4px rgba(0,0,0,.35);
  animation:feed 1.1s cubic-bezier(.3,.7,.2,1) both}

.column::before{content:"";position:absolute;z-index:4;left:-1.3rem;right:-1.3rem;top:-1.25rem;height:2.1rem;border-radius:.6rem .6rem 1.05rem 1.05rem;
  background:radial-gradient(circle at .9rem 38%,#8A8A84 .15rem,#2A2A27 .24rem,transparent .28rem),
             radial-gradient(circle at calc(100% - .9rem) 38%,#8A8A84 .15rem,#2A2A27 .24rem,transparent .28rem),
             linear-gradient(180deg,transparent 58%,#000 58% 76%,rgba(255,176,32,.28) 76% 80%,transparent 80%) 1.8rem 0/calc(100% - 3.6rem) 100% no-repeat,
             linear-gradient(180deg,#3A3A35,#1A1A18 40%,#0B0B0A 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(255,255,255,.05),0 0 0 1px #000,0 0 0 3px #26261F,0 10px 16px -6px rgba(0,0,0,.8);
  animation:hold 1.1s cubic-bezier(.3,.7,.2,1) both}

.column::after{content:"";position:absolute;left:0;right:0;top:calc(100% - 1px);height:11px;
  background:conic-gradient(from -45deg at 50% 100%,var(--paper) 90deg,#0000 0) 0 0/22px 100% repeat-x}
.rail{grid-column:2;grid-row:1;position:sticky;top:1.6rem;align-self:start;z-index:3}

.crumbs{position:relative;z-index:1;margin:0 var(--pr) 0 var(--pl);padding:1.55rem 0 .7rem;border-bottom:1px dashed var(--rule);font:600 .66rem/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.crumbs a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule)}
.crumbs a:hover{color:var(--accent-deep);border-bottom-color:var(--accent)}

.rail{padding:.8rem;background:linear-gradient(180deg,#1E1E1C,#0C0C0B);border:1px solid #34342F;border-radius:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 3px #080807,0 0 0 4px #3E3E39,0 24px 40px -18px rgba(0,0,0,.95)}
.rail::before{content:"";display:block;height:6px;margin:-.2rem .1rem .7rem;border-radius:3px;background:conic-gradient(#111110 25%,var(--taxi) 0 50%,#111110 0 75%,var(--taxi) 0) 0 0/6px 6px;opacity:.9}
.rl{display:grid;grid-template-columns:1fr;gap:.1rem;padding:.5rem .65rem;margin-bottom:.4rem;background:#030303;border:1px solid #2A2A27;border-radius:6px;box-shadow:inset 0 0 14px rgba(255,176,32,.07)}
.rl span{font:600 .58rem/1.4 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--led-dim)}
.rl b{font:600 1.08rem/1.3 var(--mono);color:var(--led);text-shadow:0 0 8px rgba(255,176,32,.5)}
.rl-figs{display:flex;flex-wrap:wrap;gap:.1rem .55rem;margin-top:.1rem}
.rl-figs a{font:600 1.08rem/1.3 var(--mono);color:var(--led);text-shadow:0 0 8px rgba(255,176,32,.5);text-decoration:none;border-bottom:1px dotted rgba(255,176,32,.45);transition:color .2s,text-shadow .2s}
.rl-figs a:hover{color:#FF6A55;border-bottom-color:#FF6A55;text-shadow:0 0 10px rgba(255,80,60,.7)}
.secnav{position:relative;margin-top:.75rem;padding:.75rem .8rem .7rem;background:var(--paper);border-radius:2px}
.secnav::after{content:"";position:absolute;left:0;right:0;top:calc(100% - 1px);height:8px;background:conic-gradient(from -45deg at 50% 100%,var(--paper) 90deg,#0000 0) 0 0/14px 100% repeat-x}
.rl-h{display:block;font:600 .62rem/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);border-bottom:1px dashed var(--rule);padding-bottom:.4rem;margin-bottom:.3rem}
.secnav ol{list-style:none;margin:0;padding:0}
.secnav li{margin:0}
.secnav li a,.secnav a{display:grid;grid-template-columns:1.6rem minmax(0,1fr);gap:.3rem;align-items:baseline;padding:.32rem 0;font:400 .82rem/1.4 var(--sans);color:var(--ink2);text-decoration:none;border-bottom:1px dotted var(--rule);transition:color .2s,padding .2s}
.secnav li:last-child a{border-bottom:0}
.secnav a i{font-style:normal;font:600 .72rem/1 var(--mono);color:var(--mute)}
.secnav a:hover{color:var(--ink);padding-left:.2rem;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.secnav a:hover i{color:var(--accent)}

main#doc{position:relative;display:flow-root;padding:var(--pt) var(--pr) 3.4rem var(--pl)}

main#doc::before{content:"";float:right;width:var(--ph);height:var(--ph);margin:var(--pmt) var(--pmr) calc(var(--pg) + 4px) calc(var(--pg) + 6px);border-radius:50%;
  shape-outside:circle(50%) border-box;shape-margin:calc(var(--pg) + 6px);
  background:radial-gradient(circle at 30% 24%,rgba(255,244,222,.34),rgba(255,244,222,0) 34%),
             radial-gradient(circle,rgba(12,8,4,0) 55%,rgba(12,8,4,.55) 74%,rgba(12,8,4,.85) 100%),
             var(--banner) var(--ph-pos)/auto 132% no-repeat,#16100A;
  box-shadow:0 0 0 4px #0E0B08,0 0 0 7px var(--brass),0 0 0 8px var(--brass-deep),0 0 0 1px rgba(234,205,142,.4) inset,0 18px 34px -14px rgba(0,0,0,.5);
  animation:port 1.2s cubic-bezier(.2,.8,.2,1) .25s both}
main#doc::after{content:"";position:absolute;pointer-events:none;
  top:calc(var(--pt) + var(--pmt) - var(--pg));right:calc(var(--pr) + var(--pmr) - var(--pg));
  width:calc(var(--ph) + 2 * var(--pg));height:calc(var(--ph) + 2 * var(--pg));
  background:var(--dial) center/100% 100% no-repeat;animation:dial 1.6s cubic-bezier(.2,.8,.2,1) .2s both}

body:has(.crumbs a[href="/terms/"]) main#doc::before,body:has(.crumbs a[href="/shapes/"]) main#doc::before{float:left;margin:var(--pmt) calc(var(--pg) + 14px) calc(var(--pg) - 4px) 0;shape-margin:calc(var(--pg) + 10px);
  box-shadow:0 0 0 3px #0E0B08,0 0 0 6px var(--brass),0 0 0 7px var(--brass-deep),0 12px 22px -10px rgba(0,0,0,.45)}
body:has(.crumbs a[href="/terms/"]) main#doc::after,body:has(.crumbs a[href="/shapes/"]) main#doc::after{right:auto;left:calc(var(--pl) - var(--pg));background-image:var(--mill);animation-name:coin}

body:has(.ch-paired) main#doc::before{width:calc(var(--ph) * 1.62);border-radius:0;shape-outside:ellipse(50% 50%) border-box;shape-margin:calc(var(--pg) + 18px);box-shadow:none;
  background:radial-gradient(circle at calc(var(--ph) * .5) 50%,rgba(0,0,0,0) calc(var(--ph) * .5 - 8px),var(--brass) calc(var(--ph) * .5 - 7px) calc(var(--ph) * .5 - 3px),var(--brass-deep) calc(var(--ph) * .5 - 2px),#0E0B08 calc(var(--ph) * .5 - 1px) calc(var(--ph) * .5),rgba(0,0,0,0) calc(var(--ph) * .5)),
             radial-gradient(circle at calc(var(--ph) * 1.12) 50%,rgba(0,0,0,0) calc(var(--ph) * .5 - 8px),var(--brass) calc(var(--ph) * .5 - 7px) calc(var(--ph) * .5 - 3px),var(--brass-deep) calc(var(--ph) * .5 - 2px),#0E0B08 calc(var(--ph) * .5 - 1px) calc(var(--ph) * .5),rgba(0,0,0,0) calc(var(--ph) * .5)),
             radial-gradient(circle at 26% 24%,rgba(255,244,222,.28),rgba(255,244,222,0) 22%),
             radial-gradient(circle at 64% 24%,rgba(255,244,222,.22),rgba(255,244,222,0) 20%),
             var(--banner) 50% 52%/auto 118% no-repeat,#16100A;
  -webkit-mask:radial-gradient(circle at calc(var(--ph) * .5) 50%,#000 calc(var(--ph) * .5 - 1px),#0000 calc(var(--ph) * .5)),radial-gradient(circle at calc(var(--ph) * 1.12) 50%,#000 calc(var(--ph) * .5 - 1px),#0000 calc(var(--ph) * .5));
  mask:radial-gradient(circle at calc(var(--ph) * .5) 50%,#000 calc(var(--ph) * .5 - 1px),#0000 calc(var(--ph) * .5)),radial-gradient(circle at calc(var(--ph) * 1.12) 50%,#000 calc(var(--ph) * .5 - 1px),#0000 calc(var(--ph) * .5));
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.35))}
body:has(.ch-paired) main#doc::after{width:calc(var(--ph) * 1.62 + 2 * var(--pg));background-image:var(--twin)}
main#doc>*{max-width:none;animation:rise .75s cubic-bezier(.2,.7,.2,1) both}
main#doc>:nth-child(1){animation-delay:.35s} main#doc>:nth-child(2){animation-delay:.43s} main#doc>:nth-child(3){animation-delay:.51s}
main#doc>:nth-child(4){animation-delay:.58s} main#doc>:nth-child(n+5){animation-delay:.64s}

main#doc>:is(.fig-dia,.tablewrap){animation:none}
main#doc>p,main#doc>ul,main#doc>ol,main#doc>dl,main#doc>blockquote,main#doc>.clause,main#doc>.statusbox{max-width:var(--measure)}
main#doc>ul.entries,main#doc>ul.facts{max-width:none}
main#doc>:not(h1):not(p):not(.eyebrow):not(.answer){clear:both}

h1{font:700 clamp(2.1rem,3.9vw,3.25rem)/1.05 var(--sans);letter-spacing:-.032em;margin:.2rem 0 1.2rem;text-wrap:pretty;color:var(--ink)}
html:has(link[rel=canonical][href$="renderdrama.com/"]) body h1{font-size:clamp(2.4rem,4.6vw,3.8rem)}
body:has(.crumbs a[href="/terms/"]) h1,body:has(.crumbs a[href="/shapes/"]) h1{display:flex;align-items:center;min-height:calc(var(--ph) + var(--pmt) + 4px);margin:0 0 1.4rem;font-size:clamp(1.95rem,3.3vw,2.8rem)}
body:has(.crumbs a[href="/terms/"]) .answer,body:has(.crumbs a[href="/shapes/"]) .answer{clear:left}
h2{display:flex;align-items:baseline;gap:.75rem;font:650 1.5rem/1.22 var(--sans);letter-spacing:-.018em;margin:3.2rem 0 1rem;padding-top:1.15rem;border-top:2px dashed var(--ink)}
h2 .secno{flex:none;align-self:center;min-width:2.3rem;padding:.3rem .45rem;text-align:center;background:#050505;border-radius:5px;font:600 .9rem/1 var(--mono);color:var(--led);text-decoration:none;text-shadow:0 0 8px rgba(255,176,32,.55);box-shadow:inset 0 0 10px rgba(255,176,32,.12),0 0 0 2px #3E3E39}
h2 .secno:hover{color:#FFD27A}
h3{font:600 .8rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);margin:1.7rem 0 .4rem}
p{margin:0 0 1rem}
ul,ol{margin:0 0 1rem;padding-left:1.2rem}
li{margin:.3rem 0}
main#doc>ul:not([class]){padding-left:0;list-style:none}
main#doc>ul:not([class])>li{position:relative;padding-left:1.4rem}
main#doc>ul:not([class])>li::before{content:"";position:absolute;left:.12rem;top:.62em;width:.46rem;height:.46rem;border-radius:50%;background:var(--ink);box-shadow:0 0 0 2px var(--band)}
b,strong{font-weight:650}

.answer{margin:0 0 2.2rem;padding:.15rem 0 .15rem 1.1rem;border-left:3px solid var(--ink);font:400 1.18rem/1.58 var(--sans);color:var(--ink2)}
.asof{display:inline-block;margin-top:.65rem;padding:.12rem .45rem;background:#050505;border-radius:3px;font:600 .64rem/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--led)}

.statusbox{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.6rem;margin:0 0 2rem}
.sb-row{padding:.7rem .85rem;background:var(--panel);border:1px solid var(--rule);border-radius:8px}
.statusbox dt{font:600 .6rem/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.statusbox dd{margin:.15rem 0 0;font:400 .92rem/1.45 var(--mono)}

ul.facts{list-style:none;margin:1.3rem 0 2.3rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.9rem}
li.fact{position:relative;display:flex;flex-direction:column;gap:.35rem;margin:0;padding:1rem 1.25rem .95rem 1.35rem;background:var(--paper2);border:1px dashed #C4C3B9;border-radius:10px;transition:transform .25s,background-color .25s;
  -webkit-mask:radial-gradient(circle at 0 50%,#0000 9px,#000 9.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,#0000 9px,#000 9.5px) right/51% 100% no-repeat;
  mask:radial-gradient(circle at 0 50%,#0000 9px,#000 9.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,#0000 9px,#000 9.5px) right/51% 100% no-repeat}
li.fact:hover{transform:translateY(-2px);background-color:#ECECE4}
li.fact .tag{align-self:flex-start;padding:.18rem .5rem;border-radius:3px;background:#050505;font:600 .58rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--led)}
li.fact .fv{min-width:0;display:flex;flex-direction:column;gap:.25rem}
li.fact .val{font:600 .98rem/1.45 var(--mono);color:var(--ink)}
li.fact .note{font:400 .88rem/1.5 var(--sans);color:var(--ink2)}
li.fact .meta{margin-top:auto;padding-top:.5rem;border-top:1px dotted #C4C3B9;font:400 .7rem/1.6 var(--mono);color:var(--mute)}
li.fact .meta .sep{color:var(--faint);padding:0 .3rem}

blockquote{position:relative;margin:1.9rem 0;padding:1.1rem 1.3rem 1rem 3.4rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font:500 1.14rem/1.55 var(--sans);letter-spacing:-.005em;color:var(--ink)}
blockquote::before{content:"\201C";position:absolute;left:.3rem;top:.2rem;font:600 3.6rem/1 var(--mono);color:var(--accent)}
blockquote p{margin:0 0 .45rem}
blockquote cite{display:block;font:600 .64rem/1.5 var(--mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}

.tablewrap{overflow-x:auto;margin:1.5rem 0 .6rem;background:var(--paper);border:1px solid var(--rule);border-radius:12px;box-shadow:0 1px 0 var(--rule)}
table{border-collapse:collapse;width:100%;font:400 .9rem/1.5 var(--sans);font-variant-numeric:tabular-nums lining-nums}
caption{text-align:left;padding:.8rem 1rem;font:400 .78rem/1.55 var(--sans);color:var(--ink2);background:var(--panel);border-bottom:1px dashed var(--rule)}
thead th{background:var(--meter);color:var(--led);font:600 .62rem/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase;padding:.66rem .9rem;text-align:left;text-shadow:0 0 6px rgba(255,176,32,.35);white-space:nowrap}
tbody td{border-bottom:1px dotted var(--rule);padding:.62rem .9rem;vertical-align:top;text-align:left}
tbody tr:nth-child(even){background:#F6F6F1}
tbody tr:hover{background:var(--wash)}
tbody tr:last-child td{border-bottom:0}
td:first-child{font-weight:600;white-space:nowrap}
td a{text-decoration-color:var(--link)}
tr.is-current{background:var(--wash)!important;box-shadow:inset 4px 0 0 var(--accent)}
tr.is-current td{font-weight:600}
.rule{margin:.55rem 0 1.8rem;font:400 .76rem/1.65 var(--sans);color:var(--mute)}
.rule b{color:var(--ink);font:600 .6rem/1 var(--mono);letter-spacing:.13em;text-transform:uppercase}
.clause{font:400 .82rem/1.7 var(--sans);color:var(--mute)}

main ul.entries{list-style:none;padding:0;margin:1.4rem 0 2.4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:.9rem}
ul.entries li{position:relative;margin:0;padding:1.05rem 1.1rem 1.05rem 1.75rem;background:var(--panel);border:1px solid var(--rule);border-left:1px dashed #B9B8AE;border-radius:4px 12px 12px 4px;font:400 .86rem/1.5 var(--sans);color:var(--ink2);transition:transform .25s,box-shadow .25s,border-color .25s}
ul.entries li::before{content:"";position:absolute;left:.62rem;top:.55rem;bottom:.55rem;width:5px;background:radial-gradient(circle,var(--mat) 1.7px,transparent 2.1px) center top/5px 10px repeat-y;opacity:.22}
ul.entries li:hover{transform:translateY(-3px);border-color:#A9A89E;box-shadow:0 16px 26px -18px rgba(0,0,0,.55)}
ul.entries a{display:block;margin-bottom:.3rem;font:650 1.04rem/1.3 var(--sans);letter-spacing:-.01em;color:var(--ink);text-decoration:none}
ul.entries a:hover{color:var(--accent-deep)}

.stamp{font:400 .62rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}

main a[href^="http"]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--link);text-decoration-thickness:.07em;text-underline-offset:.17em}
main a[href^="http"]:hover{color:var(--accent-deep);text-decoration-color:var(--accent)}
li.fact .meta a[href^="http"]{color:var(--ink2)}

.chart,.fig{margin:1.9rem 0 1.3rem;padding:1.2rem 1.3rem 1rem;border:1px solid var(--rule);border-radius:14px;
  background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0/100% 20px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/20px 100%,var(--panel)}
.chart svg{display:block;max-width:100%;height:auto;overflow:visible}
.ch-matrix svg{max-width:min(100%,46rem)}
.ch-bars svg{max-width:min(100%,52rem)}
.ch-timeline svg{max-width:min(100%,56rem)}
.chart figcaption,.fig figcaption{max-width:var(--measure);margin-top:.75rem;font:400 .8rem/1.6 var(--sans);color:var(--ink2)}
.fign{float:left;margin:.08rem .5rem 0 0;padding:.1rem .4rem;background:#050505;color:var(--led);border-radius:3px;font:600 .62rem/1.45 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important}
a.fign:hover{background:var(--accent);color:#FFF8F0}
.ch-title{font:600 .68rem/1 var(--mono);letter-spacing:.11em;text-transform:uppercase;fill:var(--ink)}
.ch-lab{font:400 .78rem/1 var(--sans);fill:var(--ink2);text-anchor:end}
.ch-lab2{font:400 .8rem/1 var(--sans);fill:var(--ink2)}
.ch-col{font:600 .6rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;fill:var(--mute);text-anchor:middle}
.ch-val{font:400 .76rem/1 var(--mono);font-variant-numeric:tabular-nums;fill:var(--ink);dominant-baseline:middle}
.ch-na{font:400 .72rem/1 var(--sans);fill:var(--faint);dominant-baseline:middle}
.ch-bar{fill:var(--ink)}
.ch-val-in{text-anchor:end;fill:var(--paper)}
.ch-hl .ch-bar{opacity:.28}
.ch-hl .ch-hi{opacity:1;fill:var(--accent)}
.ch-lab-hi{font-weight:700;fill:var(--ink)}
.ch-a{opacity:1}
.ch-b{opacity:.42}
.ch-keyt{font:600 .68rem/1 var(--sans);fill:var(--ink2)}
.ch-gap{fill:none;stroke:var(--rule);stroke-dasharray:3 3}
.ch-cell{fill:var(--band);stroke:none}
.ch-cell.ch-cur{fill:var(--wash);stroke:var(--accent);stroke-width:1.2}
.ch-mark{stroke:var(--ink);stroke-width:1.4}
.ch-m-yes{fill:var(--ink)}
.ch-m-part{fill:none}
.ch-m-none{fill:none;stroke:var(--mute);stroke-width:1.2;opacity:.6}
.ch-half{fill:var(--ink)}
.ch-axis,.ch-drop{stroke:var(--rule-strong)}
.ch-dot{fill:var(--accent)}
.ch-date{font:400 .72rem/1 var(--sans);fill:var(--faint);text-anchor:end}
.ch-track{fill:var(--band)}
.ch-span{fill:var(--led)}

.fig img{display:block;width:100%;height:auto;border-radius:8px;background:var(--band)}
.fig .credit{display:block;margin-top:.3rem;font:400 .7rem/1.45 var(--sans);color:var(--faint)}
.figs{display:grid;grid-template-columns:repeat(var(--figcols,3),1fr);gap:.5rem}
.fig-shot img{box-shadow:0 0 0 1px var(--rule),0 10px 22px -16px rgba(0,0,0,.6)}
.fig-dia{overflow-x:auto}
.fig-dia svg{display:block;max-width:100%;min-width:38rem;overflow:visible;height:auto;margin-top:.6rem}

.fig-dia svg>text.dg-footlab:first-of-type{transform:translateY(-9px)}

.fig-dia svg>text.dg-head:has(tspan+tspan):has(+rect.dg-box){transform:translateY(-8px)}
.dg-band{fill:var(--band)}
.dg-head{font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;fill:var(--ink)}
.dg-box{fill:var(--paper);stroke:var(--ink);stroke-width:1.1}
.dg-store{font:500 13px/1 var(--sans);fill:var(--ink)}
.dg-arrow{stroke:var(--ink2);stroke-width:1.3;fill:none}
.dg-head-tip{fill:var(--accent)}
.dg-travels{font:400 11px/1 var(--sans);fill:var(--mute)}
.dg-bar{fill:var(--meter)}
.dg-bartext{font:600 12px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;fill:var(--led)}
.dg-rule{stroke:var(--rule);stroke-width:1;stroke-dasharray:2 3}
.dg-footlab{font:600 9px/1 var(--mono);fill:var(--mute);letter-spacing:.12em;text-transform:uppercase}
.dg-after{font:400 11px/1 var(--sans);fill:var(--ink2)}

.site-foot{position:relative;background:linear-gradient(180deg,#141413,var(--meter));color:var(--cream-dim);margin-top:1.5rem;border-top:1px solid #34342F}
.site-foot::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:14px;background:conic-gradient(#111110 25%,var(--taxi) 0 50%,#111110 0 75%,var(--taxi) 0) 0 0/14px 14px}
.sf{max-width:var(--frame);margin:0 auto;padding:2.8rem var(--pad) 1.3rem;display:grid;grid-template-columns:15rem minmax(0,1fr);gap:2.4rem}
.sf-id .mark{color:var(--taxi)}
.sf-id .mark svg{width:1.7rem;height:1.7rem}
.sf-name{display:block;margin:.55rem 0 .45rem;font:600 .86rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--led);text-shadow:0 0 8px rgba(255,176,32,.45)}
.sf-note{margin:0;font:400 .78rem/1.55 var(--sans);color:var(--cream-dim)}
.sf-map{columns:4 11.5rem;column-gap:2rem}
.sfc{display:block;break-inside:avoid;margin:0 0 1.4rem;font:400 .78rem/1.4 var(--sans)}
.sfc ul{list-style:none;margin:0;padding:0}
.sfc li{margin:.28rem 0;border-bottom:1px dotted #33332F;padding-bottom:.26rem}
.sfc li:last-child{border-bottom:0}
.sfc li a,.sfc a{color:#DEDBD2;opacity:.86;text-decoration:none}
.sfc li a:hover,.sfc a:hover{opacity:1;color:var(--led);text-decoration:underline;text-decoration-color:var(--led)}
.sfh{display:block;padding-bottom:.35rem;margin-bottom:.45rem;border-bottom:1px solid #45453F;font:600 .62rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--led)}
details.sfc>summary.sfh{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:.4rem}
details.sfc>summary.sfh::-webkit-details-marker{display:none}
details.sfc>summary.sfh::after{content:"+";margin-left:auto;font-weight:700;opacity:.8}
details.sfc[open]>summary.sfh::after{content:"\2212"}
.sfh .sfn{font-weight:400;opacity:.62}
details.sfc[open]{column-span:all;margin-top:.4rem}
details.sfc[open]>ul{columns:4 11rem;column-gap:1.7rem}
details.sfc[open]>ul li{break-inside:avoid}
.sf-bar{max-width:var(--frame);margin:0 auto;padding:.8rem var(--pad) 1.9rem;border-top:1px dashed #33332F;display:flex;justify-content:flex-end;gap:1.6rem;flex-wrap:wrap}
.sf-dom{font:400 .66rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim)}

h2:target,li.fact:target{background:var(--wash)}
h2:target{outline:none}
a:focus-visible,summary:focus-visible{outline:2px solid var(--led);outline-offset:3px;border-radius:3px}

@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes feed{from{transform:translateY(-26px);opacity:0}40%{opacity:1}to{transform:none;opacity:1}}
@keyframes hold{from{transform:translateY(26px)}to{transform:none}}
@keyframes port{from{opacity:0;transform:scale(.86);filter:brightness(.4) sepia(.4)}to{opacity:1;transform:none;filter:none}}
@keyframes dial{from{opacity:0;transform:rotate(-70deg)}to{opacity:1;transform:none}}
@keyframes coin{from{opacity:0;transform:rotate(90deg)}to{opacity:1;transform:none}}

@media (prefers-color-scheme:dark){
  :root{--ink:#EDEBE4;--ink2:#CDCAC0;--mute:#A4A197;--faint:#9A978D;
        --paper:#1C1C1A;--paper2:#242421;--band:#2B2B28;--panel:#212120;
        --rule:#3E3E39;--rule-strong:#EDEBE4;--link:rgba(237,235,228,.4);--accent:#FF6B5E;--accent-deep:#FF9086;--wash:#35291A;--grid:rgba(237,235,228,.06);
        --dial:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><g fill='none'><circle cx='50' cy='50' r='47' stroke='%23A88752' stroke-width='2.4' pathLength='360' stroke-dasharray='.7 5.3'/><circle cx='50' cy='50' r='46.2' stroke='%23EACD8E' stroke-width='4.2' pathLength='360' stroke-dasharray='1.6 28.4' stroke-dashoffset='.8'/><circle cx='50' cy='50' r='43.6' stroke='%23FF6B5E' stroke-width='.9' pathLength='360' stroke-dasharray='120 240' stroke-dashoffset='90'/></g><path d='M46.6 0h6.8L50 5.6z' fill='%23FF6B5E'/></svg>");
        --mill:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><g fill='none'><circle cx='50' cy='50' r='46.5' stroke='%23C9A159' stroke-width='3' pathLength='360' stroke-dasharray='1 2'/><circle cx='50' cy='50' r='43' stroke='%23EDEBE4' stroke-width='.6' pathLength='360' stroke-dasharray='4 4'/></g></svg>")}
  .column{background-image:none}
  li.fact{border-color:#4C4C45}
  li.fact:hover{background-color:#2A2A27}
  li.fact .meta{border-top-color:#4C4C45}
  a.fign:hover{color:#1C1C1A}
  tbody tr:nth-child(even){background:#20201E}
  .ch-val-in{fill:#1C1C1A}
  .ch-bar{fill:var(--brass)}
  .ch-m-yes,.ch-half{fill:var(--brass-hi)}
  .dg-box{stroke:var(--brass)}
  ul.entries li{border-left-color:#5A5A52}
  ul.entries li::before{background:radial-gradient(circle,#000 1.7px,transparent 2.1px) center top/5px 10px repeat-y;opacity:.6}
  main#doc>ul:not([class])>li::before{background:var(--led)}
  .answer{border-left-color:var(--led)}
}
@media (prefers-reduced-motion:reduce){
  .column,.column::before,main#doc::before,main#doc::after,main#doc>*{animation:none!important}
  *,*::before,*::after{transition:none!important}
  html{scroll-behavior:auto}
}
@media (max-width:62rem){
  .sheet{grid-template-columns:minmax(0,1fr) 13rem;column-gap:1.6rem}
  :root{--pt:1.6rem;--pr:1.9rem;--pl:1.9rem;--ph:clamp(160px,22vw,205px);--pg:32px}
  body:has(.crumbs a[href="/terms/"]),body:has(.crumbs a[href="/shapes/"]){--ph:120px;--pg:18px}
  body:has(.ch-paired){--ph:150px;--pg:calc(var(--ph) * .16)}
}
@media (max-width:56rem){
  .sf{display:block}
  .sf-id{margin-bottom:1.7rem}
}
@media (max-width:640px){.figs{grid-template-columns:1fr;gap:.6rem}}
@media (max-width:48rem){
  :root{--pt:1.1rem;--pr:1.05rem;--pl:1.1rem;--ph:98px;--pmt:.25rem;--pmr:.3rem;--pg:18px}
  html:has(link[rel=canonical][href$="renderdrama.com/"]) body{--ph:112px}
  body:has(.crumbs a[href="/terms/"]),body:has(.crumbs a[href="/shapes/"]){--ph:80px;--pg:12px}
  body:has(.ch-paired){--ph:82px;--pg:calc(var(--ph) * .16)}
  body{background-attachment:scroll}
  .sheet{display:flex;flex-direction:column;align-items:stretch;padding:2rem .75rem 3rem}
  .column{order:1;box-shadow:0 14px 24px -10px rgba(0,0,0,.7)}
  .column::before{left:-.5rem;right:-.5rem;top:-.72rem;height:1.2rem}
  .rail{order:2;position:static;margin-top:2.4rem}
  .crumbs{padding-top:1.2rem;font-size:.6rem}
  main#doc::before{box-shadow:0 0 0 3px #0E0B08,0 0 0 5px var(--brass),0 0 0 6px var(--brass-deep),0 10px 20px -10px rgba(0,0,0,.5)}
  h1,html:has(link[rel=canonical][href$="renderdrama.com/"]) body h1{font-size:1.72rem;letter-spacing:-.025em}
  body:has(.crumbs a[href="/terms/"]) h1,body:has(.crumbs a[href="/shapes/"]) h1{font-size:1.5rem}
  .answer{font-size:1.04rem;padding-left:.8rem}
  h2{font-size:1.22rem;gap:.55rem}
  h2 .secno{min-width:1.9rem;font-size:.78rem}
  ul.facts{grid-template-columns:1fr}
  td:first-child{white-space:normal}
  .chart,.fig{padding:1rem .8rem .85rem}
  blockquote{padding-left:2.6rem;font-size:1.04rem}
  blockquote::before{font-size:2.8rem}
  
  .chart{overflow-x:auto;overscroll-behavior-x:contain}
  .chart svg{max-width:none!important;width:auto}
  table:has(thead th:nth-child(3)){min-width:31rem}
  table:has(thead th:nth-child(4)){min-width:34rem}
  
  html:has(link[rel=canonical][href$="renderdrama.com/"]) body main#doc>.tablewrap table{min-width:0}
  html:has(link[rel=canonical][href$="renderdrama.com/"]) body main#doc>.tablewrap :is(th,td):last-child{white-space:nowrap}
  html:has(link[rel=canonical][href$="renderdrama.com/"]) body main#doc>.tablewrap td:nth-child(2){font-size:.8rem;color:var(--ink2)}
  html:has(link[rel=canonical][href$="renderdrama.com/"]) body main#doc>.tablewrap :is(th,td){padding-inline:.55rem}
  
  .chart,.fig-dia{background:linear-gradient(var(--panel),var(--panel)) right top/3.2rem 1.35rem no-repeat local,var(--arrow) calc(100% - .75rem) .5rem/26px auto no-repeat scroll,linear-gradient(var(--grid) 1px,transparent 1px) 0 0/100% 20px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/20px 100%,var(--panel)}
  .tablewrap{padding-bottom:1.15rem;background:linear-gradient(var(--paper),var(--paper)) right bottom/3.2rem 1.15rem no-repeat local,var(--arrow) calc(100% - .75rem) calc(100% - .35rem)/26px auto no-repeat scroll,var(--paper)}
}

@media (max-width:48rem){
  .mh-tag{display:none}
  .mh{padding:.55rem .75rem .6rem;gap:.4rem}
  .brand{font-size:.92rem}
  .mh-nav{gap:.22rem;font-size:.6rem}
  .mh-nav a{padding:.3rem .4rem}
}
