/* Touchpad field guide: scoped layout, no scripted content. */
.tp-scope{font-size:13px;color:#afbdca;margin:18px 0 0}.tp-routes{padding:26px 30px;border:1px solid #405866;border-radius:12px;background:linear-gradient(145deg,#203544,#111c26)}
.tp-routes>a{display:flex;align-items:center;gap:15px;padding:18px 0;border-top:1px solid #405866;text-decoration:none}.tp-routes>a>span:first-child{font-size:11px;color:#b1d5d0}.tp-routes strong{font-size:14px;color:#f2f1ed;flex:1}.tp-routes>p:last-child{font-size:12px;color:#b2c2cf;margin:15px 0 0}
.tp-illustration{height:165px;display:grid;place-items:center;margin-bottom:22px}.tp-laptop{width:220px;transform:rotate(-5deg)}.tp-screen{height:110px;margin:0 12px;border:7px solid #99abb9;border-radius:8px 8px 0 0;background:linear-gradient(130deg,#517d89,#173448 70%);box-shadow:0 15px 35px #060d1455}.tp-deck{height:46px;background:#8297a6;border-radius:3px 3px 10px 10px;padding:6px 30px;position:relative}.tp-deck i{display:block;height:12px;background:repeating-linear-gradient(90deg,#233d4c 0 8px,#8297a6 8px 11px);border-radius:2px}.tp-deck b{display:block;width:54px;height:18px;margin:4px auto;border:1px solid #bce8df;border-radius:3px;background:#426b72;box-shadow:0 0 12px #bce8df55}
.tp-warning{padding:24px;border:1px solid #aa7d68;border-radius:10px;background:#281f1c}.tp-warning .fg-number{color:#f2bba0}.tp-warning p:last-child{margin:0}
.tp-keys{padding:22px;border:1px solid #405866;background:#14212b;border-radius:10px;margin:24px 0}.tp-keys h3{font-size:25px;margin:0 0 18px}.tp-keys dl{margin:0}.tp-keys dl>div+div{border-top:1px solid #405866;padding-top:14px;margin-top:14px}.tp-keys dt{color:#edf1f5;font-size:14px}.tp-keys dd{margin:4px 0 0;font-size:13px;color:#bdccd8}.fg-page kbd{font:inherit;font-size:.9em;border:1px solid #536577;border-radius:4px;padding:1px 5px;white-space:nowrap}
.tp-details{border:1px solid #405866;border-radius:10px;padding:0 20px;background:#121e27}.tp-details summary{cursor:pointer;min-height:48px;padding:16px 0;font-weight:600;color:#e8f1f4}.tp-details[open] summary{margin-bottom:8px}.tp-details p{font-size:14px}
.fg-page a:focus-visible,.tp-details summary:focus-visible{outline:2px solid #b8e8df;outline-offset:5px;border-radius:2px}.tp-arrow{display:inline-block;width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);flex-shrink:0;margin-right:3px}
@media(max-width:760px){.tp-routes{padding:22px}.tp-warning{padding:20px}.tp-illustration{height:150px}}