.user-guide{width:min(580px,calc(100vw - 24px));height:min(570px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #ffffff90;border-radius:20px;background:#f6f6f8;color:#242628;box-shadow:0 24px 100px #0005;overflow:hidden}.user-guide[open]{display:flex;flex-direction:column}.user-guide::backdrop{background:#1117;backdrop-filter:blur(8px)}.user-guide header,.user-guide footer{display:flex;justify-content:space-between;align-items:center;padding:18px 26px;flex-shrink:0;border-bottom:1px solid #ddd}.user-guide footer{border-top:1px solid #ddd;border-bottom:0;margin-top:auto;gap:12px}.guide-page{padding:20px 28px;min-height:0;flex:1;display:flex;flex-direction:column;gap:14px}.guide-page h1{font-size:clamp(23px,4vw,32px);margin:0 0 5px;line-height:1.2}.guide-page p{margin:0;line-height:1.5;font-size:14px}.guide-preferences{display:grid;gap:16px}.guide-preferences label{display:grid;gap:9px;font-size:14px}.guide-preferences select{width:100%;padding:10px;border:1px solid #cdd1d7;border-radius:9px;background:white;color:#222}.guide-choices{display:flex;gap:10px}.user-guide button,.guide-preferences button,.guide-tour button{padding:10px 14px;border-radius:9px;background:#e4e6eb;color:#23262b;border:0;cursor:pointer;font:inherit;font-size:13px}.guide-choices button{flex:1}.guide-choices [aria-pressed=true]{background:#d9e7ff;box-shadow:inset 0 0 0 2px #3679e8}.guide-toggle{display:flex!important;align-items:center;gap:10px;margin-top:6px}.guide-toggle input{width:18px;height:18px}.guide-preferences small{font-size:12px;color:#686d75}.user-guide footer button:last-child,.guide-page>button:last-child,.guide-tour footer button:last-child{background:#2874e5;color:#fff}.guide-feature{background:#e0ebff;padding:15px;border-radius:10px;color:#1454b5}.guide-symbol{font-size:65px;color:#2874e5}.guide-entry{white-space:nowrap!important;display:block!important;font-size:12px!important}.guide-tour{position:fixed;right:20px;bottom:110px;width:min(350px,calc(100vw - 40px));z-index:2147483647;background:#f5f6f8;color:#242628;padding:22px;border-radius:16px;box-shadow:0 8px 45px #0005}.guide-tour p{line-height:1.6;font-size:14px}.guide-tour footer{display:flex;justify-content:space-between}.tour-target{outline:4px solid #438fff!important;outline-offset:5px;box-shadow:0 0 0 9px #438fff33!important}.tour-active #desktop .desktop-icon{animation-play-state:paused!important}body[data-controls=right] .traffic-lights{left:auto!important;right:12px!important}body[data-controls=right] .case-unified-bar>.traffic-lights{order:10;margin-left:auto}body[data-controls=right] .window-title{margin-left:0;margin-right:64px}.reduce-motion *{scroll-behavior:auto!important}.info-page>.guide-preferences{margin-bottom:20px}@media(max-width:700px){.guide-page{padding:16px 20px;gap:12px}.user-guide header,.user-guide footer{padding:14px 20px}.guide-entry{font-size:10px!important}.menu-left{gap:6px!important}.guide-tour{bottom:95px;padding:16px}.guide-page h1{font-size:24px}}@media(max-height:550px){.user-guide{height:calc(100dvh - 12px)}.guide-page{padding:10px 20px;gap:7px}.guide-preferences{gap:7px}.user-guide header,.user-guide footer{padding:9px 20px}.guide-page h1{font-size:22px}.guide-symbol{font-size:30px}.guide-preferences select,.user-guide button{padding:7px}.guide-preferences small{display:none}}
.guide-reading{gap:10px}.guide-examples{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0;flex:1}.guide-examples figure{margin:0;min-height:0;display:flex;flex-direction:column;gap:10px}.guide-examples img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;background:#e4e6eb;border:1px solid #d9dce1;border-radius:9px;flex:1}.guide-examples figcaption{font-size:13px;line-height:1.45;min-height:38px}.guide-reading-links{display:flex;gap:6px}.guide-reading-links button{flex:1;padding:9px 5px;font-size:11px}.guide-reading-note{font-size:12px!important;color:#606875}@media(max-width:600px){.guide-examples{grid-template-columns:1fr;gap:8px}.guide-examples figure{display:grid;grid-template-columns:46% 1fr;gap:10px;align-items:center}.guide-examples img{height:100%;max-height:140px}.guide-examples figcaption{font-size:13px;min-height:0}}@media(max-height:550px){.guide-examples{grid-template-columns:1fr 1fr}.guide-examples figure{display:flex}.guide-examples figcaption{font-size:11px;min-height:0}.guide-reading-note{display:none}}
/* Inset outlines keep the navigation highlight visible at viewport edges. */
.tour-target{outline:3px solid #2580ff!important;outline-offset:-3px!important;box-shadow:inset 0 0 0 6px #4094ff26,0 0 18px #2580ff80!important;animation:guide-target-breathe 2.2s ease-in-out infinite!important;border-radius:6px}
.menubar.tour-target{border-radius:0;background-color:#d8e7f5!important}
@keyframes guide-target-breathe{0%,100%{outline-color:#2580ff;box-shadow:inset 0 0 0 5px #4094ff20,0 0 8px #2580ff55}50%{outline-color:#75b6ff;box-shadow:inset 0 0 0 7px #4094ff40,0 0 24px #2580ffbb}}
.reduce-motion .tour-target{animation:none!important}
@media(prefers-reduced-motion:reduce){.tour-target{animation:none!important}}
/* Spacious guide: screenshots should be readable, not thumbnail-sized. */
.user-guide{width:min(1380px,calc(100vw - 48px));height:min(900px,calc(100dvh - 48px));max-width:none;max-height:calc(100dvh - 48px)}
.user-guide header,.user-guide footer{padding:20px 34px;font-size:17px}
.guide-page{padding:26px 34px;gap:20px}
.guide-page h1{font-size:clamp(28px,3vw,40px)}
.guide-page p{font-size:17px}
.user-guide button{font-size:16px;padding:13px 22px}
.guide-page>.guide-preferences{width:min(660px,100%);margin:auto;gap:25px}
.guide-preferences label{font-size:17px}
.guide-preferences select{font-size:17px;padding:14px}
.guide-preferences small{font-size:14px}
.guide-reading{gap:16px}
.guide-examples{gap:24px}
.guide-examples figcaption{font-size:17px;line-height:1.5;min-height:48px}
.guide-reading-note{font-size:15px!important}
.guide-reading-links button{font-size:15px;padding:12px}
@media(max-width:700px){.user-guide{width:calc(100vw - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.user-guide header,.user-guide footer{padding:14px 18px;font-size:14px}.guide-page{padding:16px 18px;gap:12px}.guide-page h1{font-size:27px}.guide-page p{font-size:14px}.user-guide button{font-size:13px;padding:10px 12px}.guide-page>.guide-preferences{gap:20px}.guide-examples{grid-template-columns:1fr;gap:12px}.guide-examples figure{display:flex;gap:6px}.guide-examples img{max-height:none}.guide-examples figcaption{font-size:13px;min-height:20px}.guide-reading-links button{font-size:11px;padding:9px 4px}.guide-reading-note{font-size:12px!important}}
@media(max-height:550px){.user-guide{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.user-guide header,.user-guide footer{padding:8px 20px}.guide-page{padding:10px 20px;gap:8px}.guide-page h1{font-size:24px}.guide-page>.guide-preferences{gap:8px;margin:0 auto}.guide-preferences select{padding:7px}.guide-examples{grid-template-columns:1fr 1fr;gap:12px}.guide-examples figcaption{font-size:12px;min-height:0}.user-guide button{padding:7px 12px;font-size:13px}.guide-reading-note{display:none}}
.guide-full-page>figure{flex:1;min-height:0;margin:0;display:flex;flex-direction:column;gap:8px}.guide-full-page>figure img{width:100%;flex:1;min-height:0;object-fit:contain;background:#e4e6eb;border-radius:10px}.guide-page figcaption{font-size:14px;line-height:1.4}.guide-page-notes{display:grid;gap:10px}.guide-page-notes p{font-size:15px;margin:0}.guide-research-page>figure{margin:0;flex:none}.guide-research-page>figure img{display:block;width:100%;border:3px solid #2580ff;border-radius:5px}.guide-research-page>figure figcaption{margin-top:8px}.guide-research-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;flex:1;min-height:0}.guide-research-grid figure{margin:0;display:flex;flex-direction:column;gap:8px;min-height:0}.guide-research-grid img{width:100%;flex:1;min-height:0;object-fit:contain;background:#e4e6eb;border-radius:8px}.guide-research-grid .guide-page-notes{align-content:center}.guide-research-grid button{text-align:left;color:#175cc4;background:#e0ebff}@media(max-width:700px){.guide-research-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:10px}.guide-research-grid .guide-page-notes{grid-template-columns:1fr 1fr;align-items:center;gap:7px}.guide-page-notes p,.guide-page figcaption{font-size:12px}.guide-page-notes{gap:8px}}@media(max-height:550px){.guide-page-notes p,.guide-page figcaption{font-size:11px}.guide-research-grid{grid-template-columns:2fr 1fr;grid-template-rows:1fr}.guide-research-grid .guide-page-notes{display:grid;grid-template-columns:1fr;gap:3px}}
.paper-link{display:block;text-decoration:none;color:inherit}.paper-link:hover,.paper-link:focus-visible{background:#ffffff20;outline:2px solid #71abff}.paper-read{display:block;color:#b8d8ff;font-size:12px;margin-top:8px}.guide-paper-preview{display:flex;flex:1;min-height:0;justify-content:center;border-radius:8px;background:#e4e6eb;outline:2px solid #2874e5;overflow:hidden}.guide-paper-preview img{height:100%;width:100%;object-fit:contain}.guide-paper-preview:focus-visible{outline:4px solid #2874e5}
.guide-research-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:24px}.guide-research-grid>figure{min-width:0}.guide-research-grid figcaption{font-size:13px;line-height:1.5;min-height:40px}.guide-research-grid>figure>img{border:2px solid #2874e5;box-sizing:border-box}.guide-research-grid .guide-paper-preview{outline:none;border:2px solid #2874e5}@media(max-width:700px){.guide-research-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:10px}.guide-research-grid figcaption{font-size:12px;min-height:90px}}@media(max-height:550px){.guide-research-grid figcaption{font-size:11px;min-height:32px}}
.paper-reader-window .window-body{overflow:hidden}.paper-reader{height:100%;display:flex;flex-direction:column;background:#525659;min-height:0}.paper-reader-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 16px;background:#f0f1f3;color:#444;font-size:12px;flex-shrink:0}.paper-reader-toolbar span{margin-right:auto}.paper-reader-toolbar a{color:#1760be;text-decoration:none;padding:5px}.paper-reader-frame{flex:1;min-height:0;width:100%;border:0;background:white}.paper-reader-window.dragging iframe,.paper-reader-window.resizing iframe{pointer-events:none}
.paper-reader-window .paper-reader{flex:1 1 100%;width:100%;min-width:0;max-width:100%}.paper-reader-window .paper-reader-frame{display:block;width:100%;flex:1 1 0;min-width:0;height:100%}.paper-reader-window .paper-reader-toolbar{width:100%;box-sizing:border-box;gap:8px;padding:8px 10px}