@font-face{font-family:"Instrument Serif";src:url("fonts/InstrumentSerif-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Instrument Serif";src:url("fonts/InstrumentSerif-Italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Selawik;src:url("odds/app/fonts/Selawik-Regular.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Selawik;src:url("odds/app/fonts/Selawik-Semibold.woff2") format("woff2");font-weight:600;font-display:swap}:root{--paper:#f1efea;--wash:#eae9e3;--ink:#19344f;--muted:#5b6670;--line:#d4d7d8;--line-strong:#aeb7bd;--blue:#104a86;--blue-dark:#093768;--blue-wash:#e5eaf0;--display:"Instrument Serif",Georgia,serif;--sans:Selawik,"Segoe UI",Arial,sans-serif;--font:var(--sans)}html{scroll-padding-top:24px}body{background:var(--paper);color:var(--ink);font-family:var(--sans)}.site-header,.site-header *,.site-footer,.site-footer *{box-sizing:border-box}.site-skip{position:fixed;top:-100px;left:20px;z-index:200;background:var(--ink);color:#fff;padding:12px}.site-skip:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;width:92%;max-width:1440px;margin:auto;padding:24px 0;border-bottom:1px solid var(--line)}.site-brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;color:var(--ink);text-decoration:none;font:italic 400 42px/1 var(--display);letter-spacing:-.025em}.site-brand img{display:block;width:38px;height:auto;object-fit:contain}nav.site-nav,nav.site-footer-links{position:static;inset:auto;z-index:auto;background:transparent;backdrop-filter:none;border:0;display:flex;flex-wrap:wrap;align-items:center;gap:18px}.site-nav a,.site-footer-links a{font:400 14px/1.5 var(--sans);text-decoration:none;color:var(--ink);text-underline-offset:4px}.site-nav a:hover,.site-footer-links a:hover,.site-nav a[aria-current]{text-decoration:underline}.site-nav .site-download{background:var(--blue);color:#fff;border-radius:8px;padding:11px 16px}.site-header-home{width:100%;border:0;padding:0;align-items:center}.site-header-home .site-brand{font-size:clamp(66px,7vw,104px);gap:18px}.site-header-home .site-brand img{width:clamp(42px,4.3vw,64px)}.site-footer{width:92%;max-width:1440px;margin:48px auto 0;padding:30px 0;border-top:1px solid var(--line);background:transparent}.site-footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.site-footer .site-brand{font-size:36px}.site-footer .site-brand img{width:26px}.site-footer-top p,.site-copyright{font:400 12px/1.7 var(--sans);color:var(--muted)}.site-footer-links{margin-bottom:24px}.site-copyright{margin:0;font-size:11px}.site-header a:focus-visible,.site-footer a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.page{padding-top:56px}.page-inner{max-width:840px}.page-head h1{font-family:var(--display);font-size:clamp(42px,5.5vw,68px);font-weight:400;line-height:1.06}.page h2{font-family:var(--display);font-weight:400;font-size:36px;line-height:1.15}.page h3{font-family:var(--sans);font-weight:600;line-height:1.35}.eyebrow{font-family:var(--sans);font-size:11px;letter-spacing:.09em}.btn{font-family:var(--sans);font-weight:400;border-radius:8px}.btn-ghost{background:transparent}.page-sub{line-height:1.75}.article-cta,.about-card,.page-toc{background:var(--wash)}.article-list li{display:grid;grid-template-columns:108px minmax(0,1fr);gap:24px;padding:28px 0;align-items:start}.article-thumb{display:flex;align-items:center;justify-content:center;min-height:80px;border:1px solid var(--line);background:#fafaf7;border-radius:8px;overflow:hidden}.article-thumb img{width:90px;height:64px;object-fit:contain;padding:8px}.article-thumb.is-screenshot img{width:108px;height:80px;padding:0;object-fit:cover}.article-list h2{font:400 29px/1.15 var(--display);margin:0 0 10px}.article-list h2 a{font:inherit}.article-list p{font-size:15px;line-height:1.7}.article-site-mark{display:inline-flex;align-items:center;gap:12px;margin-bottom:22px;padding:12px 18px;background:#fafaf7;border:1px solid var(--line);border-radius:8px;color:var(--ink)}.article-site-mark img{width:76px;height:40px;object-fit:contain}.article-breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:24px}.article-breadcrumbs a{color:inherit;text-underline-offset:3px}.article-related li{display:flex;align-items:flex-start;gap:16px}.article-related .related-image{width:60px;height:44px;flex-shrink:0;object-fit:contain;padding:5px;background:#fafaf7;border:1px solid var(--line);border-radius:5px}[data-theme="light"]{--bg0:#f1efea;--bg1:#fafaf7;--bg2:#eeede7;--bg3:#e6e6de;--bg4:#dcdfd9;--bd:#cbd1d3;--bd2:#a4b0b8;--t1:#19344f;--t2:#52616d;--t3:#616d77;--acc:#104a86;--acc2:#9eb8d1;--acc-dim:#e0e8f0;--acc-text:#fff}.tool-page .site-header{padding:16px 0}.tool-page .site-brand{font-size:34px}.tool-page .site-brand img{width:29px}.tool-page .app{height:100dvh;min-height:650px;max-width:1600px;margin:auto}.tool-page .site-footer{margin-top:20px}.tool-title{font:400 28px/1.15 var(--display);margin:4px 8px 8px;color:var(--ink)}@media(max-width:1100px){.site-header-home{align-items:flex-start;flex-wrap:wrap}.site-header-home .site-nav{margin-left:auto}.site-header-home .site-brand{font-size:72px}.site-nav{gap:12px!important}}@media(max-width:760px){.site-header{flex-wrap:wrap;gap:20px;padding:20px 0}.site-header .site-nav{width:100%;margin:0;gap:10px 18px!important}.site-nav a{font-size:13px}.site-nav .site-download{padding:7px 12px;margin-left:auto}.site-header-home{padding:0}.site-header-home .site-brand{font-size:70px}.site-header-home .site-brand img{width:42px}.site-footer-top{align-items:flex-start;flex-direction:column}.page{padding-top:36px}.page-head h1{font-size:44px}.tool-page .app{height:auto;min-height:0;overflow:visible}.article-list li{grid-template-columns:76px minmax(0,1fr);gap:16px}.article-thumb{min-height:64px}.article-thumb img{width:72px;height:60px}.article-thumb.is-screenshot img{width:76px;height:64px}.article-list h2{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:1100px){.site-header-home{flex-wrap:nowrap;align-items:center}}@media(max-width:760px){.site-header .site-nav{width:auto;margin-left:auto}.site-header-home .site-brand{font-size:clamp(42px,10vw,70px)}.site-header-home .site-brand img{width:32px}.site-header-home .site-brand{gap:10px}.site-header .site-nav a{font-size:12px;white-space:nowrap}}