/* Six independent cutouts flow along the journal's empty margins. */
.hero{min-height:335px;padding:49px 0 52px}.hero-copy{width:100%;max-width:650px}.hero h1{font-size:60px}.hero .intro{margin-top:18px}.motion-toggle{bottom:12px}
.journal{padding:0 165px}.table-scroll{max-height:none}.paper{position:relative;z-index:1}.journal-note{position:relative;z-index:1}
.diary-figures{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;z-index:2}
.rail-kid{position:absolute;width:155px;bottom:auto;isolation:auto;mix-blend-mode:normal;left:auto;right:auto;transform-origin:center;pointer-events:none}
.rail-kid img{width:100%;height:auto;aspect-ratio:auto;display:block}.rail-kid video{object-fit:fill}
.sticker-1{left:-5px;top:3%;width:164px;transform:rotate(-5deg)}
.sticker-2{right:-9px;top:18%;width:160px;transform:rotate(5deg)}
.sticker-3{left:2px;top:34%;width:145px;transform:rotate(4deg)}
.sticker-4{right:0;top:48%;width:157px;transform:rotate(-4deg)}
.sticker-5{left:-10px;top:63%;width:173px;transform:rotate(-3deg)}
.sticker-6{right:3px;top:80%;width:155px;transform:rotate(5deg)}
.journal.is-filtered .rail-kid:nth-child(n+3){display:none}.journal.is-filtered .sticker-1{top:8%}.journal.is-filtered .sticker-2{top:30%}
@media(min-width:1450px){.journal{padding-inline:165px}.rail-kid{width:180px}.sticker-1{left:-25px;width:184px}.sticker-2{right:-20px}.sticker-3{left:-5px;width:160px}.sticker-4{right:-17px}.sticker-5{left:-34px;width:192px}.sticker-6{right:-17px;width:175px}.hero{min-height:345px}}
@media(max-width:1000px) and (min-width:761px){.journal{padding-inline:105px}.rail-kid{width:108px}.sticker-1{left:-12px;width:114px}.sticker-2{right:-9px}.sticker-3{left:-6px;width:101px}.sticker-4{right:-9px;width:110px}.sticker-5{left:-17px;width:119px}.sticker-6{right:-9px;width:108px}.paper-head{padding:27px 24px}.toolbar{padding:0 24px 22px;flex-wrap:wrap}.search{max-width:none}.journal-meta{padding:18px 20px;flex-wrap:wrap}th.person-heading,tbody th{padding-left:24px}.person-heading,th.person-heading{min-width:165px}.initials{display:none}.paper-foot{padding:20px 24px}.hero{min-height:330px}}
@media(max-width:760px){.hero{min-height:305px;padding:35px 0 48px}.hero h1{font-size:47px}.hero-copy{max-width:500px}.hero .intro{margin-top:15px}.motion-toggle{bottom:9px;right:4px}.chapter-strip{margin-bottom:23px}.journal{padding:0 71px 0 0}.rail-kid{left:auto;right:-10px;width:81px}.sticker-1{top:7%;width:87px;right:-12px;transform:rotate(-6deg)}.sticker-2{top:23%;right:-7px;width:79px;transform:rotate(6deg)}.sticker-3{top:38%;right:-8px;width:78px;transform:rotate(-3deg)}.sticker-4{top:54%;right:-13px;width:87px;transform:rotate(4deg)}.sticker-5{top:68%;right:-13px;width:86px;transform:rotate(-5deg)}.sticker-6{top:85%;right:-7px;width:77px;transform:rotate(3deg)}.journal.is-filtered .sticker-1{top:22%}.journal.is-filtered .sticker-2{top:65%}.paper-head{padding:24px 15px}.paper h2{font-size:27px}.paper-seal{width:39px;height:39px;margin-right:1px}.paper-seal b{font-size:7px}.paper-seal{font-size:5px}.paper-kicker{font-size:7px;letter-spacing:1.1px}.toolbar{padding:0 13px 20px}.month-nav{gap:8px}.month-nav h3{font-size:15px;min-width:130px}.arrow{width:29px;height:29px}.search{padding:0 10px}.search input{font-size:11px}.journal-meta{padding:13px 7px;gap:10px}.filters{gap:0}.filters button{font-size:9px;padding:7px 8px}#result-count{font-size:9px;padding-left:8px}th.person-heading,tbody th{padding-left:13px;min-width:125px;width:52%}tbody th{padding-right:7px}.person-name{font-size:12px}.person-name span{font-size:11px}td{min-width:112px;padding:10px 4px}.school{font-size:9px;padding:6px 5px;white-space:normal;line-height:1.3;max-width:73px}.comment-button{width:25px;height:25px;font-size:12px}.mark-wrap{gap:4px}.grade{font-size:29px}.paper-foot{padding:18px 13px;font-size:9px}.journal-note{margin:16px 5px 0;font-size:10px;line-height:1.7}}
@media(max-width:370px){.journal{padding-right:58px}.rail-kid{max-width:72px;right:-12px}.paper h2{font-size:24px}.paper-head{padding-inline:12px}.paper-seal{width:32px;height:32px;outline-offset:3px}.paper-kicker{font-size:6px;letter-spacing:.8px}.toolbar{padding-inline:10px}.month-nav h3{font-size:14px;min-width:113px}th.person-heading,tbody th{min-width:116px;padding-left:10px}.person-name{font-size:11px}td{min-width:106px}.filters button{font-size:8px;padding:7px}.hero h1{font-size:42px}}
@media print{.journal{padding:0}.diary-figures{display:none}}
/* Safari must see a visible video element before it permits muted playback. */
.rail-kid video{opacity:1;transition:none}.rail-kid video:not([src]){visibility:hidden}
.sticker-3{top:36%}.sticker-4{top:47%}.sticker-5{top:68%}.sticker-6{top:82%}
/* Keep rotated silhouettes inside narrow screens and clear of the table text. */
@media(max-width:760px){.rail-kid{right:-3px;max-width:75px}}
@media(max-width:370px){.rail-kid{right:-1px;max-width:58px}}