/* SBB keeps the shared Sanary navigation; its product surface is light glass, like SBM's. */
:root{color-scheme:light;--bridge-ink:#1f2540;--bridge-muted:#586079;--bridge-accent:#3f55c9;--bridge-line:#d8def0;--bridge-soft:#ecf0fb;--bridge-continue:#1a8c47;--bridge-fix:#d63860;--bridge-human:#a88a00}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;background:#f9faff;color:var(--bridge-ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans JP",sans-serif;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3;letter-spacing:-.035em}h2{font-size:clamp(29px,3.5vw,44px);text-wrap:balance}h3{font-size:23px}p+p{margin-top:18px}a:focus-visible,summary:focus-visible{outline:3px solid var(--bridge-accent);outline-offset:5px}.skip-link{position:fixed;top:10px;left:10px;z-index:2000;padding:10px 16px;background:white;transform:translateY(-160%)}.skip-link:focus{transform:none}.bridge-wrap{width:min(1120px,calc(100% - 48px));margin:auto}.bridge-section{padding:96px 0}.bridge-soft{background:var(--bridge-soft)}.bridge-kicker{color:var(--bridge-accent);font-weight:700;font-size:13px;letter-spacing:.16em;margin-bottom:16px}.bridge-lead{font-size:clamp(17px,1.9vw,21px);color:var(--bridge-muted);max-width:650px;margin-top:24px;text-wrap:pretty}
.bridge-hero{padding:68px 0 0;overflow:hidden;background:radial-gradient(ellipse at 75% 30%,#dbe6ff 0,transparent 55%),radial-gradient(ellipse at 15% 45%,#e6e8ff 0,transparent 50%),#f9faff}.bridge-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:52px;align-items:center}.bridge-identity{display:flex;align-items:center;gap:14px;margin-bottom:25px}.bridge-identity img{width:60px;height:60px}.bridge-identity span{font-weight:650;font-size:19px}.bridge-identity small{display:block;color:var(--bridge-muted);font-size:13px;font-weight:500}.bridge-hero h1{font-size:clamp(40px,5vw,66px);line-height:1.2;letter-spacing:-.045em;text-wrap:balance}
.bridge-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:30px}.bridge-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:10px 23px;background:var(--bridge-ink);color:white;border-radius:999px;text-decoration:none;font-weight:650;font-size:15px}.bridge-text-link{color:var(--bridge-accent);font-size:15px;text-underline-offset:5px}
.bridge-hero-art{position:relative;padding:22px;border:1px solid #fff;border-radius:28px;background:#ffffff80;box-shadow:0 30px 85px #3a478e22;transform:rotate(1deg)}.bridge-hero-art figcaption{padding:14px 4px 0;color:var(--bridge-muted);font-size:13px}
.bridge-flow{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:28px 0;margin:64px 0 0;border-top:1px solid #cdd4e6;gap:20px}.bridge-flow a{text-decoration:none}.bridge-flow strong{display:block;font-size:19px}.bridge-flow span{font-size:14px;color:var(--bridge-muted)}.bridge-flow b{font-size:12px;letter-spacing:.08em;margin-right:8px;color:var(--bridge-accent)}
.bridge-heading{max-width:730px;margin-bottom:36px}.bridge-heading p:not(.bridge-kicker){color:var(--bridge-muted);margin-top:20px}.bridge-caption{font-size:14px;color:var(--bridge-muted);margin-top:14px;line-height:1.65}.bridge-split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:start}.bridge-split p:not(.bridge-kicker){margin-top:20px;color:var(--bridge-muted)}
.bridge-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:24px 0 0;padding:0}.bridge-tags li{border:1px solid #cbd3e4;border-radius:999px;padding:5px 12px;font-size:13px;color:var(--bridge-muted)}
/* Decision cards: an illustration of the three decision kinds, not a screenshot. */
.bridge-decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none;margin:0;padding:0}.bridge-decision{border:1px solid var(--bridge-line);border-top:4px solid var(--bridge-line);border-radius:18px;background:#ffffffc8;padding:24px 24px 26px}.bridge-decision strong{display:block;font-size:18px;letter-spacing:.02em}.bridge-decision span{display:block;font-size:14px;color:var(--bridge-muted);margin-top:4px}.bridge-decision p{margin-top:16px;color:var(--bridge-muted);font-size:15px;line-height:1.75}.bridge-decision.is-continue{border-top-color:var(--bridge-continue)}.bridge-decision.is-continue strong{color:var(--bridge-continue)}.bridge-decision.is-fix{border-top-color:var(--bridge-fix)}.bridge-decision.is-fix strong{color:var(--bridge-fix)}.bridge-decision.is-human{border-top-color:var(--bridge-human)}.bridge-decision.is-human strong{color:var(--bridge-human)}
.bridge-hero-art .bridge-decisions{grid-template-columns:1fr;gap:12px}.bridge-hero-art .bridge-decision{padding:14px 18px;border-radius:14px}.bridge-hero-art .bridge-decision p{margin-top:6px;font-size:14px;line-height:1.6}
.bridge-panel{margin-top:40px;padding:30px;border:1px solid var(--bridge-line);background:#ffffffb8;border-radius:20px}.bridge-panel h3{font-size:21px}.bridge-panel p{color:var(--bridge-muted);margin-top:14px}.bridge-panel ul{color:var(--bridge-muted);padding-left:24px;margin:16px 0 0}.bridge-panel li{margin-block:6px}
.bridge-table-wrap{overflow-x:auto;border:1px solid var(--bridge-line);border-radius:18px;background:#ffffffc8}.bridge-table{width:100%;border-collapse:collapse;min-width:620px;font-size:15px}.bridge-table th,.bridge-table td{text-align:left;vertical-align:top;padding:16px 20px;border-bottom:1px solid var(--bridge-line);line-height:1.65}.bridge-table th{font-size:13px;letter-spacing:.08em;color:var(--bridge-accent);background:#f3f5fd}.bridge-table tr:last-child td{border-bottom:0}.bridge-table td:nth-child(3){color:var(--bridge-muted)}.bridge-table strong{white-space:nowrap}
.bridge-roles{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.bridge-roles article{border-top:1px solid var(--bridge-line);padding-top:22px}.bridge-roles h3{font-size:20px}.bridge-roles p{font-size:16px;margin-top:14px;color:var(--bridge-muted)}
.bridge-note{border-left:3px solid #7f8fdc;padding:8px 0 8px 24px;margin-top:36px;color:var(--bridge-muted)}.bridge-note h3{font-size:21px;color:var(--bridge-ink);margin-bottom:10px}
.bridge-privacy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:32px}.bridge-privacy-grid article{border-top:1px solid var(--bridge-line);padding-top:22px}.bridge-privacy-grid h3{font-size:20px}.bridge-privacy-grid p{font-size:16px;margin-top:14px;color:var(--bridge-muted)}
.bridge-release{text-align:center;background:radial-gradient(ellipse at 50% 100%,#d5dcfa,transparent 70%),#ecf0fb}.bridge-release img{width:86px;height:86px;margin:0 auto 22px}.bridge-release p{max-width:610px;margin:22px auto 0;color:var(--bridge-muted)}.bridge-status{display:inline-block;margin-top:26px;border:1px solid #b4bdd8;border-radius:999px;padding:10px 24px;font-weight:650;font-size:15px}.bridge-release .bridge-actions{justify-content:center}.bridge-release small{display:block;font-size:14px;color:var(--bridge-muted);margin-top:16px}.bridge-trademark{font-size:13px;line-height:1.7;color:var(--bridge-muted);max-width:760px;margin:36px auto 0}

/* Support and manual pages share one layout (toc + sections), as SBM's Support does. */
.bridge-support-hero{padding-bottom:64px}.bridge-support-hero h1{font-size:clamp(34px,4.5vw,56px);overflow-wrap:anywhere}.bridge-support-hero h1 span{display:block}
.bridge-support-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:64px;padding-block:64px 96px}.bridge-support-toc{position:sticky;top:130px;align-self:start;display:grid;gap:12px}.bridge-support-toc a{color:var(--bridge-muted);text-decoration:none;font-size:15px}.bridge-support-toc a:hover{color:var(--bridge-accent);text-decoration:underline;text-underline-offset:5px}
.bridge-support-section+.bridge-support-section{margin-top:64px;padding-top:56px;border-top:1px solid var(--bridge-line)}.bridge-support-section>p:not(.bridge-kicker){margin-top:22px;color:var(--bridge-muted)}.bridge-support-section h2{font-size:clamp(28px,3vw,36px)}.bridge-support-section h3{font-size:19px;margin-top:32px}.bridge-support-section h3+p{margin-top:12px;color:var(--bridge-muted)}.bridge-support-section .bridge-panel{margin-top:26px}
.bridge-support-section ul,.bridge-support-steps{padding-left:25px;margin-block:24px}.bridge-support-section li{margin-block:10px}.bridge-support-section li,.bridge-support-section li p{color:var(--bridge-muted)}.bridge-support-steps li::marker{color:var(--bridge-accent);font-weight:700}
.bridge-support-section code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:#e7ebf9;border-radius:6px;padding:.1em .4em;overflow-wrap:anywhere;color:var(--bridge-ink)}.bridge-support-section .bridge-table-wrap{margin-top:24px}
.bridge-ui{font-weight:650;color:var(--bridge-ink)}
.bridge-support-faq{margin-top:28px;border-top:1px solid var(--bridge-line)}.bridge-support-faq details{border-bottom:1px solid var(--bridge-line)}.bridge-support-faq summary{padding:22px 8px;cursor:pointer;font-size:17px;font-weight:650;line-height:1.65}.bridge-support-faq summary::marker{color:var(--bridge-accent)}.bridge-support-faq details[open]{background:var(--bridge-soft);border-radius:12px}.bridge-support-faq details>div{padding:0 24px 24px;color:var(--bridge-muted)}.bridge-support-faq details>div ul{margin-block:14px}
.bridge-support-email{color:var(--bridge-muted);overflow-wrap:anywhere}.bridge-support-pager{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:56px;padding-top:28px;border-top:1px solid var(--bridge-line)}

/* Screenshot placeholder: a marked replacement point for a manual page, not a real image yet. */
.bridge-screenshot{margin-top:26px;border:1.5px dashed #b4bdd8;border-radius:16px;background:#ffffff80;overflow:hidden}
.bridge-screenshot-frame{aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center}
.bridge-screenshot-label{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--bridge-accent)}
.bridge-screenshot-frame p{color:var(--bridge-muted);font-size:14px;max-width:32em}
.bridge-screenshot figcaption{padding:12px 20px;border-top:1px dashed #b4bdd8;font-size:13px;color:var(--bridge-muted)}

@media(max-width:800px){.bridge-hero-grid{grid-template-columns:1fr;gap:38px}.bridge-hero-art{max-width:590px;transform:none;margin:auto}.bridge-hero{padding-top:42px}.bridge-hero h1{max-width:660px}.bridge-section{padding:64px 0}.bridge-split{grid-template-columns:1fr;gap:32px}.bridge-privacy-grid,.bridge-roles{grid-template-columns:1fr;gap:24px}.bridge-decisions{grid-template-columns:1fr}.bridge-flow{margin-top:42px}.bridge-panel{padding:24px}
  .bridge-support-hero{padding-bottom:42px}.bridge-support-layout{grid-template-columns:1fr;gap:40px;padding-block:36px 64px}.bridge-support-toc{position:static;display:flex;flex-wrap:wrap;gap:12px 22px;padding-bottom:28px;border-bottom:1px solid var(--bridge-line)}.bridge-support-toc .bridge-kicker{flex-basis:100%;margin-bottom:0}.bridge-support-section+.bridge-support-section{margin-top:44px;padding-top:40px}.bridge-support-faq details>div{padding-inline:16px}}
@media(max-width:480px){.bridge-wrap{width:calc(100% - 36px)}.bridge-flow{grid-template-columns:1fr 1fr;gap:18px}.bridge-flow span{font-size:13px}.bridge-identity span{font-size:17px}.bridge-identity small{font-size:12px}.bridge-panel{padding:20px}.bridge-hero h1{font-size:38px}.bridge-hero-art{padding:14px;border-radius:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}