/* Final public handoff and reading errors, using the shared semantic palette. */
.site-handoff-page{padding:56px 40px 72px}
.site-handoff-desktop,.site-handoff-phone{max-width:880px;margin:0 auto}
.site-handoff-phone{display:none}
.website .handoff-heading h1{max-width:736px;margin:0;font-size:42px;line-height:56px;font-weight:600;letter-spacing:0}
.handoff-heading h1 a{text-decoration:none;display:block}
.website .handoff-heading p{max-width:736px;font-size:16px;line-height:28px;margin-top:16px;white-space:pre-line;color:var(--text-secondary)}
.handoff-asset{margin-top:24px;padding:20px;border:1px solid var(--border-default);border-radius:12px;background:var(--surface)}
.handoff-asset-heading{display:flex;align-items:flex-start;gap:16px;min-height:48px}
.handoff-portrait{position:relative;width:48px;height:48px;flex:none;overflow:hidden;border-radius:12px}
.handoff-portrait>.i{width:48px;height:48px;color:var(--text-secondary)}
.website .handoff-asset h2{font-size:22px;line-height:30px;font-weight:500;letter-spacing:0;margin:0;overflow-wrap:anywhere}
.website .handoff-identifier{font-size:13px;line-height:22px;margin-top:10px;overflow-wrap:anywhere;color:var(--text-secondary)}
.website .handoff-description{font-size:16px;line-height:28px;margin-top:10px;color:var(--text-secondary)}
.handoff-actions{display:flex;gap:12px;margin-top:24px}
.website .handoff-actions :is(a,button){display:flex;align-items:center;justify-content:center;width:216px;height:48px;flex:none;padding:12px;border:1px solid var(--border-default);border-radius:8px;background:var(--surface);color:var(--text-primary);font-size:14px;line-height:24px;font-weight:500;text-decoration:none}
.website .handoff-actions .handoff-primary{border-color:var(--action-primary);background:var(--action-primary);color:var(--action-on-primary)}
.website .handoff-actions button:disabled{opacity:1;cursor:default}
.website .handoff-note{display:block;width:100%;margin-top:24px;padding:20px;border:1px solid var(--border-default);border-radius:6px;background:var(--surface-subtle);text-align:left;text-decoration:none}
.handoff-note strong{display:block;max-width:696px;font-size:14px;line-height:24px;color:var(--text-primary);font-weight:400}
.handoff-note span{display:block;max-width:696px;margin-top:8px;font-size:14px;line-height:25px;color:var(--text-secondary);white-space:pre-line}
.handoff-link{margin-top:24px;padding:16px;border:1px solid var(--border-default);border-radius:8px;background:var(--surface)}
.handoff-link>span:first-child{display:block;font-size:13px;line-height:22px;color:var(--text-secondary)}
.website .handoff-link .handoff-url{display:block;margin-top:8px;font-size:13px;line-height:22px;white-space:nowrap;overflow-x:auto;scrollbar-width:none;color:var(--text-primary);text-decoration:none;user-select:text}
.handoff-url::-webkit-scrollbar{display:none}
.site-reading-error{padding:72px 40px 96px}
.reading-error-content{max-width:736px;margin:0 auto;text-align:center}
.reading-error-scene{height:184px;display:flex;align-items:center;justify-content:center;gap:12px}
.reading-error-code{display:block;width:230px;flex:none;font-size:112px;line-height:136px;font-weight:400;color:var(--text-faint)}
.reading-error-art{position:relative;width:220px;height:160px;overflow:hidden;flex:none}
.website .reading-error-art img{position:absolute;left:-45.797447px;top:-8.498723px;width:301.671478px;height:169.780426px;max-width:none}
.website .site-reading-error h1{margin-top:20px;font-size:48px;line-height:64px;font-weight:400;letter-spacing:0}
.website .site-reading-error p{max-width:608px;margin:20px auto 0;font-size:16px;line-height:28px;color:var(--text-secondary);white-space:pre-line}
.reading-error-actions{display:flex;justify-content:center;gap:16px;margin-top:20px}
.website .reading-error-actions a{display:flex;align-items:center;justify-content:center;width:200px;height:48px;border:1px solid var(--border-default);border-radius:6px;padding:12px 20px;color:var(--text-primary);font-size:14px;line-height:24px;font-weight:500;text-decoration:none}
.website .reading-error-actions .reading-error-primary{background:var(--action-primary);border-color:var(--action-primary);color:var(--action-on-primary)}
@media(max-width:767px){
 .site-handoff-page{padding:32px 20px 48px}
 .site-handoff-desktop{display:none}.site-handoff-phone{display:block}
 .website .handoff-heading h1{font-size:34px;line-height:48px}
 .website .handoff-asset h2{font-size:20px;line-height:30px}
 .handoff-actions{flex-direction:column}
 .website .handoff-actions :is(a,button){width:100%}
 .website .handoff-note{padding:16px}
 .site-reading-error{padding:48px 20px 72px}
 .reading-error-scene{height:148px}
 .reading-error-code{width:160px;font-size:80px;line-height:106px}
 .reading-error-art{width:164px;height:140px}
 .website .reading-error-art img{left:-32.643406px;top:4.878298px;width:221.984680px;height:124.932762px}
 .website .site-reading-error h1{font-size:32px;line-height:44px}
 .reading-error-actions{flex-direction:column}
 .website .reading-error-actions a{width:100%}
}
@media(max-width:359px){
 .reading-error-code{width:128px;font-size:64px;line-height:84px}
 .reading-error-art{width:128px;height:110px}
 .website .reading-error-art img{left:-25.47778px;top:3.80745px;width:173.25634px;height:97.50850px}
}
.website .site-reading-error .reading-error-phone{display:none}
@media(max-width:767px){
 .website .site-reading-error .reading-error-desktop{display:none}
 .website .site-reading-error .reading-error-phone{display:block}
}