/* Final editorial layer. Teaching remains outside the native-sized workspace. */
#filing .filing-guide{padding-top:24px}
#filing .filing-guide .filing-caption h3,
#filing .filing-guide .filing-gesture-hint{display:none}
#filing .filing-guide .filing-caption{margin-top:30px}
#filing .filing-guide .filing-caption>#filingCopy{margin:0;min-height:150px;font-size:20px;line-height:1.5}
#filing .filing-stick-cue{left:9.5%;top:17.8%;width:58px;margin-left:-67px;text-align:center;font-size:10.5px;line-height:1.4}
#filing .filing-stick-cue svg{width:30px;height:24px;top:-27px;right:-4px;stroke-width:1.2}
#filing .filing-stick-cue>span{padding:0;white-space:nowrap}
#philosophy .boundary-heading{text-align:center}
#philosophy .boundary-decision{margin-top:176px}
#philosophy{padding-bottom:112px}
/* Keep the skyline below the copy. Both treatments retain identical type. */
html[data-edge] .hero .hero-copy{top:clamp(108px,14svh,150px)}
html[data-edge] .hero .hero-copy p{margin-top:30px}
@media(min-width:761px) and (max-height:680px){
 html[data-edge] .hero{min-height:600px}
 html[data-edge] .hero .hero-copy{top:100px}
}
@media(min-width:761px) and (max-width:1150px){
 #filing .filing-guide{padding-top:0}
 #filing .filing-guide .filing-caption{margin:0}
 #filing .filing-guide .filing-caption>#filingCopy{min-height:0;max-width:34ch}
}
@media(max-width:760px){
 #philosophy .boundary-decision{margin-top:100px}
 #philosophy{padding-bottom:64px}
 html[data-edge] .hero .hero-copy{top:140px}
}
/* On laptops without side gutters, align outcome captions to the window edges. */
@media(min-width:1151px) and (max-width:1399px){
 #return .recall-stage{width:1024px;max-width:calc(100% - 48px);margin-inline:auto}
 #return .recall-result-caption,#return .reminder-side-caption{width:360px;max-width:100%;min-height:96px}
}
@media(min-width:761px) and (max-width:1150px){
 #return .recall-result-caption,#return .reminder-side-caption{width:100%;max-width:360px}
}
/* Short phones need a taller painting, rather than text crossing its skyline. */
@media(max-width:760px){
 html[data-edge] .hero{min-height:720px}
 html[data-edge] .hero .hero-copy{top:125px}
}
@media(max-width:380px){
 html[data-edge] .hero h1{font-size:40px}
 html[data-edge] .hero .hero-copy p{font-size:22px;margin-top:26px}
}
@media(min-width:761px) and (max-width:1150px){
 #filing .composition-viewport>.filing-window{margin-inline:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

#return .return-purpose{margin:10px 0 0;font:21px/1.4 var(--serif);color:#565044;max-width:32ch}
@media(max-width:760px){#return .return-purpose{font-size:19px;margin-top:12px}}

.hero .hero-credit{position:absolute;bottom:18px;right:28px;z-index:5;font:11px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;color:#fffdf2;text-shadow:0 1px 3px #0009;text-decoration:none}
.hero .hero-credit:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.hero .hero-credit{left:20px;right:20px;bottom:20px;text-align:center;font-size:10px}.hero .begin{bottom:58px}}

/* The concrete purpose replaces the repeated visible instruction in the header.
   Retain the dynamic status for assistive technology and the full-size workspace. */
#return .return-benefit{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}