.bookmark-guide{--save-accent:#315f58;--save-soft:#eaf4ef;--save-muted:#667a80;width:min(440px,calc(100% - 24px));max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:30px 22px 22px;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border-color,#dce5e6);border-radius:26px;background:var(--card-background,#fff);color:var(--text-primary,#26343b);font:inherit;box-shadow:0 24px 80px #0c242530}
.bookmark-guide::backdrop{background:#0c19257a;backdrop-filter:blur(5px)}
.bookmark-guide button{font-family:inherit;cursor:pointer}.bookmark-guide button:focus-visible{outline:3px solid #69ad98;outline-offset:3px}.bookmark-guide h2:focus{outline:none}.bookmark-close{position:absolute;right:6px;top:6px;width:44px;height:44px;font-size:28px;color:var(--save-muted);background:transparent;border:0}.bookmark-back{position:absolute;top:6px;left:10px;min-height:44px;border:0;background:transparent;color:var(--save-muted);font-size:24px}.bookmark-back span{font-size:13px;vertical-align:2px}
.bookmark-heading{text-align:center;padding-top:14px}.bookmark-heading>img{display:block;margin:0 auto 22px;object-fit:contain}.bookmark-eyebrow{font-size:11px!important;letter-spacing:.13em;color:var(--save-accent)!important;margin:0 0 9px!important}.bookmark-heading h2{font-size:24px;letter-spacing:.025em;line-height:1.35;margin:0 0 10px}.bookmark-heading p{font-size:13px;line-height:1.7;color:var(--save-muted);margin:0}.bookmark-platforms{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.bookmark-platform{display:flex;align-items:center;flex-direction:column;gap:10px;padding:22px 8px 18px;border:1px solid var(--border-color,#dce5e6);border-radius:18px;background:var(--save-soft);color:var(--save-accent)}.bookmark-platform:hover{border-color:#75b5a1}.bookmark-platform svg{width:36px;height:36px}.bookmark-platform strong{font-size:18px;letter-spacing:.12em}.bookmark-platform>span{font-size:12px;color:var(--save-muted)}.bookmark-platform[data-platform=apple]{background:var(--install-apple-bg,#f1f4f6);color:var(--text-primary,#26343b)}
.bookmark-heading--inner{padding-top:20px}.bookmark-os{display:flex;justify-content:center;align-items:center;gap:7px;margin:0 0 12px;font-size:12px;letter-spacing:.08em;color:var(--save-accent)}.bookmark-os svg{width:24px;height:24px}.bookmark-address{display:flex;align-items:center;gap:8px;border-radius:12px;background:var(--save-soft);padding:4px 12px;margin-top:18px;color:var(--save-accent);font-size:13px}.bookmark-host{min-width:0;overflow-wrap:anywhere;flex:1;font-weight:600}.bookmark-copy{background:transparent;color:var(--save-accent);border:0;min-height:36px;font-size:12px;white-space:nowrap;font-weight:650}.bookmark-browser-note{font-size:12px;line-height:1.5;color:var(--save-muted);margin:8px 0 16px}.bookmark-step-tabs{display:flex;align-items:center;gap:10px}.bookmark-step-tabs button{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color,#dce5e6);background:transparent;color:var(--save-muted);font-size:13px}.bookmark-step-tabs button[aria-current]{background:var(--save-accent);color:var(--card-background,#fff);border-color:transparent}.bookmark-step-tabs>span{margin-left:auto;font-size:12px;color:var(--save-muted)}.bookmark-step h3{font-size:19px;margin:16px 0 12px;line-height:1.4}.bookmark-step-image{display:block;width:100%;height:auto;border-radius:16px;background:#f1f4f5}.bookmark-step>p{font-size:13px;line-height:1.75;color:var(--save-muted);margin:12px 0;min-height:46px}.bookmark-step-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px}.bookmark-step-actions button{min-height:46px;border:0;border-radius:12px;font-size:14px;font-weight:650}.bookmark-prev{background:var(--save-soft);color:var(--save-accent)}.bookmark-prev:disabled{opacity:.35;cursor:default}.bookmark-next,.bookmark-download{background:#c5e8db;color:#284f47}.bookmark-footnote{font-size:10px;text-align:center;color:var(--save-muted);line-height:1.6;margin:12px 0 0}.bookmark-status{font-size:12px;line-height:1.6;color:var(--save-accent);margin:10px 0}.bookmark-status:empty{display:none}.bookmark-status input{display:block;width:100%;font-size:16px;padding:8px;box-sizing:border-box;background:var(--card-background);color:inherit;border:1px solid var(--border-color);border-radius:8px}
.bookmark-app-card{display:flex;align-items:center;gap:14px;padding:18px 0;margin:18px 0 6px;border-block:1px solid var(--border-color,#dce5e6)}.bookmark-app-card img{border-radius:16px}.bookmark-app-card strong{font-size:19px}.bookmark-app-card div>span{display:block;font-size:12px;color:var(--save-muted);margin-top:5px}.bookmark-app-tag{margin-left:auto;color:var(--save-accent);background:var(--save-soft);font-size:11px;padding:5px 8px;border-radius:6px}.bookmark-android-steps{list-style:none;padding:0;margin:0}.bookmark-android-steps li{display:flex;gap:12px;padding:14px 0}.bookmark-android-steps li>b{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--save-soft);color:var(--save-accent);font-size:12px}.bookmark-android-steps strong{font-size:15px}.bookmark-android-steps p{font-size:13px;line-height:1.7;color:var(--save-muted);margin:5px 0 0}.bookmark-install-note{border-radius:12px;background:var(--save-soft);color:var(--save-muted);font-size:12px;line-height:1.8;padding:12px;margin:10px 0 18px}.bookmark-download{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border:0;border-radius:12px;font-size:15px;font-weight:650}.bookmark-download svg{width:22px;height:22px}
[data-theme="dark"] .bookmark-guide{--save-accent:#a2d1c4;--save-soft:#203731;--save-muted:#a6b8b6;--install-apple-bg:#26333f}
@media(max-width:350px){.bookmark-guide{padding:28px 16px 18px}.bookmark-heading h2{font-size:21px}.bookmark-platforms{gap:10px}.bookmark-platform>span{font-size:11px}.bookmark-step h3{font-size:18px}}
/* Real Safari screenshots retain system typography and controls. */
.bookmark-real-shot{overflow:hidden;border-radius:16px;background:#f2f2f6;border:1px solid var(--border-color,#dce5e6)}
.safari-shot-slice{position:relative;overflow:hidden;width:100%;isolation:isolate}
.safari-shot-slice>.safari-source{position:absolute;max-width:none!important;height:auto;display:block}
.safari-click-mark{position:absolute;box-sizing:border-box;border:2px solid #ff3845;border-radius:7px;pointer-events:none;z-index:2}
.safari-icon-replacement{position:absolute;background:#fff;border-radius:20%;overflow:hidden;z-index:1}
.safari-icon-replacement img{width:100%;height:100%;display:block;object-fit:contain}

/* Give the illustrated Apple guide more space and readable mobile type. */
.bookmark-guide[data-page=apple]{width:min(560px,calc(100% - 12px));max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px);padding:30px 20px 24px;border-radius:22px}
.bookmark-guide[data-page=apple] .bookmark-heading h2{font-size:28px}
.bookmark-guide[data-page=apple] .bookmark-heading p{font-size:16px}
.bookmark-guide[data-page=apple] .bookmark-os{font-size:15px}
.bookmark-guide[data-page=apple] .bookmark-back span{font-size:15px}
.bookmark-guide[data-page=apple] .bookmark-address{font-size:16px;padding:6px 12px}
.bookmark-guide[data-page=apple] .bookmark-copy{font-size:14px;min-height:40px}
.bookmark-guide[data-page=apple] .bookmark-browser-note{font-size:14px}
.bookmark-guide[data-page=apple] .bookmark-step-tabs{gap:8px}
.bookmark-guide[data-page=apple] .bookmark-step-tabs button{width:40px;height:40px;flex-shrink:0;font-size:16px}
.bookmark-guide[data-page=apple] .bookmark-step-tabs>span{font-size:14px;white-space:nowrap}
.bookmark-guide[data-page=apple] .bookmark-step h3{font-size:23px}
.bookmark-guide[data-page=apple] .bookmark-step>p{font-size:16px;line-height:1.75}
.bookmark-guide[data-page=apple] .bookmark-step-actions button{min-height:52px;font-size:17px}
.bookmark-guide[data-page=apple] .bookmark-footnote{font-size:12px}
.bookmark-guide[data-page=apple] .bookmark-status{font-size:15px}
@media(max-width:370px){.bookmark-guide[data-page=apple]{padding-inline:14px}.bookmark-guide[data-page=apple] .bookmark-step-tabs{gap:6px}.bookmark-guide[data-page=apple] .bookmark-step-tabs button{width:34px;height:36px}.bookmark-guide[data-page=apple] .bookmark-heading h2{font-size:26px}}