/* Website-sized views of the Mac workspace. The 1440px reference is unchanged. */
.responsive-view-controls,.responsive-view-note{display:none}
@media(max-width:1399px){
 #return .recall-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:1150px){
 #return .recall-stage,#return .composition-view-shell{min-width:0}
 #return .recall-stage{box-sizing:border-box}
 #return .composition-view-shell{width:100%}
 .composition-view-controls button{min-height:44px;padding:10px 5px}
 #return .recall-result-caption,#return .reminder-side-caption{width:auto;min-width:0;max-width:100%}
 #return .recall-result-caption p,#return .reminder-side-caption p{font-size:17px}
 #filing .filing-layout{overflow:visible}
 #filing .filing-caption{padding-top:0}
 #filing .filing-caption>#filingCopy{min-height:0}
 #filing .filing-invitation{flex-wrap:wrap}
 #filing .filing-gesture-hint{display:none}
 #unify .reading-mobile-caption{min-height:148px}
}
@media(max-width:1130px){
 #unify .reading-mobile-caption{opacity:1!important;filter:none!important}
 #unify .responsive-view-controls{display:flex}
}
.responsive-view-controls{padding:0;justify-content:center;gap:8px 20px;flex-wrap:wrap;margin:0 16px 10px;font:12px/1.5 system-ui;color:#514a43}
.responsive-view-controls button{font:inherit;min-height:44px;padding:8px 4px;color:inherit;background:none;border:0;border-bottom:1px solid transparent;cursor:pointer}
.responsive-view-controls button[aria-pressed=true]{border-bottom-color:currentColor}
.responsive-view-controls button:focus-visible{outline:2px solid #806331;outline-offset:3px}
@media(max-width:760px){
 #unify,#filing,#return{width:calc(100% - 24px);margin-inline:auto;padding-top:28px;padding-bottom:32px}
 #unify .unify-title h2,#filing>header h2,#return>header h2{font-size:29px;line-height:1.17;text-wrap:balance}
 #unify .unify-title{padding-inline:18px}
 #filing>header,#filing .filing-layout,#return>header{width:calc(100% - 36px)}
 #unify .reading-mobile-caption{width:calc(100% - 40px);margin-bottom:12px}
 #unify .reading-mobile-caption h3,#filing .filing-caption h3{font-size:24px;line-height:1.2}
 #unify .reading-mobile-caption p,#filing .filing-caption p{font-size:15px;line-height:1.55}
 #unify .first-scene-scroll{width:calc(100% - 24px);margin-inline:auto;border-radius:16px;overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
 #unify .centered-frame{width:672px;min-width:672px;height:550px}
 #filing .filing-window{height:500px}
 #filing .filing-layout{gap:16px}
 #filing .filing-caption{min-height:0}
 #filing .filing-caption h3{min-height:0}
 #filing .filing-invitation{margin-top:10px;gap:4px 12px}
 #filing .filing-next-label{min-height:10px}
 #filing .composition-viewport>.filing-window{width:640px;min-width:640px}
 #filing .filing-draft{grid-template-columns:0 300px 224px;gap:20px;padding:36px 28px 24px}
 #filing .filing-draft article{font-size:17px;line-height:27px}
 #return .recall-stage{padding-inline:18px;gap:16px;grid-template-columns:minmax(0,1fr)}
 #return .composition-view-shell{grid-column:1;grid-row:1}
 #return .composition-viewport>.recall-editor{width:844px;min-width:844px;height:560px}
 #return .recall-grid{grid-template-columns:242px 300px 224px;gap:24px;padding:36px 14px 24px}
 #return .third-actions{gap:8px;margin-top:18px;margin-bottom:0}
 #return .third-actions button{min-height:44px}
 #return .return-benefit{font-size:15px;line-height:1.55;max-width:none}
 #return .recall-result-caption,#return .reminder-side-caption{grid-column:1;grid-row:auto;width:100%;max-width:32ch;margin:0}
 #return .recall-result-caption[aria-hidden=true],#return .reminder-side-caption[aria-hidden=true]{display:none}
 #return .recall-result-caption p,#return .reminder-side-caption p{font-size:18px;line-height:1.45}
 #return .composition-view-controls{gap:6px 14px;margin-bottom:10px;justify-content:center}
 #return #sentenceRecallHint>span{white-space:normal;width:230px;text-align:right}
 #return .third-actions #returnToDraft{position:static}
 #return[data-source-open=true] #recallNote,#return[data-source-open=true] .return-revisit-action{display:none}
 #return[data-source-open=true] .composition-view-controls{visibility:hidden}
 .responsive-view-note{display:block;text-align:center;margin:10px 20px 0;font:12px/1.5 system-ui;color:#655d50}
 #craft{width:calc(100% - 36px);padding-bottom:76px}
 #craft .craft-introduction{padding-inline:0}
 #craft .craft-workspace{width:100%;max-width:none;margin-inline:0}
 #craft .craft-instruction{min-height:100px}
 #craft .responsive-view-controls{display:flex}
 .craft-responsive-viewport{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;border-radius:14px;scrollbar-width:thin}
 #craft .craft-live{display:block;width:900px;min-width:900px;height:490px;max-width:none;margin:0}
 #craft .craft-workspace figcaption{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;text-align:center}
 #craft .craft-workspace[data-quiet=true] .responsive-view-controls{visibility:hidden}
 #philosophy{width:calc(100% - 40px)}
 #philosophy .boundary-statement h3{font-size:clamp(32px,8.5vw,38px)}
 #philosophy .boundary-decision{margin-top:48px}
 #philosophy p,#philosophy .boundary-decision p,#invitation .invitation-journey{font-size:21px;line-height:1.5}
 #invitation .invitation-journey{max-width:27ch;padding-inline:12px}
 #invitation h2{font-size:clamp(38px,10.5vw,64px);line-height:1.12;max-width:90%;margin-inline:auto}
 .options{position:relative;left:auto;bottom:auto;margin:24px 16px;max-width:calc(100% - 32px);width:max-content}
 .options-panel{max-height:60svh;overflow:auto}
 .options .recovery-nav{flex-wrap:wrap}
}
@media(max-width:380px){
 .hero .hero-copy h1{font-size:42px}
 .hero .hero-copy p{font-size:23px}
 #return .third-actions{gap:6px}
 #return .third-actions button{font-size:11px;padding:10px 7px}
}
@media(max-height:600px) and (min-width:761px){
 html[data-edge=framed] .hero,.hero{min-height:500px}
 html[data-edge=framed] .hero-copy,.hero-copy{top:110px}
 .hero .hero-copy h1{font-size:clamp(48px,5vw,68px)}
 .hero .hero-copy p{font-size:24px}
 #craft{--craft-measure:min(1050px,calc(100vw - 80px))}
}
@media(max-width:760px){
 #return{--narrow-column:clamp(242px,calc(100vw - 90px),480px)}
 #return .composition-viewport>.recall-editor{width:calc(var(--narrow-column)*3 + 76px);min-width:calc(var(--narrow-column)*3 + 76px)}
 #return .recall-grid{grid-template-columns:repeat(3,var(--narrow-column))}
 #return .recall-right{width:224px}
 #return .recall-margin{width:242px}
}

#unify,#filing{overflow-anchor:none}
@media(max-width:760px){
 #filing .composition-viewport>.filing-window{width:704px;min-width:704px}
 #filing .filing-draft{grid-template-columns:0 300px 300px;gap:24px}
 #filing .filing-margin{width:224px;margin-left:24px}
 #filing .filing-caption .filing-gesture-hint{display:none}
}
@media(min-width:761px) and (max-width:1000px){
 #craft{--craft-measure:100%;width:calc(100% - 64px)}
 #craft .craft-workspace{width:100%;max-width:none}
 #craft .responsive-view-controls{display:flex}
 .craft-responsive-viewport{width:100%;overflow:auto;border-radius:16px;scrollbar-width:thin;overscroll-behavior-x:contain}
 #craft .craft-live{display:block;width:900px;min-width:900px;max-width:none;height:530px;margin:0}
 #craft .craft-workspace[data-quiet=true] .responsive-view-controls{visibility:hidden}
}
@media(max-width:1150px){
 #return[data-source-open=true] .composition-view-controls{visibility:hidden}
}
@media(max-width:760px){
 .waitlist-panel input,.waitlist-panel select,.waitlist-panel textarea{font-size:16px}
 .waitlist-panel input:not([type=radio]),.waitlist-panel select{min-height:44px}
 #waitlistClose{min-height:44px}
}
.responsive-note-actions{display:none}
@media(max-width:1150px){
 .responsive-note-actions:not([hidden]){display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin:0 0 12px}
 .responsive-note-actions button{font:13px/1.4 system-ui;min-height:44px;color:#71501d;background:none;border:0;border-bottom:1px solid #71501d55;padding:8px 2px;cursor:pointer}
 .responsive-note-actions button[hidden]{display:none}
 .responsive-note-actions button:focus-visible{outline:2px solid #806331;outline-offset:3px}
}
@media(max-width:760px){
 #return .composition-viewport>.recall-editor{width:calc(var(--narrow-column)*3 + 100px);min-width:calc(var(--narrow-column)*3 + 100px)}
 #return .recall-grid{column-gap:36px}
 #return .return-source-page{min-width:640px}
 #return #returnSource[data-fit=true] .return-source-page{min-width:0}
}
