body#obs-plugins { margin:0; color:#233342; background:radial-gradient(ellipse at 12% 0%,#eaf2f8,transparent 65%),repeating-linear-gradient(0deg,#bdcad5 0 1px,#c2ced8 1px 3px); font:18px/1.65 Georgia,"Times New Roman",serif; }
.obs-page { box-sizing:border-box; width:min(1180px,calc(100% - 32px)); margin:24px auto 50px; overflow:hidden; border:1px solid #f8fbff; background:linear-gradient(110deg,#f2f6f7,#e2ebef); box-shadow:0 20px 65px #293d5052; }
.obs-page * { box-sizing:border-box; }
.obs-page a { color:#164f93; text-underline-offset:4px; }
.obs-page a:hover { color:#08336b; }
.obs-page a:focus-visible { outline:3px solid #247bd0; outline-offset:5px; }
.obs-cover { position:relative; padding:90px 64px 64px; background:radial-gradient(ellipse at 90% 0%,#b8d7df90,transparent 68%),linear-gradient(145deg,#f5f8f8,#cfdee6); }
.obs-nav { position:absolute; top:22px; left:30px; right:20px; display:flex; flex-wrap:wrap; align-items:center; gap:10px; font:13px/1.6 Tahoma,Arial,sans-serif; }
.obs-nav.hierarchy-nav { position:absolute; right:auto; max-width:calc(100% - 60px); }
.obs-cover h1 { font:normal clamp(48px,7vw,86px)/1.02 Georgia,serif; letter-spacing:-3px; margin:10px 0 24px; color:#183547; }
.obs-cover p { max-width:690px; margin:0; font-size:24px; line-height:1.5; }
.obs-cover-spectrum { height:5px; margin-top:36px; width:min(100%,470px); background:linear-gradient(90deg,#1c526d,#427f90,#93bcae,#d6c494,#c28f80,#8d779c); border-radius:4px; box-shadow:0 2px 9px #52849c55; }
.obs-intro { padding:30px 64px 12px; }
.obs-intro p { max-width:820px; }
.obs-page p { margin:0 0 18px; }
.obs-effect { padding:40px 64px 32px; border-top:1px solid #b0c4cf65; }
.obs-effect-copy { max-width:850px; }
.obs-page h2 { color:#18394c; font:normal clamp(30px,3.5vw,43px)/1.2 Georgia,serif; letter-spacing:-.8px; margin:0 0 24px; }
.obs-page h3 { color:#244355; font:bold 18px/1.45 Tahoma,Arial,sans-serif; margin:28px 0 12px; }
.obs-comparison { margin:28px 0 0; }
.obs-comparison-pair { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.obs-comparison-pair span { display:block; margin:0 0 8px; color:#415a69; font:13px/1.5 Tahoma,Arial,sans-serif; }
.obs-comparison img { width:100%; height:auto; display:block; border-radius:3px; box-shadow:0 8px 22px #24475726; }
.obs-comparison figcaption { font:14px/1.6 Tahoma,Arial,sans-serif; color:#465d6a; margin-top:16px; max-width:800px; }
.obs-downloads,.obs-install { padding:42px 64px; border-top:1px solid #9db7c677; }
.obs-downloads { background:linear-gradient(110deg,#d9e6ed88,#f3f7f950); }
.obs-table-scroll { overflow-x:auto; margin:28px 0 16px; }
.obs-download-table { width:100%; border-collapse:collapse; font:14px/1.5 Tahoma,Arial,sans-serif; }
.obs-download-table caption { text-align:left; margin-bottom:12px; color:#425e70; }
.obs-download-table th,.obs-download-table td { text-align:left; padding:20px 12px; border-bottom:1px solid #afc2ce; vertical-align:middle; }
.obs-download-table thead th { color:#425e70; padding-top:6px; font-weight:normal; }
.obs-download-table tbody th { min-width:220px; max-width:290px; }
.obs-download-table tbody th span { display:block; font-weight:normal; color:#496271; font-size:13px; margin-top:5px; }
.obs-download { display:inline-block; white-space:nowrap; padding:10px 12px; border:1px solid #7999bb; border-radius:5px; background:linear-gradient(#fff,#d5e5f6); box-shadow:inset 0 1px #fff,0 2px 4px #36597d1a; text-decoration:none; }
.obs-download:hover { background:#edf6ff; }
.obs-download:active { box-shadow:inset 0 2px 4px #36597d33; }
.obs-integrity { font:14px/1.8 Tahoma,Arial,sans-serif; }
.obs-platforms { padding-left:24px; }
.obs-platforms li { padding-bottom:8px; }
.obs-install-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.obs-install-grid p { font-size:16px; }
.obs-page code { font:14px/1.6 Menlo,Consolas,monospace; overflow-wrap:anywhere; }
@media(max-width:800px) { .obs-cover{padding:88px 30px 36px}.obs-intro,.obs-effect,.obs-downloads,.obs-install{padding-left:30px;padding-right:30px}.obs-install-grid{grid-template-columns:1fr;gap:0}.obs-cover p{font-size:21px}.obs-download-table{min-width:680px} }
@media(max-width:520px) { .obs-page{width:calc(100% - 16px);margin:8px auto 24px}.obs-cover{padding:105px 20px 32px}.obs-nav{left:20px;font-size:12px;gap:6px}.obs-cover h1{letter-spacing:-1.7px}.obs-intro,.obs-effect,.obs-downloads,.obs-install{padding-left:20px;padding-right:20px}.obs-comparison-pair{grid-template-columns:1fr;gap:20px}.obs-page h2{font-size:30px} }

.obs-chain-comparison { margin:0; padding:0 64px 40px; }
@media(max-width:800px){.obs-chain-comparison{padding-left:30px;padding-right:30px}}
@media(max-width:520px){.obs-chain-comparison{padding-left:20px;padding-right:20px}}

@media(max-width:700px) {
  .obs-download-table { min-width:0; }
  .obs-download-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .obs-download-table tbody,.obs-download-table tr,.obs-download-table th,.obs-download-table td { display:block; }
  .obs-download-table tbody tr { padding:16px 0 22px; border-bottom:1px solid #afc2ce; }
  .obs-download-table tbody th { min-width:0; max-width:none; padding:0 0 10px; border:0; }
  .obs-download-table td { padding:5px 0; border:0; }
  .obs-download { width:100%; }
}