@font-face{font-family:Atkinson;src:url('site-assets/AtkinsonHyperlegibleNext-Regular.ttf') format('truetype');font-display:swap}
:root{--paper:#f6f3eb;--ink:#20251f;--muted:#555e53;--line:#c8cdbf;--accent:#365b35;--tint:#e9ede3;--white:#fffefa}
*{box-sizing:border-box}html{scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:19px/1.5 Atkinson,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}button,summary{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:var(--white);padding:15px;z-index:20}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 40px;background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font:700 25px/1 Arial,sans-serif;letter-spacing:.5px;text-decoration:none}.header nav{display:flex;gap:25px}.header nav a,.source{font-size:16px;text-decoration:none}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:600;line-height:1.16;letter-spacing:-.025em}h1{font-size:clamp(43px,5.1vw,66px);margin:20px 0 25px}h1 span{color:var(--accent)}h2{font-size:clamp(30px,3.1vw,41px)}h3{font-size:27px}h4{font-size:20px}p+p{margin-top:16px}.label{font-size:12px;letter-spacing:1.5px;color:var(--accent)}.intro{font-size:23px;max-width:670px;line-height:1.5}.formats{font-size:16px;margin-top:20px}.hero{display:grid;grid-template-columns:1.7fr .8fr;gap:80px;align-items:center;padding-block:55px}.hero-screen{max-width:265px;justify-self:end}.hero-screen img{width:100%;height:auto;display:block;border:1px solid var(--line)}figcaption,.note,.scope{font-size:14px;line-height:1.5;color:var(--muted)}figcaption{margin-top:12px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.actions>a{font-size:17px}.button{display:inline-flex;padding:12px 18px;background:var(--ink);color:var(--white);border:1px solid var(--ink);text-decoration:none;font-size:17px}.button:hover{background:var(--accent);color:var(--white);border-color:var(--accent)}.scope{margin-top:26px!important;max-width:550px}.section-head{display:grid;grid-template-columns:1.4fr 1fr;gap:65px;align-items:end}.section-head .label{margin-bottom:12px}.section-head>p{color:var(--muted)}.efficiency{border-top:1px solid var(--line);padding:40px 0 5px}.efficiency h2{font-size:31px}.mechanisms{margin:25px 0 0}.mechanisms>div{display:grid;grid-template-columns:1fr 2fr;gap:55px;padding:20px 0;border-top:1px solid var(--line)}dt{font-size:21px;font-weight:600}dd{margin:0;font-size:18px;max-width:740px}.section{padding-block:70px}.reader-demo{display:grid;grid-template-columns:1.5fr .8fr;gap:100px;margin-top:35px}.demo-choices{border-top:1px solid var(--line)}.demo-choices button{display:block;width:100%;background:none;color:var(--muted);border:0;border-bottom:1px solid var(--line);padding:14px 12px;text-align:left;font-size:21px}.demo-choices button[aria-pressed=true]{background:var(--tint);color:var(--ink);border-left:4px solid var(--accent);padding-left:8px}.demo-copy{margin-top:28px;min-height:180px}.demo-copy p{margin-top:14px}.reader-demo .note{margin-top:16px}.demo-screen{max-width:260px;justify-self:center}.demo-screen img{display:block;width:100%;height:auto;border:1px solid var(--line)}.settings-section{background:var(--tint);padding-block:65px}.settings-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:100px;margin-top:35px;align-items:start}.settings-list article{padding:23px 0;border-top:1px solid #bfc8b6}.settings-list article h3{font-size:24px;margin-bottom:12px}.settings-list article p{font-size:18px}.settings-list .note{font-size:14px}.settings-screen{max-width:245px;justify-self:center;margin-top:23px}.settings-screen img{display:block;width:100%;height:auto;border:1px solid #bfc8b6}.lookup-row{display:grid;grid-template-columns:.8fr 1.6fr;gap:100px;padding-top:40px;margin-top:25px;border-top:1px solid #bfc8b6;align-items:start}.lookup-row>figure{width:230px;justify-self:center}.lookup-row img{width:100%;height:auto;display:block;border:1px solid #bfc8b6}.lookup-row h3{margin-bottom:20px}.lookup-row details{margin-top:25px}.cjk-example{max-width:245px;margin-top:20px}.gallery-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:100px;margin-top:35px}.cover-choices{display:grid;grid-template-columns:repeat(4,minmax(0,79px));gap:12px;margin:25px 0 30px}.cover-choices button{background:var(--white);border:1px solid var(--line);padding:5px;min-width:0}.cover-choices button[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:3px}.cover-choices img{width:100%;height:100px;object-fit:cover;display:block}.batch{border-top:1px solid var(--line);padding-top:25px}.batch h3{margin:12px 0 18px}.batch p:not(.label){font-size:18px}.video-details{margin-top:22px}.video-details video{display:block;width:100%;max-height:65vh;margin-top:18px;background:#1d231d}.video-details .result,.video-details>a{font-size:14px;margin-top:14px}.video-details>a{display:inline-block}.gallery-screen{max-width:270px;justify-self:center}.gallery-screen>img{width:100%;height:auto;display:block;border:1px solid var(--line)}.devices-section{background:#e7e9df;padding-block:65px}.device-choices{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.device-choices button{padding:9px 18px;background:none;color:var(--ink);border:1px solid #a6b09e}.device-choices button[aria-pressed=true]{background:var(--ink);color:var(--white);border-color:var(--ink)}.device-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding:28px 0;border-top:1px solid #b4bea9;border-bottom:1px solid #b4bea9;margin-top:22px}.device-panel h3{font-size:35px;margin:13px 0 15px}.device-panel .button{margin-top:22px}.device-panel>div:last-child{border-left:1px solid #b4bea9;padding-left:35px}.device-panel h4:not(:first-child){margin-top:22px}.device-panel h4+p{margin-top:8px}.device-panel>div:last-child p{font-size:18px}.device-scope{margin-top:20px!important;max-width:950px}.tools{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.tools h2{margin-top:12px}.tool-details details{padding:18px 0;border-top:1px solid var(--line)}.tool-details details:last-child{border-bottom:1px solid var(--line)}summary::marker{color:var(--accent)}.tool-details summary{font-size:21px}.tool-details p,.tool-details ul{font-size:18px;margin-top:15px}.tool-details li+li{margin-top:8px}.beta{display:grid;grid-template-columns:1fr 1.7fr;gap:30px 65px;padding:32px;background:var(--tint);border:1px solid var(--line)}.beta h2{margin:12px 0 15px}.beta a{display:inline-block;font-size:17px;margin-top:20px}.beta ol{margin:0;padding-left:23px;font-size:18px}.beta li+li{margin-top:15px}.beta-status{grid-column:1/-1}.project{display:grid;grid-template-columns:1fr 1.7fr;gap:65px;padding-block:65px}.project h2{font-size:31px}.project p,.project a{font-size:18px}.project a{display:inline-block;margin-top:20px}footer{display:grid;grid-template-columns:.6fr 1.5fr 1fr;gap:35px;padding:28px 0 35px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}footer .brand{font-size:22px;color:var(--ink)}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.header{padding:18px 28px;gap:22px}.header nav{gap:17px}.hero{gap:45px;grid-template-columns:1.6fr .8fr}.hero h1{font-size:51px}.intro{font-size:21px}.hero-screen{max-width:240px}.section-head{gap:35px}.mechanisms>div{gap:35px}.reader-demo,.settings-layout,.gallery-layout,.lookup-row{gap:55px}.tools{gap:40px}.device-panel{gap:40px}.project{gap:40px}}
@media(max-width:720px){html{scroll-padding-top:115px}.wrap{width:calc(100% - 36px)}body{font-size:18px}.header{flex-wrap:wrap;padding:14px 18px;gap:13px}.brand{font-size:23px}.brand img{width:30px;height:30px}.header nav{order:3;width:100%;justify-content:space-between;gap:7px}.header nav a,.source{font-size:14px}.hero{grid-template-columns:1fr;gap:30px;padding-block:35px}.hero h1{font-size:clamp(38px,9.2vw,53px);margin:18px 0 22px}.intro{font-size:21px}.actions{gap:20px;margin-top:24px}.hero-screen{justify-self:center;max-width:235px}.section-head{grid-template-columns:1fr;gap:18px}.efficiency{padding-top:30px}.efficiency h2{font-size:28px}.mechanisms>div{grid-template-columns:1fr;gap:10px;padding-block:20px}.mechanisms dd{font-size:18px}.section{padding-block:50px}.reader-demo,.settings-layout,.lookup-row,.gallery-layout{grid-template-columns:1fr;gap:30px;margin-top:28px}.demo-copy{min-height:0}.demo-copy h3{font-size:25px}.demo-screen{max-width:235px}.settings-section,.devices-section{padding-block:50px}.settings-screen{margin-top:0;max-width:230px}.lookup-row{padding-top:30px}.lookup-row>figure{order:2;width:230px}.lookup-row>div{order:1}.lookup-row h3{font-size:26px}.gallery-screen{max-width:240px}.cover-choices{grid-template-columns:repeat(4,minmax(0,72px));gap:10px}.cover-choices img{height:87px}.device-choices{gap:9px}.device-choices button{font-size:16px;padding:9px 12px}.device-panel{grid-template-columns:1fr;gap:25px}.device-panel>div:last-child{padding:25px 0 0;border-left:0;border-top:1px solid #b4bea9}.device-panel .button{font-size:15px}.tools,.project{grid-template-columns:1fr;gap:25px}.beta{grid-template-columns:1fr;padding:25px 20px;gap:25px}.beta-status{grid-column:auto}.project{padding-block:50px}footer{grid-template-columns:1fr;gap:20px}h2{font-size:31px}}
