@font-face{font-family:'Merriweather Variable';font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/merriweather-latin-wght-normal-4fbe8dd9.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:'Merriweather Variable';font-style:italic;font-weight:300 900;font-display:swap;src:url(/fonts/merriweather-latin-wght-italic-caa1da88.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:'Merriweather Sans Variable';font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/merriweather-sans-latin-wght-normal-27466288.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:#1B2140; --ink2:#363C5A; --mute:#565C78; --faint:#5A6079;
  --paper:#FFFEFA; --ground:#1E66C6; --band:#E8ECF6; --panel:#F6F7FB;
  --rule:#D6DCEA; --rule-strong:#1B2140; --margin:#F08A8A;
  --desk:#1E66C6; --desk-deep:#15449A; --navy:#17245E; --navy2:#223377;
  --tangerine:#FF8A3D; --lemon:#FFD84D; --bubble:#FF84BA; --mint:#5ED3A0; --sky:#71C8FF; --lilac:#B9A2FF;
  --s-script:#2F7F79; --s-characters:#7A4E9C; --s-scenes:#B7790E; --s-voices:#2F6DB5; --s-redo:#C2463C;
  --s-export:#3E8A4B; --s-share:#5B6472;
  --orange:#D2452F; --orange-deep:#A2301F; --orange-wash:#FFF1E8; --track:var(--navy);
  --note:#FFE58A; --manila:#F5D88C; --manila-edge:#D9B865; --lined:rgba(96,130,200,.17);
  --grid:rgba(0,0,0,0);
  --sans:"Merriweather Sans Variable","Merriweather Sans","Helvetica Neue",Arial,sans-serif;
  --mono:"Merriweather Sans Variable","Merriweather Sans",ui-monospace,Menlo,monospace;
  --serif:"Merriweather Variable","Merriweather",Georgia,serif;
  --frame:78rem; --pad:1.4rem; --measure:43rem;
  
  --strip:3.3rem; --hole:.62rem; --hy:4.4rem; --tabh:1.7rem; --pt:2.6rem; --pr:2.9rem; --pl:5.4rem; --img-h:19rem; --lh:28px; --bp:center 45%;
  --banner:url(/decor/banner-home-56b5436c.webp);
}

body:has(.crumbs a[href="/tool-docs/"]),body:has(.mh-nav a[aria-current][href="/tool-docs/"]){--banner:url(/decor/banner-tool-docs-b83671c7.webp)}
body:has(.crumbs a[href="/making-steps/"]),body:has(.mh-nav a[aria-current][href="/making-steps/"]){--banner:url(/decor/banner-making-steps-73395ef4.webp)}
body:has(.crumbs a[href="/undocumented-steps/"]),body:has(.mh-nav a[aria-current][href="/undocumented-steps/"]){--banner:url(/decor/banner-undocumented-steps-c1e61ee1.webp)}
body:has(.crumbs a[href="/docs-side-by-side/"]),body:has(.mh-nav a[aria-current][href="/docs-side-by-side/"]){--banner:url(/decor/banner-docs-side-by-side-3fd93185.webp)}
body:has(.crumbs a[href="/where-is-it-documented/"]),body:has(.mh-nav a[aria-current][href="/where-is-it-documented/"]){--banner:url(/decor/banner-where-is-it-documented-45369bee.webp)}
body:has(.crumbs a[href="/doc-terms/"]),body:has(.mh-nav a[aria-current][href="/doc-terms/"]){--banner:url(/decor/banner-doc-terms-fe0ac017.webp)}
body:has(.crumbs a[href="/reading-the-docs/"]),body:has(.mh-nav a[aria-current][href="/reading-the-docs/"]){--banner:url(/decor/banner-reading-the-docs-5514d73b.webp)}
body:has(.crumbs a[href="/how-the-docs-were-searched/"]),body:has(.mh-nav a[aria-current][href="/how-the-docs-were-searched/"]){--banner:url(/decor/banner-how-the-docs-were-searched-3e3cd467.webp)}
body:has(.crumbs a[href="/datasets/"]),body:has(.mh-nav a[aria-current][href="/datasets/"]){--banner:url(/decor/banner-datasets-ec246fd7.webp)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:2rem}
body{margin:0;overflow-x:clip;color:var(--ink);font:400 17px/var(--lh) var(--sans);font-variant-numeric:tabular-nums;background-color:var(--desk);
  background-image:radial-gradient(90rem 50rem at 15% -10rem,rgba(255,255,255,.22),transparent 70%),radial-gradient(70rem 50rem at 110% 110%,rgba(8,18,80,.35),transparent 70%);
  background-attachment:fixed}
body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.06;mix-blend-mode:overlay;
  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='.8' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
a{color:inherit;text-decoration:none}
p a,li a,td a,dd a{text-decoration:underline;text-decoration-color:var(--tangerine);text-decoration-thickness:2px;text-underline-offset:3px}
p a:hover,li a:hover,td a:hover,dd a:hover{color:var(--orange-deep);background:linear-gradient(transparent 60%,rgba(255,216,77,.6) 60%)}
::selection{background:var(--lemon);color:var(--ink)}
.asof,.rl span,.stamp,caption,thead th,.tag,.meta,.crumbs{font-family:var(--mono);letter-spacing:.02em;text-transform:none}

.skip{position:absolute;left:-999px;top:0;background:var(--lemon);color:var(--ink);padding:.5rem .8rem;z-index:70}
.skip:focus{left:.5rem}

.masthead{position:relative;background:transparent;color:#FFFFFF}
.mh{max-width:var(--frame);margin:0 auto;padding:1.1rem var(--pad) .4rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem 1.6rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.6rem;font:900 1.4rem/1 var(--serif);letter-spacing:-.01em;color:#FFFFFF}
.mark{display:inline-flex;color:var(--lemon);filter:drop-shadow(0 2px 0 rgba(0,0,0,.2))}
.mark svg{width:1.95rem;height:1.95rem}
.mh-tag{display:block;font:400 .74rem/1.3 var(--mono);color:#CBD6FF;margin-top:.4rem}
.mh-nav{display:flex;flex-wrap:wrap;gap:.35rem;font:700 .74rem/1 var(--mono)}
.mh-nav a{padding:.5rem .75rem .55rem;border-radius:5px 5px 2px 2px;color:var(--ink);background:var(--manila);box-shadow:inset 0 -2px 0 var(--manila-edge),0 3px 0 rgba(8,18,80,.28);transition:transform .15s,background .15s}
.mh-nav a:nth-child(odd){transform:rotate(-.8deg)} .mh-nav a:nth-child(even){transform:rotate(.7deg)}
.mh-nav a:hover{transform:translateY(-3px) rotate(0);background:#FBE6AE}
.mh-nav a[aria-current=page]{background:#FFFFFF;transform:translateY(-4px) rotate(0);box-shadow:inset 0 -3px 0 var(--tangerine),0 5px 0 rgba(8,18,80,.35)}

.sheet{max-width:var(--frame);margin:0 auto;padding:1.6rem var(--pad) 4rem;display:grid;grid-template-columns:minmax(0,1fr) 12.5rem;gap:0}
.sheet:has(>.rail:empty){grid-template-columns:minmax(0,62rem);justify-content:center}
.rail:empty{display:none}
.column{position:relative;z-index:2;min-width:0;filter:drop-shadow(0 22px 22px rgba(6,14,70,.4)) drop-shadow(0 2px 2px rgba(6,14,70,.28))}
.rail{position:sticky;z-index:1;top:1rem;align-self:start;order:2;margin-left:-6px;padding-top:calc(2.2rem + var(--tabh) + 1.2rem);font:400 .84rem/1.45 var(--sans)}
.rl,.rl-figs{display:none}
.rl-figs a{display:inline-block;margin:.12rem .35rem .12rem 0;font-size:.74rem;color:var(--mute)}
.rl-h{display:block;font:700 .66rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#FFFFFF;margin:0 0 .55rem 1.2rem;opacity:.85}
.secnav ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.secnav li{margin:0}
.secnav a{display:flex;gap:.45rem;align-items:baseline;padding:.52rem .8rem .52rem 1.05rem;border-radius:0 8px 8px 0;color:var(--ink);background:var(--manila);
  box-shadow:inset 6px 0 6px -4px rgba(0,0,0,.2),inset 0 -2px 0 var(--manila-edge),0 2px 0 rgba(8,18,80,.25);transition:transform .15s,background .15s}
.secnav li:nth-child(even) a{background:#F8E2A6}
.secnav a i{font-style:normal;font:800 .74rem/1 var(--mono);color:var(--ink);opacity:.7}
.secnav a:hover{transform:translateX(5px);background:#FFFFFF}

.crumbs{font-size:.76rem;color:#D9E1FF;margin:0 0 .9rem .2rem}
.crumbs a{color:#FFFFFF;font-weight:700;text-decoration:underline;text-decoration-color:var(--lemon);text-decoration-thickness:2px;text-underline-offset:3px}
.crumbs a:hover{color:var(--lemon)}

main#doc{position:relative;display:flow-root;border-radius:0 0 7px 7px;padding:calc(var(--tabh) + var(--pt)) var(--pr) 2.9rem var(--pl);
  --ring:transparent calc(var(--hole) + 1px),#FFFFFF calc(var(--hole) + 2px) calc(var(--hole) + .36rem),rgba(40,60,120,.16) calc(var(--hole) + .38rem),transparent calc(var(--hole) + .46rem);
  --punch:transparent var(--hole),#000 calc(var(--hole) + .5px);
  background:
    radial-gradient(circle at calc(var(--strip) / 2) calc(50% + var(--tabh) / 2),var(--ring)) 0 0/100% 100% no-repeat,
    radial-gradient(circle at calc(var(--strip) / 2) calc(100% - var(--hy)),var(--ring)) 0 0/100% 100% no-repeat,
    linear-gradient(90deg,transparent calc(var(--pl) - 1.05rem),var(--margin) calc(var(--pl) - 1.05rem) calc(var(--pl) - .95rem),transparent calc(var(--pl) - .95rem)) 0 var(--tabh)/100% 100% no-repeat,
    repeating-linear-gradient(180deg,transparent 0 calc(var(--lh) - 1px),var(--lined) calc(var(--lh) - 1px) var(--lh)) 0 calc(var(--tabh) + var(--img-h) + .5rem)/100% 100% no-repeat,
    linear-gradient(var(--paper),var(--paper)) 0 var(--tabh)/100% 100% no-repeat;
  mask:
    radial-gradient(circle at calc(var(--strip) / 2) calc(var(--tabh) + var(--hy)),var(--punch)),
    radial-gradient(circle at calc(var(--strip) / 2) calc(50% + var(--tabh) / 2),var(--punch)),
    radial-gradient(circle at calc(var(--strip) / 2) calc(100% - var(--hy)),var(--punch));
  mask-composite:intersect}

main#doc::before{content:"";display:block;height:var(--img-h);margin:calc(-1 * var(--pt)) calc(-1 * var(--pr)) 2.3rem calc(-1 * var(--pl));
  padding:.85rem .95rem .95rem calc(var(--strip) + .45rem);border-radius:7px 7px 0 0;
  background:
    radial-gradient(circle at calc(var(--strip) / 2) var(--hy),transparent calc(var(--hole) + 1px),#FFFDF4 calc(var(--hole) + 2px) calc(var(--hole) + .36rem),rgba(120,90,20,.18) calc(var(--hole) + .38rem),transparent calc(var(--hole) + .46rem)) 0 0/100% 100% no-repeat border-box,
    var(--banner) var(--bp)/cover no-repeat content-box,
    linear-gradient(#FFFFFF,#FFFFFF) -4px -4px/calc(100% + 8px) calc(100% + 8px) no-repeat content-box padding-box,
    linear-gradient(180deg,rgba(255,255,255,.28),rgba(120,90,20,.06)) border-box,
    var(--manila);
  box-shadow:inset 0 -2px 0 var(--manila-edge),0 5px 8px -5px rgba(8,18,80,.4);
  animation:photo 1.1s cubic-bezier(.2,.7,.2,1) both}

main#doc::after{content:"";position:absolute;top:0;right:3.4rem;width:10.5rem;height:calc(var(--tabh) + 8px);border-radius:10px 10px 0 0;
  background:linear-gradient(#FFFFFF,#FFFFFF) center 58%/62% 42% no-repeat,linear-gradient(rgba(120,90,20,.25),rgba(120,90,20,.25)) center 58%/calc(62% + 2px) calc(42% + 2px) no-repeat,
    linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 70%),var(--manila);
  animation:tabup .5s cubic-bezier(.2,.7,.2,1) .55s both}
main#doc>*{max-width:none}
main#doc>p,main#doc>ul,main#doc>ol,main#doc>blockquote,main#doc>.clause,main#doc>.statusbox{max-width:var(--measure)}
main#doc>ul.entries,main#doc>ul.facts,main#doc>ul.binders,main#doc>ol.ratings{max-width:none}

main#doc>:is(h1,.answer,.hero){animation:rise .7s cubic-bezier(.2,.7,.2,1) .3s both}
main#doc>h1{animation-delay:.15s}

h1{font:900 clamp(2rem,3.5vw,3rem)/1.12 var(--serif);margin:0 0 1.2rem;letter-spacing:-.022em;color:var(--navy);text-wrap:balance}
h2{font:800 1.42rem/1.28 var(--serif);color:var(--navy);margin:2.9rem 0 .95rem;display:flex;align-items:center;gap:.75rem}
h2 .secno{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.05rem;height:2.05rem;border-radius:50%;background:var(--tangerine);color:var(--navy);font:800 .92rem/1 var(--mono);
  box-shadow:0 0 0 3px #FFFFFF,0 0 0 4px var(--rule)}
h3{font:800 1.04rem/1.35 var(--sans);margin:1.7rem 0 .5rem;color:var(--desk-deep)}
p{margin:0 0 1rem}
ul,ol{margin:0 0 1rem;padding-left:1.3rem}
li{margin:.28rem 0}
main#doc>ul:not([class])>li::marker{color:var(--tangerine)}
main#doc>ol:not([class])>li::marker{color:var(--desk);font-weight:800}
b,strong{font-weight:700}

.answer{position:relative;font:400 1.06rem/1.64 var(--sans);background:var(--note);border:0;border-radius:2px;color:var(--ink);
  padding:1.15rem 1.35rem 1.15rem;margin:0 0 1.8rem;box-shadow:0 1px 0 #E3C85E,0 12px 18px -14px rgba(0,0,0,.45);transform:rotate(-.5deg);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 1.2rem),calc(100% - 1.2rem) 100%,0 100%)}
.answer::after{content:"";position:absolute;right:0;bottom:0;width:1.2rem;height:1.2rem;background:linear-gradient(135deg,#E8C85C 50%,transparent 50%)}
.asof{display:block;margin-top:.5rem;font-size:.72rem;font-weight:700;color:var(--orange-deep)}

.statusbox{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:.6rem;margin:1.3rem 0 1.8rem}
.sb-row{padding:.65rem .8rem;background:#FFFFFF;border:1px solid var(--rule);border-top:5px solid var(--tangerine);border-radius:4px;box-shadow:0 6px 12px -10px rgba(8,18,80,.4)}
.statusbox dt{font:700 .62rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.statusbox dd{margin:.3rem 0 0;font:800 1rem/1.3 var(--serif);color:var(--navy)}

ul.facts{list-style:none;padding:0;margin:1.3rem 0 2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:1rem}
li.fact{position:relative;display:flex;flex-direction:column;gap:.35rem;margin:0;padding:1.1rem 1.05rem .95rem;border-radius:3px;
  background:linear-gradient(180deg,transparent 2.35rem,#EE8B8B 2.35rem 2.45rem,transparent 2.45rem),repeating-linear-gradient(180deg,transparent 0 1.55rem,#E2EAF7 1.55rem 1.6rem) 0 2.45rem/100% 100% no-repeat,#FFFFFF;
  box-shadow:0 1px 0 var(--rule),0 10px 18px -14px rgba(8,18,80,.45);transition:transform .2s,box-shadow .2s}
li.fact:nth-child(odd){transform:rotate(-.4deg)} li.fact:nth-child(even){transform:rotate(.4deg)}
li.fact:hover{transform:translateY(-3px) rotate(0);box-shadow:0 1px 0 var(--rule),0 18px 26px -16px rgba(8,18,80,.5)}
li.fact .tag{font:700 .68rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--orange-deep);margin-bottom:.35rem}
li.fact .fv{display:flex;flex-direction:column;gap:.2rem}
li.fact .val{font:700 1rem/1.5 var(--serif);color:var(--ink)}
li.fact .note{font-size:.86rem;color:var(--ink2)}
li.fact .meta{margin-top:auto;padding-top:.45rem;font-size:.72rem;color:var(--faint)}
li.fact .meta .sep{margin:0 .3rem;color:var(--rule)}

blockquote{position:relative;margin:1.5rem 0 1.7rem;padding:1rem 1.3rem 1rem 1.5rem;border:0;border-left:5px solid var(--desk);background:#F1F5FF;border-radius:0 6px 6px 0;
  font:italic 400 1.02rem/1.75 var(--serif);color:var(--ink);box-shadow:0 0 0 1px rgba(30,102,198,.12)}
blockquote p{margin:0 0 .45rem}
blockquote p:first-child{background:linear-gradient(transparent 56%,rgba(255,216,77,.6) 56%);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}
blockquote cite{display:block;margin-top:.5rem;font:normal 400 .72rem/1.3 var(--mono);color:var(--mute)}

.tablewrap{overflow-x:auto;overscroll-behavior-x:contain;margin:1.4rem 0 .6rem;border-radius:6px;box-shadow:0 0 0 1px var(--rule),0 12px 22px -18px rgba(8,18,80,.5);
  background:
    linear-gradient(90deg,#FFFFFF 35%,rgba(255,255,255,0)) left center/2.4rem 100% no-repeat local,
    linear-gradient(270deg,#FFFFFF 35%,rgba(255,255,255,0)) right center/2.4rem 100% no-repeat local,
    radial-gradient(farthest-side at 0 50%,rgba(8,18,80,.28),transparent) left center/1rem 100% no-repeat scroll,
    radial-gradient(farthest-side at 100% 50%,rgba(8,18,80,.28),transparent) right center/1rem 100% no-repeat scroll,
    #FFFFFF}

.tablewrap:has(thead th:nth-child(6)) table{font-size:.78rem;line-height:1.4}
.tablewrap:has(thead th:nth-child(6)) :is(th,td){padding:.5rem .5rem}
.tablewrap:has(thead th:nth-child(6)) thead th{font-size:.6rem;letter-spacing:.03em}
.tablewrap:has(thead th:nth-child(6)) tbody td:not(:first-child){color:var(--ink2)}
table{width:100%;border-collapse:collapse;font-size:.9rem}
caption{caption-side:top;text-align:left;padding:.65rem .85rem;font-size:.78rem;font-weight:500;color:var(--ink2);background:var(--panel);border-bottom:1px solid var(--rule)}
thead th{text-align:left;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#FFFFFF;background:var(--desk);padding:.62rem .85rem}
tbody td{padding:.56rem .85rem;border-bottom:1px solid var(--lined);vertical-align:top}
tbody td:first-child{font-weight:700}
tbody tr:hover{background:#FFF8D6}
tbody tr:nth-child(even){background:rgba(232,236,246,.45)}
tbody tr:last-child td{border-bottom:0}
tr.is-current{background:var(--note);box-shadow:inset 5px 0 0 var(--tangerine)}
tr.is-current td{font-weight:700}
.rule{font-size:.8rem;color:var(--ink2);margin:.8rem 0 1.6rem}
.rule b{font-family:var(--mono);font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--desk-deep)}
.clause{font-size:.88rem;color:var(--ink2);margin-top:1.8rem;padding:.9rem 1rem;background:var(--panel);border-radius:6px}

main ul.entries{list-style:none;padding:0;margin:1.9rem 0 1.9rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.7rem .9rem}
ul.entries li{position:relative;margin:0;padding:.85rem .95rem .85rem;background:#FFFFFF;border-radius:0 6px 6px 6px;font-size:.86rem;color:var(--ink2);
  box-shadow:0 0 0 1px var(--rule),0 10px 16px -14px rgba(8,18,80,.45);transition:transform .2s,box-shadow .2s}
ul.entries li::before{content:"";position:absolute;left:0;top:-.75rem;width:4.4rem;height:.8rem;border-radius:6px 6px 0 0;background:var(--manila);box-shadow:inset 0 -1px 0 var(--manila-edge);transition:background .2s}
ul.entries li:nth-child(5n+2)::before{left:1.2rem} ul.entries li:nth-child(5n+3)::before{left:2.4rem}
ul.entries li:nth-child(5n+4)::before{left:3.6rem} ul.entries li:nth-child(5n)::before{left:4.8rem}
ul.entries li:hover::before{background:var(--tangerine)}
ul.entries li:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--desk),0 16px 22px -14px rgba(8,18,80,.5)}
ul.entries a{display:block;font:800 1rem/1.3 var(--serif);color:var(--navy);margin-bottom:.2rem;text-decoration:none}
ul.entries a:hover{color:var(--orange-deep)}

.stamp{font-size:.72rem;color:var(--faint)}

main a[href^="http"]{color:var(--desk);text-decoration:underline;text-decoration-color:rgba(37,72,201,.4);text-decoration-thickness:1.5px;text-underline-offset:3px}
main a[href^="http"]:hover{color:var(--ink)}
li.fact .meta a[href^="http"]{color:var(--mute);text-decoration-color:var(--rule)}

.s-script{--c:var(--s-script)} .s-characters{--c:var(--s-characters)} .s-scenes{--c:var(--s-scenes)}
.s-voices{--c:var(--s-voices)} .s-redo{--c:var(--s-redo)} .s-export{--c:var(--s-export)} .s-share{--c:var(--s-share)}

.sheet:has(.hero){grid-template-columns:minmax(0,1fr);--img-h:22rem}
.sheet:has(.hero) .rail{display:none}
.hero{padding:.2rem 0 .6rem}
.hero .eyebrow{display:inline-block;font:700 .7rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--manila);padding:.4rem .6rem;margin:0 0 1rem;transform:rotate(-1.5deg)}
.hero h1{font-size:clamp(2.4rem,4.8vw,3.8rem);max-width:17ch}
.hero .answer{max-width:46rem}
main#doc>div.hero ol.line,ol.line{list-style:none;margin:2.4rem 0 .6rem;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));position:relative;max-width:none}
ol.line::before{content:"";position:absolute;left:7%;right:7%;top:1.3rem;height:5px;border-radius:3px;
  background:linear-gradient(90deg,var(--s-script),var(--s-characters),var(--s-scenes),var(--s-voices),var(--s-redo),var(--s-export),var(--s-share))}
ol.line li{margin:0;position:relative}
ol.line a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;text-decoration:none;padding:0 .2rem}
ol.line .no{display:grid;place-items:center;width:2.65rem;height:2.65rem;border-radius:50%;background:#FFFFFF;border:5px solid var(--c);font:900 1rem/1 var(--serif);color:var(--ink);position:relative;
  box-shadow:0 4px 8px -4px rgba(8,18,80,.4);transition:transform .2s,background .2s}
ol.line .nm{font:700 .88rem/1.2 var(--sans);color:var(--ink)}
ol.line .ct{font:400 .72rem/1.2 var(--mono);color:var(--mute)}
ol.line a:hover .no{background:var(--c);color:#FFFFFF;transform:scale(1.1)}

main#doc>ul.binders{max-width:none}
ul.binders{list-style:none;padding:0;margin:1.3rem 0 2.2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1.1rem 1.9rem}
ul.binders li{margin:0}
ul.binders a{position:relative;display:flex;flex-direction:column;height:100%;min-height:10.5rem;padding:.95rem 1rem .95rem 1.1rem;background:#FFFFFF;border-left:7px solid var(--desk);border-radius:4px 0 0 4px;
  text-decoration:none;box-shadow:0 0 0 1px var(--rule),0 10px 16px -12px rgba(8,18,80,.45);transition:transform .2s,box-shadow .2s}
ul.binders a:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--desk),0 16px 22px -14px rgba(8,18,80,.5)}
ul.binders .kd{font:600 .62rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
ul.binders .nm{font:900 1.18rem/1.2 var(--serif);color:var(--navy);margin:.4rem 0 .35rem}
ul.binders .ds{font:400 .82rem/1.45 var(--sans);color:var(--ink2)}
ul.binders .tabs{position:absolute;top:.35rem;bottom:.35rem;right:-1.05rem;width:1rem;display:flex;flex-direction:column;gap:2px}
ul.binders .tab{flex:1;display:block;border-radius:0 4px 4px 0;position:relative}
ul.binders .tab.own{background:var(--c)}
ul.binders .tab.part{background:color-mix(in srgb,var(--c) 38%,#FFFFFF)}
ul.binders .tab.none{background:#FFFFFF;box-shadow:inset 0 0 0 1px var(--rule),inset -1px 0 0 var(--rule)}
ul.binders .tab b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.chart,.fig{margin:1.8rem 0 1.2rem;padding:1.2rem 1.3rem 1rem;border-radius:6px;box-shadow:0 0 0 1px var(--rule),0 12px 20px -18px rgba(8,18,80,.5);
  background:linear-gradient(rgba(37,72,201,.045) 1px,transparent 1px) 0 0/18px 18px,linear-gradient(90deg,rgba(37,72,201,.045) 1px,transparent 1px) 0 0/18px 18px,#FFFFFF}
.chart svg{display:block;max-width:100%;overflow:visible;height:auto;margin-inline:auto}
.ch-matrix svg{max-width:100%}
.ch-bars svg{max-width:min(100%,50rem)}
.ch-timeline svg{max-width:min(100%,56rem)}
.chart figcaption,.fig figcaption{max-width:var(--measure);margin-top:.7rem;font:400 .78rem/1.55 var(--sans);color:var(--mute)}
.fign{float:left;margin:.08rem .5rem 0 0;padding:.12rem .45rem;background:var(--lemon);font:700 .64rem/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);transform:rotate(-2deg)}
a.fign:hover{background:var(--tangerine)}
.ch-title{font:700 .66rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;fill:var(--navy)}
.ch-lab{font:400 .82rem/1 var(--sans);fill:var(--ink2);text-anchor:end}
.ch-col{font:700 .66rem/1 var(--mono);text-transform:uppercase;fill:var(--ink2);text-anchor:middle}
.ch-val{font:700 .74rem/1 var(--mono);fill:var(--ink);dominant-baseline:middle}
.ch-na{font:400 .7rem/1 var(--sans);fill:var(--faint);dominant-baseline:middle}
.ch-bar{fill:var(--desk)}
.ch-val-in{text-anchor:end;fill:#FFFFFF}
.ch-hl .ch-bar{opacity:.26}
.ch-hl .ch-hi{opacity:1;fill:var(--tangerine)}
.ch-lab-hi{font-weight:700;fill:var(--ink)}
.ch-a{opacity:1}
.ch-b{opacity:.4}
.ch-keyt{font:600 .7rem/1 var(--sans);fill:var(--ink2)}
.ch-gap{fill:none;stroke:var(--rule);stroke-dasharray:4 3}
.ch-cell{fill:var(--band);stroke:none}
.ch-cell.ch-cur{fill:#FFF3C4;stroke:var(--tangerine);stroke-width:1.2}
.ch-mark{stroke:var(--navy);stroke-width:1.5}
.ch-m-yes{fill:var(--desk)}
.ch-m-part{fill:none}
.ch-m-none{fill:none;stroke:var(--mute);stroke-width:1.2;opacity:.6}
.ch-half{fill:var(--desk)}
.ch-axis,.ch-drop{stroke:var(--rule-strong)}
.ch-dot{fill:var(--tangerine)}
.ch-date{font:400 .7rem/1 var(--mono);fill:var(--faint);text-anchor:end}
.ch-lab2{font:400 .8rem/1 var(--sans);fill:var(--ink2)}
.ch-track{fill:var(--band)}
.ch-span{fill:var(--desk)}
.fig img{display:block;width:100%;height:auto;background:var(--band)}
.fig>img,.figs img{border:1px solid var(--rule)}
.fig .credit{display:block;margin-top:.3rem;font:400 .68rem/1.4 var(--mono);color:var(--faint)}
.figs{display:grid;grid-template-columns:repeat(var(--figcols,3),1fr);gap:.45rem}
.fig-shot img{border:1px solid var(--rule-strong)}
.fig-dia{overflow-x:auto}
.fig-dia svg{display:block;max-width:100%;min-width:38rem;overflow:visible;height:auto;margin-inline:auto}
.dg-band{fill:var(--panel)}
.dg-head{font:700 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;fill:var(--desk-deep)}
.dg-box{fill:#FFF8DD;stroke:var(--tangerine);stroke-width:1.2}
.dg-store{font:600 13px/1 var(--sans);fill:var(--ink)}
.dg-arrow{stroke:var(--desk);stroke-width:1.5;fill:none}
.dg-head-tip{fill:var(--desk)}
.dg-travels{font:400 10.5px/1 var(--mono);fill:var(--mute)}
.dg-bar{fill:var(--navy)}
.dg-bartext{font:600 12px/1 var(--sans);fill:#FFFFFF}
.dg-rule{stroke:var(--rule);stroke-width:1}
.dg-footlab{font:600 9px/1 var(--mono);fill:var(--mute);letter-spacing:.04em;text-transform:uppercase}
.dg-after{font:400 11px/1 var(--sans);fill:var(--ink2)}

.site-foot{background:var(--navy);color:#E6EBFF;margin-top:2rem;border-top:8px solid transparent;
  border-image:linear-gradient(90deg,var(--manila) 0 82%,var(--tangerine) 0) 1}
.sf{max-width:var(--frame);margin:0 auto;padding:2.4rem var(--pad) 1.4rem}
.sf-id{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.6rem;margin-bottom:.8rem}
.sf-id .sf-note{grid-column:1/-1;margin-top:.7rem}
.sf-id .mark svg{width:1.7rem;height:1.7rem;color:var(--lemon)}
.sf-name{font:900 1.2rem/1 var(--serif);color:#FFFFFF}
.sf-note{font-size:.86rem;color:#C3CCF0;max-width:44rem;margin:0 0 1.6rem}
.sf-map{display:flex;flex-wrap:wrap;gap:1.3rem 2rem;align-items:flex-start}
.sf-map>div.sfc{order:0;flex:1 1 10.5rem}
.sfc{line-height:1.45}
.sf-map>div.sfc:has(>ul>li:nth-child(9)){flex:2 1 24rem}
.sf-map>div.sfc:has(>ul>li:nth-child(9))>ul{columns:2 10rem;column-gap:1.6rem}
.sf-map>div.sfc>ul li{break-inside:avoid}
.sf-map::after{content:"";order:1;flex:0 0 100%;height:0;margin:-.3rem 0}
.sf-map>details.sfc{order:2;flex:0 0 auto}
.sf-map>details.sfc[open]{flex:1 1 100%}
.sfc ul{list-style:none;margin:0;padding:0}
.sfc li{margin:.22rem 0;font-size:.83rem}
.sfc a{color:#E6EBFF}
.sfc a:hover{color:var(--lemon);text-decoration:underline}
.sfh{display:block;font:700 .68rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lemon);margin:0 0 .6rem;padding-bottom:.45rem;border-bottom:1px solid rgba(255,255,255,.18)}
details.sfc>summary.sfh{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:.45rem;margin:0;padding:.55rem .85rem .5rem;border:0;border-radius:6px 6px 2px 2px;
  background:var(--manila);color:var(--ink);box-shadow:inset 0 -2px 0 var(--manila-edge);transition:transform .15s,background .15s}
details.sfc>summary.sfh:hover{transform:translateY(-2px);background:#FBE6AE;color:var(--ink)}
details.sfc[open]>summary.sfh{display:inline-flex;margin-bottom:.8rem;background:#FFFFFF}
details.sfc>summary.sfh::-webkit-details-marker{display:none}
details.sfc>summary.sfh::after{content:"+";margin-left:.3rem;font-weight:800;color:var(--orange-deep)}
details.sfc[open]>summary.sfh::after{content:"\2212"}
.sfh .sfn{font-weight:400;opacity:.7}
details.sfc[open]>ul{columns:4 11rem;column-gap:1.6rem}
details.sfc[open]>ul li{break-inside:avoid}
.sf-bar{max-width:var(--frame);margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-top:1px solid rgba(255,255,255,.16);padding:.9rem var(--pad) 1.6rem;font:400 .74rem/1.4 var(--mono);color:#B6C0E6}
.sf-dom{font-family:var(--mono)}
.sf-bar .stamp{color:#C6CFF0}

h2:target,li.fact:target{background-color:#FFF3C4}
.secnav a,.sfc a,ul.entries a,.mh-nav a{text-decoration:none}
a:focus-visible,summary:focus-visible{outline:3px solid var(--tangerine);outline-offset:2px;border-radius:2px}

@keyframes photo{from{opacity:0;filter:saturate(.4) brightness(1.2)}to{opacity:1;filter:none}}
@keyframes tabup{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}
@media (max-width:62rem){
  :root{--pr:2rem;--pl:4.6rem;--img-h:16rem}
  .sheet{grid-template-columns:minmax(0,1fr) 11rem}
  main#doc>div.hero ol.line,ol.line{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:1.4rem}
  ol.line::before{display:none}
}
@media (max-width:48rem){
  :root{--strip:2.4rem;--hole:.44rem;--hy:3.1rem;--tabh:1.35rem;--pt:1.3rem;--pr:1rem;--pl:3.3rem;--img-h:12.5rem}
  .sheet:has(.hero){--img-h:14rem}
  .sheet{display:flex;flex-direction:column;padding:.9rem .8rem 2.4rem}
  .column{order:1}
  
  .rail{order:2;position:static;margin:1.6rem 0 0;padding:0}
  .rl-h{margin-left:.2rem}
  .secnav a{border-radius:8px}
  main#doc::after{width:7rem;right:1.2rem}
  main#doc::before{padding:.6rem .6rem .65rem calc(var(--strip) + .3rem)}
  h1{font-size:1.75rem}
  .hero h1{font-size:2rem}
  h2{font-size:1.24rem}
  .answer{font-size:1rem;padding:1rem 1.05rem}
  ul.facts{grid-template-columns:1fr}
  li.fact:nth-child(n){transform:none}
  main#doc>div.hero ol.line,ol.line{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem .2rem}
  ol.line .no{width:2.1rem;height:2.1rem;border-width:4px;font-size:.85rem}
  ol.line .nm{font-size:.76rem}
  ol.line .ct{font-size:.64rem}
  ul.binders{grid-template-columns:1fr;gap:.8rem}
  ul.binders a{min-height:0;padding-right:1.4rem}
  ul.binders .tabs{right:-.2rem;width:.95rem}
}
@media (max-width:40rem){
  
  main#doc>:is(.chart,.fig-dia,.tablewrap){animation:none}
  
  .chart,.fig-dia{overflow-x:auto;overscroll-behavior-x:contain;
    background:
      linear-gradient(90deg,#FFFFFF 35%,rgba(255,255,255,0)) left center/2.4rem 100% no-repeat local,
      linear-gradient(270deg,#FFFFFF 35%,rgba(255,255,255,0)) right center/2.4rem 100% no-repeat local,
      radial-gradient(farthest-side at 0 50%,rgba(8,18,80,.28),transparent) left center/1rem 100% no-repeat scroll,
      radial-gradient(farthest-side at 100% 50%,rgba(8,18,80,.28),transparent) right center/1rem 100% no-repeat scroll,
      #FFFFFF}
  .ch-bars svg{min-width:37rem}
  .ch-matrix svg{min-width:min(34rem,calc(attr(width px) * .8))}
  .chart figcaption,.fig-dia figcaption{position:sticky;left:0;max-width:calc(100vw - 6rem)}
}
@media (max-width:30rem){
  
  :root{--strip:1.65rem;--hole:.36rem;--pl:2.35rem;--pr:.85rem}
  main#doc::before{padding-left:calc(var(--strip) + .15rem)}
}

@media (max-width:48rem){
  .mh{padding:.7rem .9rem .3rem;gap:.45rem}
  .brand{font-size:1.1rem}
  .mark svg{width:1.5rem;height:1.5rem}
  .mh-tag{display:none}
  .mh-nav{gap:.25rem;font-size:.64rem}
  .mh-nav a{padding:.32rem .42rem .36rem}
}

.rankwrap table :is(th,td):nth-child(5){white-space:nowrap}

.rankwrap table :is(th,td):nth-child(4){min-width:15em}