/* Page-scoped screenshot tour. Shared iSchedule Calm Slate tokens and plain fallbacks. */
.picklist-screen-tour { margin:0 0 32px; padding:24px; border:1px solid #d5dde5; border-color:var(--ism-line,#d5dde5); border-radius:20px; background:#f4f6f8; background:var(--ism-canvas,#f4f6f8); color:#2c3e50; color:var(--ism-text,#2c3e50); scroll-margin-top:100px; }
.picklist-screen-intro { max-width:760px; margin-bottom:32px; }
.home-page .picklist-screen-tour h2 { font-size:clamp(24px,2.4vw,30px); line-height:1.15; letter-spacing:-.03em; margin:12px 0 16px; }
.picklist-screen-tour p { line-height:1.65; }
.picklist-screen-note { font-size:14px; color:#5f6d78; color:var(--ism-muted,#5f6d78); margin-top:12px; }
.picklist-screen-grid { display:grid; grid-template-columns:minmax(240px,1.25fr) repeat(2,minmax(0,1fr)); gap:28px; align-items:start; }
.picklist-screen-steps { counter-reset:picklist-steps; list-style:none; padding:0; margin:0 0 24px; }
.picklist-screen-steps li { position:relative; padding:0 0 24px 42px; counter-increment:picklist-steps; }
.picklist-screen-steps li::before { content:counter(picklist-steps); position:absolute; left:0; top:0; width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:#e6f1f9; background:var(--ism-selected,#e6f1f9); color:#2471a3; color:var(--ism-accent,#2471a3); font-weight:700; }
.picklist-screen-tour h3 { font-size:20px; line-height:1.35; margin:0 0 8px; }
.picklist-screen-tour figure { min-width:0; margin:0; }
.picklist-screen-tour img { display:block; width:100%; height:auto; background:#f4f6f8; }
.picklist-phone-shot>a { display:block; overflow:hidden; border:1px solid #687887; border-color:var(--ism-boundary,#687887); border-radius:20px; box-shadow:0 12px 30px rgba(18,26,35,.10); }
.picklist-screen-tour figcaption { font-size:14px; line-height:1.5; margin-top:12px; color:#5f6d78; color:var(--ism-muted,#5f6d78); }
.picklist-desktop-shot { border-top:1px solid #d5dde5; border-color:var(--ism-line,#d5dde5); margin-top:32px; padding-top:8px; }
.picklist-desktop-shot summary { cursor:pointer; padding:16px 0; font-weight:650; color:#2471a3; color:var(--ism-accent,#2471a3); }
.picklist-desktop-shot img { border:1px solid #687887; border-color:var(--ism-boundary,#687887); border-radius:8px; }
.picklist-screen-tour a:focus-visible,.picklist-screen-tour summary:focus-visible { outline:3px solid #2471a3; outline-color:var(--ism-accent,#2471a3); outline-offset:4px; }
@media(max-width:1000px) { .picklist-screen-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }.picklist-screen-copy { grid-column:1/-1; }.picklist-phone-shot { width:100%; max-width:300px; justify-self:center; } }
@media(max-width:520px) { .picklist-screen-tour { padding:20px 16px; margin-inline:-8px; }.picklist-screen-grid { grid-template-columns:minmax(0,1fr); gap:32px; }.picklist-phone-shot { max-width:330px; }.picklist-screen-steps li { padding-left:38px; } }
@media(prefers-reduced-motion:reduce) { .picklist-screen-tour * { scroll-behavior:auto; transition:none; } }

#ischedule-or-demo.picklist-demo-anchor { display:block; width:0; height:0; margin:0; padding:0; border:0; overflow:hidden; scroll-margin-top:100px; }
html .home-page .home-header .home-brand::before,html .home-page .home-header .home-brand::after { content:none!important; }
.home-page .home-header { background:#fff; background:var(--brand-paper,#fff); }
@media(max-width:520px) { .picklist-phone-shot:first-of-type { order:-1; } }

/* One readable phone with expanded case details. */
.picklist-screen-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr);align-items:center}.picklist-screen-grid .picklist-screen-copy{grid-column:auto}.picklist-screen-grid .picklist-phone-shot{width:100%;max-width:340px;justify-self:center}
@media(max-width:700px){.picklist-screen-grid{grid-template-columns:minmax(0,1fr)}.picklist-screen-grid .picklist-phone-shot{max-width:330px}}