/* Shared screenshot frames, annotation keys, and full-screen inspection. */
.screen-frame{margin:0;min-width:0;padding:14px;background:#e8e1d7;border:1px solid #d8cfc2;border-radius:15px;box-shadow:0 6px 10px -8px #3c443630,0 30px 60px -30px #233e3650}
.screen-window{position:relative;overflow:hidden;background:#f3f5f3;border:1px solid #d1dad1;border-radius:7px;isolation:isolate}
.screen-window>img{position:absolute;max-width:none;height:auto;display:block;user-select:none}
.screen-pin{position:absolute;z-index:2;display:grid;place-items:center;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:#a6533d;color:#fffaf6;border:2px solid #fffaf6;font:700 12px/1 Manrope,Arial,sans-serif;text-decoration:none;box-shadow:0 2px 8px #4b35264d;transition:transform .18s,box-shadow .18s}
.screen-pin:hover,.screen-pin:focus-visible{transform:translate(-50%,-50%) scale(1.14);box-shadow:0 0 0 5px #a6533d26,0 2px 8px #4b352650}
.screen-notes{list-style:none;padding:0;margin:0;display:grid;gap:22px;align-content:start}
.screen-notes li{display:flex;gap:12px;scroll-margin-top:35px;outline-offset:6px;border-radius:5px}
.note-letter{display:grid;place-items:center;width:25px;height:25px;flex:none;background:#efe0d5;color:#8b452f;border:1px solid #d9b9a7;border-radius:50%;font:700 11px/1 Manrope,Arial,sans-serif;margin-top:1px}
.screen-notes h3{font-size:14px;font-weight:650;letter-spacing:-.02em;line-height:1.5;margin:0 0 5px;color:inherit}
.screen-notes p{font-size:12px;color:#64766b;line-height:1.75;margin:0}
.screen-notes li:target,.screen-notes li.is-active{outline:2px solid #a6533d55;background:#a6533d08}
.view-screen{font:600 12px/1.5 Manrope,Arial,sans-serif;background:transparent;border:0;color:#90482f;padding:7px 0;cursor:pointer;display:inline-flex;gap:16px;align-items:center}
.view-screen span{font-size:18px}
.screen-frame-bar{display:flex;align-items:center;justify-content:space-between;padding:1px 3px 12px;font:600 11px/1.5 Manrope,Arial,sans-serif;color:#5f6d63;gap:15px}
.screen-frame-bar .view-screen{font-size:11px;padding:0}
#screen-viewer{width:calc(100vw - 50px);max-width:1500px;max-height:calc(100svh - 36px);padding:22px;border:1px solid #d7dfd7;border-radius:14px;background:#fcfaf7;color:#123d31;box-shadow:0 35px 130px #102e2b70}
#screen-viewer::backdrop{background:#0d2d27c7;backdrop-filter:blur(5px)}
.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:8px}
.viewer-toolbar h2{font:600 23px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:0}
.viewer-toolbar>div{display:flex;gap:10px}
.viewer-toolbar button{font:600 12px/1.4 Manrope,Arial,sans-serif;cursor:pointer;min-height:38px;padding:8px 14px;border:1px solid #cbd9d0;border-radius:5px;color:#214e3b;background:#f8fbf7}
#viewer-summary{font:400 13px/1.65 Manrope,Arial,sans-serif;color:#5c7162;margin:0 0 18px;max-width:75ch}
.viewer-scroll{overflow:auto;max-height:65svh;border:1px solid #d2dcd4;border-radius:7px;background:#e7ede6;overscroll-behavior:contain;touch-action:pan-x pan-y}
.viewer-canvas{position:relative;max-width:100%;margin:auto}
.viewer-canvas>img{width:100%;height:auto;display:block}
.viewer-scroll.is-zoomed .viewer-canvas{width:var(--native-width);max-width:none}
.viewer-notes{grid-template-columns:repeat(3,1fr);margin-top:22px;gap:25px}
.screen-guide{margin:0;color:#123d31;background:#fcfaf7;font:400 16px/1.6 Manrope,Arial,sans-serif}
.screen-guide *{box-sizing:border-box}.screen-guide a{color:inherit;text-decoration:none}.screen-guide button,.screen-guide a{touch-action:manipulation}.screen-guide :focus-visible{outline:2px solid #a6533d;outline-offset:5px}
.guide-header,.guide-intro,.guide-screen,.guide-footer{max-width:1440px;margin:auto;padding-left:clamp(23px,5vw,72px);padding-right:clamp(23px,5vw,72px)}
.guide-header{display:flex;justify-content:space-between;align-items:center;padding-top:30px;padding-bottom:28px;border-bottom:1px solid #d5ded5;gap:25px}
.guide-brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:750;letter-spacing:-.05em}.guide-brand img{width:32px}.guide-brand span{font-weight:450;margin-left:-4px}.guide-header>a:last-child{font-size:12px;font-weight:600;color:#94503a}
.guide-intro{padding-top:65px;padding-bottom:40px}.guide-intro h1{font-size:clamp(36px,4.5vw,62px);line-height:1.13;letter-spacing:-.055em;font-weight:500;margin:0 0 19px}.guide-intro>p{font-size:16px;line-height:1.75;color:#536c5d;max-width:68ch;margin:0}.guide-intro .guide-data-note{font-size:11px;margin-top:13px;color:#738372}
.guide-intro nav{display:flex;gap:10px 20px;flex-wrap:wrap;margin-top:29px;padding-top:24px;border-top:1px solid #d7dfd5;font-size:12px}.guide-intro nav a{border-bottom:1px solid #c0cfc0}.guide-intro nav a:hover{color:#a6533d}
.guide-screen{padding-top:43px;padding-bottom:48px;border-top:1px solid #d7dfd5;scroll-margin-top:25px}.guide-screen:nth-child(even){background:#f3efe9}
.guide-screen-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:27px}.screen-number{font-size:11px;color:#936248}.guide-screen-heading h2{font-weight:550;font-size:31px;letter-spacing:-.045em;margin:4px 0 9px;line-height:1.2}.guide-screen-heading p{font-size:14px;color:#5c7463;margin:0;max-width:70ch}.guide-links{display:flex;flex-direction:column;align-items:flex-end;gap:9px;flex:none}.guide-links>a{font-size:11px;color:#8d4a34}
.guide-screen-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:35px;align-items:start}.guide-screen .screen-notes{padding-top:14px;gap:30px}.guide-screen#request-form .screen-frame{max-width:540px;justify-self:center;width:100%}.guide-screen#mobile .screen-frame{max-width:340px;justify-self:center;width:100%}.guide-screen#mobile .screen-pin{width:27px;height:27px}.guide-footer{display:flex;justify-content:space-between;padding-top:28px;padding-bottom:30px;border-top:1px solid #d7dfd5;font-size:11px;color:#71816f}.guide-skip{position:absolute;left:20px;top:-100px;background:#123d31;color:#fcfaf7!important;padding:12px;z-index:20}.guide-skip:focus{top:10px}
body.screen-capture .guide-header,body.screen-capture .guide-intro,body.screen-capture .guide-footer,body.screen-capture .guide-screen:not(.capture-target){display:none}body.screen-capture .guide-screen{border:0;padding-top:40px;padding-bottom:40px}body.screen-capture .guide-links{display:none}
@media(max-width:900px){.guide-screen-layout{grid-template-columns:1fr;gap:25px}.guide-screen .screen-notes{grid-template-columns:repeat(3,1fr);gap:22px}.guide-screen#request-form .screen-notes,.guide-screen#mobile .screen-notes{grid-template-columns:1fr;max-width:540px;margin:auto}.screen-pin{width:26px;height:26px;font-size:11px}.guide-screen-heading{align-items:flex-start}.guide-links{min-width:115px}}
@media(max-width:600px){.screen-frame{padding:8px;border-radius:10px}.screen-frame-bar{font-size:10px;padding:2px 3px 8px}.screen-frame-bar .view-screen{font-size:10px}.screen-pin{width:24px;height:24px;font-size:10px}.guide-header{padding-top:22px;padding-bottom:22px}.guide-header>a:last-child{font-size:11px}.guide-brand{font-size:20px}.guide-intro{padding-top:40px}.guide-intro>p{font-size:14px}.guide-intro nav{font-size:11px;gap:11px 16px}.guide-screen-heading{display:block}.guide-links{align-items:flex-start;flex-direction:row;margin-top:14px;gap:20px}.guide-screen-heading h2{font-size:27px}.guide-screen-heading p{font-size:13px}.guide-screen .screen-notes{grid-template-columns:1fr;gap:18px}.screen-notes p{font-size:12px}#screen-viewer{padding:16px;width:calc(100vw - 20px)}.viewer-toolbar{align-items:flex-start;gap:10px}.viewer-toolbar h2{font-size:19px}.viewer-toolbar button{padding:7px 9px;font-size:11px}.viewer-notes{grid-template-columns:1fr}.viewer-scroll{max-height:58svh}}
@media(prefers-reduced-motion:reduce){.screen-pin{transition:none}}

.screen-notes li[hidden]{display:none}
.screen-guide .screen-pin{color:#fffaf6}