@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/spectral-latin-400-normal-cf8daee3.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:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/spectral-latin-400-italic-db397149.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:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/spectral-latin-600-normal-33faca8b.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:'Mulish Variable';font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/mulish-latin-wght-normal-8d1d33d6.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:#1D2521; --ink2:#35423B; --mute:#5B665F; --faint:#6A746D;
  --paper:#FFFCF3; --ground:#EFE6D2; --band:#EDE4D0; --panel:#FBF6EA;
  --rule:#DDD0B4; --rule-strong:#1D2521;
  --board:#22372F; --board2:#2B463B; --chalk:#F3F0E4; --chalk-dim:#BFC9C0; --chalk-y:#F1DA86; --chalk-p:#F1B6AE; --chalk-b:#A9CBE6;
  --wood:#9A6433; --wood-hi:#C08A55; --wood-lo:#6E4220;
  --red:#C23B2A; --red-deep:#962A1C; --wash:#FFF2C6;
  --green:#1F4A3A; --green2:#2E6A53; --brass:#A8792B; --brass-deep:#6B4A12;
  --g-school:#1F4A3A; --g-online:#A8792B; --g-mooc:#3F5E86; --g-tool:#8A4B3C;
  --stripe:var(--g-school);
  --shadow:0 1px 2px rgba(29,37,33,.06),0 8px 22px -12px rgba(29,37,33,.25);
  --sans:"Mulish Variable","Mulish","Helvetica Neue",Arial,sans-serif;
  --serif:"Spectral","Georgia",serif;
  --mono:var(--sans);
  --frame:76rem; --pad:1.6rem; --measure:43rem;
  
  --cb:clamp(230px,21vw,300px); --cmt:.35rem; --pt:2.8rem; --pr:2.8rem; --pl:4.4rem;
  --cb-pos:50% 50%;
  --wood-edge:linear-gradient(135deg,#C08A55 0%,#96602F 22%,#B27A45 40%,#83522A 62%,#A56D3B 80%,#7A4A22 100%);
  --dust:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='d'><feTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' seed='4' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .09 0'/></filter><rect width='100%25' height='100%25' filter='url(%23d)'/></svg>");
  --chalkline:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10' preserveAspectRatio='none'><filter id='r' x='-5%25' y='-50%25' width='110%25' height='200%25'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' seed='3'/><feDisplacementMap in='SourceGraphic' scale='3'/></filter><path d='M3 6 Q 60 3 110 5.5 T 197 4.5' fill='none' stroke='%23F1DA86' stroke-width='3.2' stroke-linecap='round' filter='url(%23r)'/></svg>");
  --wood-tex:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='120'><filter id='w' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='turbulence' baseFrequency='.0035 .11' numOctaves='3' seed='11' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .25  0 0 0 0 .12  0 0 0 0 .04  0 0 0 2.6 -.28'/></filter><filter id='f' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='.03 1.1' numOctaves='2' seed='5' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .98  0 0 0 0 .8  0 0 0 0 .56  0 0 0 .8 -.3'/></filter><rect width='100%25' height='100%25' fill='%23A56B3A'/><rect width='100%25' height='100%25' filter='url(%23f)'/><rect width='100%25' height='100%25' filter='url(%23w)'/></svg>");
  --wood-sz:400px 120px;
  
  --k1:#FBFAF3; --k2:#F6D98A; --k3:#F3BAB2; --kp1:12%; --kp2:26%; --kp3:34%; --ep:76%;
  --oh:0rem;
  --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='%235B665F' stroke-width='1.6' stroke-dasharray='3 3'/><path d='M30 1.5 38 6l-8 4.5z' fill='%23C23B2A'/></svg>");
  --banner:url(/decor/banner-home-e8a29c62.webp);
}

body:has(.crumbs a[href="/course-providers/"]),body:has(.mh-nav a[aria-current][href="/course-providers/"]){--banner:url(/decor/banner-providers-11313130.webp);--k1:#FBFAF3;--k2:#A9CBE6;--k3:#F6D98A;--kp1:10%;--kp2:21%;--kp3:30%;--ep:80%}
body:has(.crumbs a[href="/course-facts/"]),body:has(.mh-nav a[aria-current][href="/course-facts/"]){--banner:url(/decor/banner-facts-fd4c9939.webp);--k1:#F6D98A;--k2:#FBFAF3;--k3:#F3BAB2;--kp1:16%;--kp2:40%;--kp3:47%;--ep:18%}
body:has(.crumbs a[href="/courses-ending-in-a-film/"]),body:has(.mh-nav a[aria-current][href="/courses-ending-in-a-film/"]){--banner:url(/decor/banner-film-4f81ad07.webp);--k1:#F3BAB2;--k2:#F6D98A;--k3:#FBFAF3;--kp1:58%;--kp2:70%;--kp3:78%;--ep:14%}
body:has(.crumbs a[href="/provider-pairs/"]),body:has(.mh-nav a[aria-current][href="/provider-pairs/"]){--banner:url(/decor/banner-pairs-f49a8118.webp);--k1:#FBFAF3;--k2:#FBFAF3;--k3:#A9CBE6;--kp1:22%;--kp2:30%;--kp3:66%;--ep:84%}
body:has(.crumbs a[href="/learning-questions/"]),body:has(.mh-nav a[aria-current][href="/learning-questions/"]){--banner:url(/decor/banner-questions-3640c6bb.webp);--k1:#A9CBE6;--k2:#FBFAF3;--k3:#F6D98A;--kp1:8%;--kp2:50%;--kp3:58%;--ep:26%}
body:has(.crumbs a[href="/course-terms/"]),body:has(.mh-nav a[aria-current][href="/course-terms/"]){--banner:url(/decor/banner-terms-f40a2a22.webp);--k1:#F6D98A;--k2:#F3BAB2;--k3:#A9CBE6;--kp1:62%;--kp2:71%;--kp3:79%;--ep:20%}
body:has(.crumbs a[href="/study-notes/"]),body:has(.mh-nav a[aria-current][href="/study-notes/"]){--banner:url(/decor/banner-notes-2eb5395c.webp);--k1:#FBFAF3;--k2:#F3BAB2;--k3:#FBFAF3;--kp1:14%;--kp2:24%;--kp3:86%;--ep:52%}
body:has(.crumbs a[href="/how-courses-were-read/"]),body:has(.mh-nav a[aria-current][href="/how-courses-were-read/"]),body:has(.crumbs a[href="/datasets/"]),html:has(link[rel=canonical][href$="aimoviecourse.com/datasets/"]) body{--banner:url(/decor/banner-method-3291e34b.webp);--k1:#FBFAF3;--k2:#A9CBE6;--k3:#F3BAB2;--kp1:30%;--kp2:40%;--kp3:48%;--ep:74%}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:1.5rem}
body{margin:0;overflow-x:clip;color:var(--ink);font:400 17px/1.7 var(--sans);font-variant-numeric:tabular-nums;
  background-color:var(--ground);
  background-image:linear-gradient(rgba(31,74,58,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(31,74,58,.055) 1px,transparent 1px),
                   radial-gradient(80% 60% at 50% 0%,rgba(255,250,235,.7),rgba(255,250,235,0) 70%);
  background-size:36px 36px,144px 100%,100% 100%;background-attachment:scroll,scroll,fixed}
a{color:inherit;text-decoration:none}
p a,li a,td a,dd a{text-decoration:underline;text-decoration-color:rgba(176,86,62,.5);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(--red-deep);text-decoration-color:var(--red);text-decoration-thickness:2px}
::selection{background:var(--chalk-y);color:var(--ink)}

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

.masthead{position:relative;color:var(--chalk);border-bottom:12px solid transparent;
  background:radial-gradient(60% 120% at 15% 20%,rgba(255,255,255,.07),rgba(255,255,255,0) 60%) padding-box,radial-gradient(50% 100% at 85% 80%,rgba(255,255,255,.05),rgba(255,255,255,0) 60%) padding-box,var(--dust) padding-box,linear-gradient(var(--board),var(--board)) padding-box,linear-gradient(180deg,rgba(255,225,180,.3),rgba(0,0,0,.3)) border-box,var(--wood-tex) 0 0/var(--wood-sz) border-box;
  box-shadow:0 10px 18px -12px rgba(60,35,10,.6)}
.mh{max-width:var(--frame);margin:0 auto;padding:1.05rem var(--pad) 0;display:flex;flex-wrap:wrap;align-items:flex-end;gap:.4rem 2rem}
.brand{display:flex;align-items:center;gap:.65rem;font:600 1.5rem/1 var(--serif);letter-spacing:-.01em;padding-bottom:.9rem;color:var(--chalk)}
.mark{display:inline-flex;flex:none;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--chalk-y);color:var(--board);align-items:center;justify-content:center;box-shadow:0 0 0 3px rgba(241,218,134,.2)}
.mark svg{width:1.3rem;height:1.3rem}
.mh-tag{margin:0 0 .95rem;flex:1 1 14rem;font:italic 400 .98rem/1.3 var(--serif);color:var(--chalk-dim)}
.mh-nav{display:flex;flex-wrap:wrap;gap:0 .2rem;flex-basis:100%;font:700 .82rem/1 var(--sans);letter-spacing:.02em;border-top:1px dashed rgba(243,240,228,.18)}
.mh-nav a{padding:.8rem .8rem .85rem;color:var(--chalk-dim);background:no-repeat center bottom .35rem/calc(100% - 1.2rem) 0;transition:color .2s,background-size .3s}
.mh-nav a:hover{color:var(--chalk);background-image:var(--chalkline);background-size:calc(100% - 1.2rem) 7px}
.mh-nav a[aria-current=page]{color:var(--chalk);background-image:var(--chalkline);background-size:calc(100% - 1.2rem) 7px}

.sheet{max-width:var(--frame);margin:0 auto;padding:2rem var(--pad) 4.5rem;display:grid;grid-template-columns:13rem minmax(0,1fr);gap:2.4rem}
.column{min-width:0;grid-column:2;grid-row:1}
.rail{grid-column:1;grid-row:1;position:sticky;top:1.4rem;align-self:start;margin-top:2.6rem;font:400 .84rem/1.5 var(--sans);color:var(--ink2)}
.rl,.rl-figs{display:none}
.rl span{display:block;font-size:.66rem;color:var(--mute)}
.rl b{display:block;font:600 1rem/1.3 var(--serif)}
.rl-figs a{display:inline-block;margin:.12rem .35rem .12rem 0;font-size:.74rem;color:var(--mute)}
.secnav{position:relative;padding:0 0 .7rem;background:var(--paper);border-radius:4px;box-shadow:var(--shadow),0 0 0 1px var(--rule);overflow:hidden}
.secnav::after{content:"";position:absolute;left:0;top:2.35rem;bottom:0;width:4px;background:linear-gradient(180deg,var(--g-school) 0 25%,var(--g-online) 25% 50%,var(--g-mooc) 50% 75%,var(--g-tool) 75%)}
.rl-h{display:block;margin:0 0 .4rem;padding:.7rem .9rem .65rem;background:var(--dust),var(--board);color:var(--chalk-y);font:italic 400 1.02rem/1 var(--serif)}
.secnav ol{list-style:none;margin:0;padding:0 .7rem}
.secnav li{margin:0;border-bottom:1px dotted var(--rule)}
.secnav li:last-child{border-bottom:0}
.secnav a{display:grid;grid-template-columns:1.8rem minmax(0,1fr);gap:.45rem;align-items:baseline;padding:.5rem .1rem .5rem .2rem;color:var(--ink2);text-decoration:none;transition:color .2s,background-color .2s}
.secnav a i{font:italic 600 1.05rem/1 var(--serif);color:var(--brass-deep)}
.secnav a:hover{color:var(--ink);background:var(--wash)}
.secnav a:hover i{color:var(--red)}

.crumbs{margin:0 0 1rem;font-size:.8rem;color:var(--mute)}
.crumbs a{color:var(--ink2);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px}
.crumbs a:hover{color:var(--red-deep)}

main#doc{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--cb);grid-template-rows:auto auto 1fr;column-gap:2.4rem;align-content:start;padding:var(--pt) var(--pr) 3.2rem var(--pl);border-radius:3px;box-shadow:var(--shadow),0 0 0 1px rgba(221,208,180,.7);
  background:linear-gradient(90deg,transparent calc(var(--pl) - 1.35rem),rgba(194,59,42,.4) calc(var(--pl) - 1.35rem) calc(var(--pl) - 1.28rem),transparent calc(var(--pl) - 1.28rem) calc(var(--pl) - 1.12rem),rgba(194,59,42,.4) calc(var(--pl) - 1.12rem) calc(var(--pl) - 1.05rem),transparent calc(var(--pl) - 1.05rem)),var(--paper)}

main#doc::before{content:"";box-sizing:border-box;grid-column:2;grid-row:1/span 3;align-self:start;justify-self:start;width:calc(var(--cb) + var(--oh));height:calc((var(--cb) + var(--oh) - 28px) * .9007 + 28px);margin:var(--cmt) calc(-1 * var(--oh)) 2rem 0;z-index:1;
  border:14px solid transparent;
  background:var(--banner) var(--cb-pos)/cover no-repeat padding-box,linear-gradient(var(--board),var(--board)) padding-box,linear-gradient(135deg,rgba(255,230,190,.28),rgba(0,0,0,0) 40%,rgba(0,0,0,.22)) border-box,var(--wood-tex) 0 0/var(--wood-sz) border-box;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.4),inset 0 0 26px rgba(0,0,0,.55),0 0 0 1px var(--wood-lo),0 22px 30px -18px rgba(60,35,10,.6);
  transform-origin:50% 0;animation:hang 1.1s cubic-bezier(.3,1.4,.5,1) .1s both}
main#doc::after{content:"";position:absolute;pointer-events:none;height:18px;
  top:calc(var(--pt) + var(--cmt) + (var(--cb) + var(--oh) - 28px) * .9007 + 28px - 10px);right:calc(var(--pr) - var(--oh) - 12px);width:calc(var(--cb) + var(--oh) + 24px);z-index:1;
  background:
    linear-gradient(90deg,var(--k1),color-mix(in srgb,var(--k1) 82%,#6E5A3C)) var(--kp1) 1px/38px 7px no-repeat,
    linear-gradient(90deg,var(--k2),color-mix(in srgb,var(--k2) 82%,#6E5A3C)) var(--kp2) 2px/26px 6px no-repeat,
    linear-gradient(90deg,var(--k3),color-mix(in srgb,var(--k3) 82%,#6E5A3C)) var(--kp3) 2px/20px 6px no-repeat,
    linear-gradient(180deg,#3C3A38 0 58%,#CDB892 58% 100%) var(--ep) 0/52px 11px no-repeat,
    linear-gradient(180deg,rgba(255,225,180,.35),rgba(0,0,0,0) 40%,rgba(0,0,0,.35)) 0 8px/100% 10px no-repeat,var(--wood-tex) 0 8px/var(--wood-sz) repeat-x;
  border-radius:0 0 3px 3px;filter:drop-shadow(0 6px 5px rgba(60,35,10,.35));animation:rise .6s ease 1s both}
main#doc>*{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
main#doc>:nth-child(1){animation-delay:.35s} main#doc>:nth-child(2){animation-delay:.42s} main#doc>:nth-child(3){animation-delay:.49s}
main#doc>:nth-child(4){animation-delay:.56s} main#doc>:nth-child(n+5){animation-delay:.62s}
main#doc>*{grid-column:1/-1;min-width:0}
main#doc>h1{grid-column:1;grid-row:1}
main#doc>h1+.answer{grid-column:1;grid-row:2;align-self:start}
main#doc>p,main#doc>ul:not(.coursegrid):not(.finders):not(.entries):not(.facts),main#doc>ol,main#doc>blockquote,main#doc>.clause{max-width:var(--measure)}

main#doc>:is(.fig-dia,.tablewrap){animation:none}
h1{font:600 clamp(1.95rem,2.9vw,2.65rem)/1.1 var(--serif);letter-spacing:-.018em;margin:0 0 1.1rem;text-wrap:balance}
h2{display:flex;align-items:center;gap:.8rem;font:600 1.6rem/1.2 var(--serif);letter-spacing:-.01em;margin:3.1rem 0 1rem}
h2 .secno{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;border-radius:4px;background:var(--dust),var(--board);color:var(--chalk);
  font:italic 600 1.1rem/1 var(--serif);text-decoration:none;box-shadow:0 0 0 3px var(--wood),0 0 0 4px var(--wood-lo),0 4px 8px -3px rgba(60,35,10,.5)}
h3{font:600 1.18rem/1.35 var(--serif);margin:1.8rem 0 .5rem}
p{margin:0 0 1rem}
ul,ol{margin:0 0 1.1rem;padding-left:1.25rem}
li{margin:.3rem 0}
main#doc>ul:not([class]){list-style:none;padding-left:0}
main#doc>ul:not([class])>li{position:relative;padding-left:1.4rem}
main#doc>ul:not([class])>li::before{content:"";position:absolute;left:.15rem;top:.62em;width:.5rem;height:.5rem;border-radius:50%;border:2px solid var(--red)}

.answer{margin:0 0 2rem;font:400 1.24rem/1.58 var(--serif);color:var(--ink);padding-left:1.05rem;border-left:3px solid var(--red)}
.asof{display:inline-block;margin-left:.4rem;padding:.12rem .45rem;border-radius:3px;background:var(--wash);font:700 .66rem/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--brass-deep);vertical-align:middle}

.sheet:has(.hero){grid-template-columns:minmax(0,1fr)}
.sheet:has(.hero) .column{grid-column:1}
.sheet:has(.hero) .rail{display:none}
main#doc:has(>.hero)::before,main#doc:has(>.hero)::after{display:none}
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr);grid-template-areas:"copy board" "card card";gap:1.4rem 3rem;align-items:start;padding:.4rem 0 .6rem}
.hero-copy{grid-area:copy;padding-top:1.2rem}
.hero::before{content:"";grid-area:board;box-sizing:border-box;width:100%;aspect-ratio:1.18;border:16px solid transparent;
  background:var(--banner) 50% 50%/cover no-repeat padding-box,linear-gradient(var(--board),var(--board)) padding-box,linear-gradient(135deg,rgba(255,230,190,.28),rgba(0,0,0,0) 40%,rgba(0,0,0,.22)) border-box,var(--wood-tex) 0 0/var(--wood-sz) border-box;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.35),inset 0 0 30px rgba(0,0,0,.55),0 0 0 1px var(--wood-lo),0 26px 34px -20px rgba(60,35,10,.65);
  transform-origin:50% 0;animation:hang 1.1s cubic-bezier(.3,1.4,.5,1) .1s both}
.hero::after{content:"";grid-area:board;align-self:start;justify-self:center;width:calc(100% + 24px);height:18px;margin-top:calc(100% / 1.18 - 9px);
  background:
    linear-gradient(90deg,#FBFAF3,#E7E3D6) 12% 1px/42px 7px no-repeat,
    linear-gradient(90deg,#F6D98A,#E3C272) 26% 2px/28px 6px no-repeat,
    linear-gradient(90deg,#A9CBE6,#8FB4D3) 34% 2px/22px 6px no-repeat,
    linear-gradient(180deg,#3C3A38 0 58%,#CDB892 58% 100%) 76% 0/56px 11px no-repeat,
    linear-gradient(180deg,rgba(255,225,180,.35),rgba(0,0,0,0) 40%,rgba(0,0,0,.35)) 0 8px/100% 10px no-repeat,var(--wood-tex) 0 8px/var(--wood-sz) repeat-x;
  filter:drop-shadow(0 6px 5px rgba(60,35,10,.35))}
.hero h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.02;max-width:16ch}
.eyebrow{display:inline-block;margin:0 0 1rem;padding:.35rem .7rem;border-radius:3px;background:var(--wash);font:800 .72rem/1.2 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--brass-deep)}
.cta{display:flex;flex-wrap:wrap;gap:.6rem;margin:.6rem 0 0}
.btn{display:inline-block;padding:.85rem 1.2rem;border-radius:4px;background:var(--dust),var(--board);color:var(--chalk)!important;font:800 .9rem/1 var(--sans);text-decoration:none!important;box-shadow:0 0 0 3px var(--wood),0 6px 12px -6px rgba(60,35,10,.6);transition:transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--red-deep)!important;box-shadow:inset 0 0 0 2px var(--red)}
.btn.ghost:hover{background:var(--red);color:#FFFCF3!important}
.hero-card{grid-area:card;margin:.6rem 0 0;padding:1.1rem 1.2rem 1rem;background:var(--paper);border-radius:4px;box-shadow:var(--shadow),0 0 0 1px var(--rule)}
.hc-h{margin:0 0 .8rem;font:italic 400 1.2rem/1.2 var(--serif);color:var(--green)}
.hero-card ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.55rem}
.hero-card li{--stripe:var(--g-school);margin:0}
.hero-card li:nth-child(4n+2){--stripe:var(--g-online)} .hero-card li:nth-child(4n+3){--stripe:var(--g-mooc)} .hero-card li:nth-child(4n){--stripe:var(--g-tool)}
.hero-card li a{display:block;height:100%;padding:.6rem .75rem .65rem;border-radius:3px;border-left:5px solid var(--stripe);background:color-mix(in srgb,var(--stripe) 8%,var(--paper));text-decoration:none;transition:transform .2s}
.hero-card li a:hover{transform:translateY(-2px)}
.hero-card b{display:block;font:600 1rem/1.25 var(--serif);color:var(--ink)}
.hero-card span{display:block;margin-top:.15rem;font-size:.78rem;line-height:1.4;color:var(--mute)}
.hero-card li a:hover b{color:var(--red-deep)}
.hc-f{margin:.8rem 0 0;font:800 .82rem/1.3 var(--sans)}
ul.finders{list-style:none;padding:0;margin:1rem 0 1.6rem;display:flex;flex-wrap:wrap;gap:.5rem}
ul.finders li{margin:0}
ul.finders a{display:inline-block;padding:.6rem 1rem;border-radius:999px;background:var(--paper);border:1.5px solid var(--rule);font:800 .84rem/1 var(--sans);color:var(--ink2);text-decoration:none;transition:border-color .2s,color .2s,transform .2s}
ul.finders a::before{content:"\2192\00a0";color:var(--red)}
ul.finders a:hover{border-color:var(--green);color:var(--green);transform:translateY(-2px)}
.shelf{margin:1.8rem 0 2.2rem}
.shelf h3{display:flex;align-items:baseline;gap:.5rem;font:600 1.25rem/1.2 var(--serif);margin:0 0 .9rem;padding-bottom:.5rem;border-bottom:3px solid var(--stripe)}
.shelf h3 span{font:800 .72rem/1 var(--sans);color:#FFFCF3;background:var(--stripe);padding:.25rem .45rem;border-radius:3px}
.shelf.g-school{--stripe:var(--g-school)}
.shelf.g-online{--stripe:var(--g-online)}
.shelf.g-online h3 span{background:#986A17}
.shelf.g-mooc{--stripe:var(--g-mooc)}
.shelf.g-tool{--stripe:var(--g-tool)}
ul.coursegrid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
ul.coursegrid>li:last-child:nth-child(4n+1){grid-column:1/-1}
ul.coursegrid>li:last-child:nth-child(4n+1) a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:1.4rem;align-items:start}
ul.coursegrid>li:last-child:nth-child(4n+1) a>*{grid-column:1}
ul.coursegrid>li:last-child:nth-child(4n+1) a>.ds{grid-column:2;grid-row:1/span 3}
ul.coursegrid>li:last-child:nth-child(4n+1) a>.meta-row{grid-column:1/-1}
ul.coursegrid li{margin:0}
ul.coursegrid a{display:flex;flex-direction:column;gap:.3rem;height:100%;padding:1rem 1.05rem 1.05rem;background:var(--paper);border-radius:4px;border-top:5px solid var(--stripe);box-shadow:var(--shadow);text-decoration:none;transition:transform .2s,box-shadow .2s}
ul.coursegrid a:hover{transform:translateY(-3px) rotate(-.3deg);box-shadow:0 18px 28px -18px rgba(29,37,33,.5)}
.coursegrid .kd{font:800 .66rem/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--stripe)}
.shelf.g-online .coursegrid .kd{color:#986A17}
.coursegrid .nm{font:600 1.12rem/1.25 var(--serif);color:var(--ink)}
.coursegrid .ds{font-size:.84rem;color:var(--mute);line-height:1.45}
.meta-row{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem;padding-top:.55rem;border-top:1px dotted var(--rule)}
.meta-row i{font-style:normal;font-size:.72rem;line-height:1.3;padding:.2rem .45rem;border-radius:3px;background:var(--band);color:var(--ink2)}

.statusbox{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:.6rem;margin:1.4rem 0 1.8rem}
.sb-row{padding:.75rem .9rem;background:var(--panel);border-radius:4px;border-top:4px solid var(--brass);box-shadow:0 0 0 1px var(--rule)}
.statusbox dt{font:800 .64rem/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--brass-deep)}
.statusbox dd{margin:.3rem 0 0;font:600 1.02rem/1.35 var(--serif)}
ul.facts{list-style:none;padding:0;margin:1.3rem 0 2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));gap:.8rem}
li.fact{--stripe:var(--g-school);display:flex;flex-direction:column;gap:.35rem;margin:0;padding:.95rem 1.05rem .9rem;background:color-mix(in srgb,var(--stripe) 6%,var(--paper));border-radius:4px;border-top:5px solid var(--stripe);box-shadow:0 0 0 1px var(--rule);transition:transform .2s,box-shadow .2s}
ul.facts li.fact:nth-child(4n+2){--stripe:var(--g-online)} ul.facts li.fact:nth-child(4n+3){--stripe:var(--g-mooc)} ul.facts li.fact:nth-child(4n){--stripe:var(--g-tool)}
li.fact:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--rule),0 14px 22px -16px rgba(29,37,33,.5)}
li.fact .tag{font-size:.66rem;line-height:1.45;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--stripe)}
ul.facts li.fact:nth-child(4n+2) .tag{color:#93650F}
li.fact .fv{display:flex;flex-direction:column;gap:.18rem;min-width:0}
li.fact .val{font:600 1.04rem/1.45 var(--serif)}
li.fact .note{font-size:.86rem;line-height:1.5;color:var(--ink2)}
li.fact .meta{margin-top:auto;padding-top:.45rem;border-top:1px dotted var(--rule);font-size:.72rem;line-height:1.5;color:var(--faint)}
li.fact .meta .sep{margin:0 .3rem;color:var(--rule)}

blockquote{position:relative;margin:1.8rem 0;padding:.95rem 1.2rem .85rem 3rem;color:var(--chalk);font:italic 400 1.1rem/1.6 var(--serif);
  border:5px solid transparent;background:radial-gradient(70% 90% at 20% 20%,rgba(255,255,255,.06),rgba(255,255,255,0) 60%) padding-box,var(--dust) padding-box,linear-gradient(var(--board),var(--board)) padding-box,var(--wood-tex) 0 0/var(--wood-sz) border-box;box-shadow:inset 0 0 18px rgba(0,0,0,.45),0 12px 20px -14px rgba(60,35,10,.55)}
blockquote::before{content:"\201C";position:absolute;left:.75rem;top:.2rem;font:600 2.8rem/1 var(--serif);color:var(--chalk-y)}
blockquote p{margin:0 0 .4rem}
blockquote a{color:var(--chalk);text-decoration-color:var(--chalk-y)}
blockquote cite{font:normal 800 .68rem/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--chalk-y)}
main#doc>blockquote:nth-of-type(even){color:var(--ink);border:0;border-radius:3px;padding:1rem 1.2rem .9rem 3.2rem;transform:rotate(-.35deg);
  background:linear-gradient(90deg,transparent 2.3rem,rgba(194,59,42,.45) 2.3rem calc(2.3rem + 1.5px),transparent calc(2.3rem + 1.5px)),
    repeating-linear-gradient(180deg,transparent 0 calc(1.76rem - 1px),rgba(63,94,134,.2) calc(1.76rem - 1px) 1.76rem) 0 .72rem,#FFFDF6;
  box-shadow:0 0 0 1px var(--rule),0 10px 18px -12px rgba(60,35,10,.45)}
main#doc>blockquote:nth-of-type(even)::before{left:.55rem;color:var(--red)}
main#doc>blockquote:nth-of-type(even) cite{color:var(--brass-deep)}
main#doc>blockquote:nth-of-type(even) a{color:var(--ink);text-decoration-color:rgba(176,86,62,.5)}

.tablewrap{overflow-x:auto;margin:1.5rem 0 .6rem;background:var(--paper);border-radius:4px;box-shadow:var(--shadow),0 0 0 1px var(--rule)}
table{width:100%;border-collapse:collapse;font-size:.9rem}
caption{caption-side:top;text-align:left;padding:.85rem 1rem .65rem;font:italic 400 .98rem/1.4 var(--serif);color:var(--ink2)}
thead th{text-align:left;font:800 .66rem/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--chalk);padding:.7rem 1rem;background:var(--dust),var(--board)}
tbody td{padding:.62rem 1rem;border-bottom:1px dotted var(--rule);vertical-align:top}
tbody td:first-child{font-weight:800}
tbody tr:nth-child(even){background:#FCF7EA}
tbody tr:hover{background:#F6EDD6}
tbody tr:last-child td{border-bottom:0}
tr.is-current{background:var(--wash)!important;box-shadow:inset 4px 0 0 var(--red)}
tr.is-current td{font-weight:800}
.rule{font-size:.8rem;color:var(--mute);margin:.5rem 0 1.6rem;max-width:var(--measure)}
.rule b{font-weight:800;color:var(--red-deep)}
.clause{font-size:.9rem;color:var(--ink2)}

main ul.entries{list-style:none;padding:0;margin:1.2rem 0 2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
ul.entries>li:last-child:nth-child(3n+1){grid-column:1/-1}
ul.entries li{--stripe:var(--g-school);margin:0;padding:.9rem 1rem .95rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:clip;overflow-clip-margin:content-box;background:var(--paper);border-radius:4px;border-left:5px solid var(--stripe);box-shadow:var(--shadow),0 0 0 1px var(--rule);font-size:.86rem;line-height:1.5;color:var(--mute);transition:transform .2s,box-shadow .2s}
ul.entries li:nth-child(4n+2){--stripe:var(--g-online)} ul.entries li:nth-child(4n+3){--stripe:var(--g-mooc)} ul.entries li:nth-child(4n){--stripe:var(--g-tool)}
ul.entries li:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--rule),0 16px 26px -18px rgba(29,37,33,.55)}
ul.entries a{display:block;margin-bottom:.2rem;font:600 1.06rem/1.3 var(--serif);color:var(--ink);text-decoration:none}
ul.entries a:hover{color:var(--red-deep)}

.stamp{font-size:.72rem;color:var(--faint)}
li.fact .meta a[href^="http"]{color:var(--mute)}

.chart,.fig{margin:1.8rem 0 1.2rem;padding:1.2rem 1.3rem 1rem;border-radius:4px;box-shadow:var(--shadow),0 0 0 1px var(--rule);
  background:linear-gradient(rgba(63,94,134,.07) 1px,transparent 1px) 0 0/100% 22px,linear-gradient(90deg,rgba(63,94,134,.07) 1px,transparent 1px) 0 0/22px 100%,var(--paper)}
.chart svg{display:block;max-width:100%;overflow:visible;margin:0;height:auto}
.ch-matrix svg{max-width:min(100%,46rem)}
.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:.8rem;font:italic 400 .92rem/1.5 var(--serif);color:var(--ink2)}
.fign{float:left;margin:.1rem .55rem 0 0;padding:.12rem .45rem;border-radius:3px;background:var(--board);font:normal 800 .64rem/1.5 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--chalk-y)}
a.fign:hover{background:var(--red);color:#FFFCF3}
.ch-title{font:800 .66rem/1 var(--sans);letter-spacing:.07em;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:800 .56rem/1 var(--sans);text-transform:uppercase;fill:var(--mute);text-anchor:middle}
.ch-val{font:800 .76rem/1 var(--sans);fill:var(--ink);dominant-baseline:middle}
.ch-na{font:400 .72rem/1 var(--sans);fill:var(--faint);dominant-baseline:middle}
.ch-bar{fill:var(--green)}
.ch-val-in{text-anchor:end;fill:#FFFFFF}
.ch-hl .ch-bar{opacity:.25}
.ch-hl .ch-hi{opacity:1;fill:var(--red)}
.ch-lab-hi{font-weight:800;fill:var(--ink)}
.ch-a{opacity:1}
.ch-b{opacity:.4}
.ch-keyt{font:600 .72rem/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:var(--wash);stroke:var(--red);stroke-width:1.2}
.ch-mark{stroke:var(--green);stroke-width:1.6}
.ch-m-yes{fill:var(--green)}
.ch-m-part{fill:none}
.ch-m-none{fill:none;stroke:var(--mute);stroke-width:1.2;opacity:.6}
.ch-half{fill:var(--green)}
.ch-axis,.ch-drop{stroke:var(--rule)}
.ch-dot{fill:var(--red)}
.ch-date{font:400 .72rem/1 var(--sans);fill:var(--faint);text-anchor:end}
.ch-track{fill:var(--band)}
.ch-span{fill:var(--green)}
.fig img{display:block;width:100%;height:auto;background:var(--band);border-radius:3px}
.fig .credit{display:block;margin-top:.3rem;font:normal 400 .7rem/1.4 var(--sans);color:var(--faint)}
.figs{display:grid;grid-template-columns:repeat(var(--figcols,3),1fr);gap:.5rem}
.fig-dia{overflow-x:auto}
.fig-dia svg{display:block;max-width:100%;min-width:38rem;overflow:visible;height:auto}
.dg-band{fill:var(--panel)}
.dg-head{font:800 10.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;fill:var(--red-deep)}
.dg-box{fill:var(--band);stroke:var(--green);stroke-width:1}
.dg-store{font:600 13px/1 var(--serif);fill:var(--ink)}
.dg-arrow{stroke:var(--red);stroke-width:1.6;fill:none}
.dg-head-tip{fill:var(--red)}
.dg-travels{font:400 10.5px/1 var(--sans);fill:var(--mute)}
.dg-bar{fill:var(--board)}
.dg-bartext{font:800 12px/1 var(--sans);fill:var(--chalk)}
.dg-rule{stroke:var(--rule);stroke-width:1}
.dg-footlab{font:800 9px/1 var(--sans);fill:var(--mute);letter-spacing:.06em;text-transform:uppercase}
.dg-after{font:400 11px/1 var(--sans);fill:var(--ink2)}
.fig-dia svg{margin-top:.4rem}
.fig-dia svg>text.dg-footlab:first-of-type{transform:translateY(-6px)}
.fig-dia svg>text.dg-head:has(tspan+tspan):has(+rect.dg-box){transform:translateY(-8px)}
.fig-dia:has(svg>rect.dg-box+text.dg-head+text.dg-after) rect.dg-box{fill:var(--g-school);stroke:none;rx:4px}
.fig-dia:has(svg>rect.dg-box+text.dg-head+text.dg-after) rect.dg-box:nth-of-type(4n+2){fill:var(--g-online)}
.fig-dia:has(svg>rect.dg-box+text.dg-head+text.dg-after) rect.dg-box:nth-of-type(4n+3){fill:var(--g-mooc)}
.fig-dia:has(svg>rect.dg-box+text.dg-head+text.dg-after) rect.dg-box:nth-of-type(4n){fill:var(--g-tool)}
.fig-dia:has(svg>rect.dg-box+text.dg-head+text.dg-after) .dg-head{fill:#FFFCF3;letter-spacing:.07em}
.fig-dia:has(svg>rect.dg-box+text.dg-head+text.dg-after) .dg-after{font:italic 500 13px/1 var(--serif);fill:var(--ink)}

.fig-dia:has(svg>rect.dg-box+text.dg-head+text.dg-after) svg{-webkit-mask:linear-gradient(90deg,#000 62%,transparent 76%);mask:linear-gradient(90deg,#000 62%,transparent 76%)}

.site-foot{color:var(--chalk-dim);margin-top:3rem;border-top:12px solid transparent;
  background:radial-gradient(50% 80% at 80% 10%,rgba(255,255,255,.06),rgba(255,255,255,0) 60%) padding-box,var(--dust) padding-box,linear-gradient(var(--board),var(--board)) padding-box,linear-gradient(180deg,rgba(255,225,180,.3),rgba(0,0,0,.3)) border-box,var(--wood-tex) 0 0/var(--wood-sz) border-box}
.sf{max-width:var(--frame);margin:0 auto;padding:2.8rem var(--pad) 1.4rem}
.sf-id{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.4rem}
.sf-id::after{content:"";flex-basis:100%;order:1}
.sf-id .sf-note{order:2}
.sf-id .mark{width:1.9rem;height:1.9rem}
.sf-id .mark svg{width:1.15rem;height:1.15rem}
.sf-name{font:600 1.25rem/1 var(--serif);color:var(--chalk)}
.sf-note{font:italic 400 .98rem/1.55 var(--serif);color:var(--chalk-dim);max-width:44rem;margin:.2rem 0 1.8rem}
.sf-map{columns:4 12rem;column-gap:2rem}
.sfc{display:block;break-inside:avoid;margin:0 0 1.5rem}
.sfc ul{list-style:none;margin:0;padding:0}
.sfc li{margin:.22rem 0;font-size:.84rem}
.sfc a{color:var(--chalk);opacity:.85;text-decoration:none}
.sfc a:hover{opacity:1;color:var(--chalk-y)}
.sfh{display:block;padding-bottom:.45rem;margin:0 0 .55rem;font:800 .68rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--chalk-y);background:var(--chalkline) no-repeat left bottom/5.5rem 5px}
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:800;opacity:.75}
details.sfc[open]>summary.sfh::after{content:"\2212"}
.sfh .sfn{font-weight:400;opacity:.65}
details.sfc[open]{column-span:all;margin-top:.3rem}
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 dashed rgba(243,240,228,.2);padding:1rem var(--pad) 1.9rem;font:400 .76rem/1.4 var(--sans);color:var(--chalk-dim)}

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

@keyframes hang{0%{opacity:0;transform:translateY(-14px) rotate(-3deg)}60%{opacity:1}100%{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}
@media (min-width:76rem){
  :root{--oh:calc(var(--pr) + 1.4rem)}
}
@media (max-width:62rem){
  .sheet{grid-template-columns:11.5rem minmax(0,1fr);gap:1.6rem}
  :root{--cb:clamp(190px,24vw,240px);--pt:2.2rem;--pr:1.9rem;--pl:3.4rem}
  main ul.entries{grid-template-columns:repeat(2,minmax(0,1fr))}
  ul.entries>li:last-child:nth-child(3n+1){grid-column:auto}
  ul.entries>li:last-child:nth-child(2n+1){grid-column:1/-1}
  ul.coursegrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  ul.coursegrid>li:last-child:nth-child(4n+1){grid-column:auto}
  ul.coursegrid>li:last-child:nth-child(2n+1){grid-column:1/-1}
  .hero{grid-template-columns:minmax(0,1fr) minmax(13rem,.8fr);gap:1.2rem 1.8rem}
}
@media (max-width:48rem){
  :root{--cb:128px;--cmt:.3rem;--pt:1.6rem;--pr:1.05rem;--pl:2.3rem}
  .sheet{display:flex;flex-direction:column;padding:1.1rem .85rem 2.6rem;gap:0}
  .column{order:1}
  .rail{order:2;position:static;margin-top:1.8rem}
  
  main#doc{grid-template-columns:minmax(0,1fr)}
  main#doc::before{grid-column:1;grid-row:1;width:100%;height:auto;aspect-ratio:1.9;border-width:8px;margin:0 0 1.5rem;background-position:50% 42%,0 0,0 0,0 0}
  main#doc>h1{grid-column:1;grid-row:2}
  main#doc>h1+.answer{grid-column:1;grid-row:3}
  main#doc::after{height:14px;top:calc(var(--pt) + (100vw - 1.7rem - var(--pl) - var(--pr)) / 1.9 - 8px);right:calc(var(--pr) - 7px);width:calc(100% - var(--pl) - var(--pr) + 14px);
    background:linear-gradient(90deg,var(--k1),color-mix(in srgb,var(--k1) 82%,#6E5A3C)) var(--kp1) 1px/26px 5px no-repeat,linear-gradient(90deg,var(--k2),color-mix(in srgb,var(--k2) 82%,#6E5A3C)) var(--kp2) 1px/18px 5px no-repeat,
      linear-gradient(90deg,var(--k3),color-mix(in srgb,var(--k3) 82%,#6E5A3C)) var(--kp3) 1px/15px 5px no-repeat,
      linear-gradient(180deg,#3C3A38 0 58%,#CDB892 58% 100%) var(--ep) 0/34px 9px no-repeat,linear-gradient(180deg,rgba(255,225,180,.35),rgba(0,0,0,0) 40%,rgba(0,0,0,.35)) 0 6px/100% 8px no-repeat,var(--wood-tex) 0 6px/var(--wood-sz) repeat-x}
  main ul.entries,ul.coursegrid{grid-template-columns:minmax(0,1fr)}
  ul.coursegrid>li:last-child:nth-child(4n+1) a{display:flex}
  h1{font-size:1.8rem;line-height:1.12}
  .answer{font-size:1.08rem;padding-left:.8rem}
  h2{font-size:1.32rem;gap:.6rem}
  h2 .secno{width:2rem;height:2rem;font-size:.95rem}
  ul.facts{grid-template-columns:1fr}
  blockquote{padding-left:2.7rem;font-size:1.02rem}
  .hero{grid-template-columns:1fr;grid-template-areas:"board" "copy" "card";gap:1rem}
  .hero-copy{padding-top:.4rem}
  .hero::before{border-width:10px;aspect-ratio:1.9;background-size:cover;background-position:50% 22%}
  .hero::after{margin-top:calc(100% / 1.9 - 9px)}
  .hero h1{font-size:2.1rem}
}
@media (max-width:48rem){
  
  .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}
  
  .chart,.fig-dia{background:linear-gradient(var(--paper),var(--paper)) right top/3.2rem 1.35rem no-repeat local,var(--arrow) calc(100% - .75rem) .5rem/26px auto no-repeat scroll,linear-gradient(rgba(63,94,134,.07) 1px,transparent 1px) 0 0/100% 22px,linear-gradient(90deg,rgba(63,94,134,.07) 1px,transparent 1px) 0 0/22px 100%,var(--paper)}
  .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{padding:.6rem .9rem 0;gap:.2rem .8rem}
  .brand{font-size:1.15rem;padding-bottom:.45rem}
  .mark{width:1.8rem;height:1.8rem}
  .mh-tag{display:none}
  .mh-nav{font-size:.72rem}
  .mh-nav a{padding:.5rem .45rem .55rem;background-position:center bottom .2rem}
}