:root{--font-primary:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--body-color:#111;--body-bg:#fdfdfc;--hyperlink-color:#2480ed;--selection-color:#111;--selection-bg:#ededed;--focus-color:rgba(0,122,255,.5)}*,:after,:before{outline:0;padding:0;margin:0;border:0;box-sizing:border-box}::selection{color:var(--selection-color);background:var(--selection-bg)}:focus-visible{outline:2px solid var(--focus-color)}html{background:var(--body-bg);color:var(--body-color)}body,html{min-height:100%}body{overflow-y:scroll;font-size:15px;font-family:var(--font-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:#111;font-weight:600}p{color:var(--body-color);line-height:1.6}a{color:var(--hyperlink-color);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}code{font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.875em;background:rgba(0,0,0,.04);padding:.125em .375em;border-radius:.25rem}strong{font-weight:600}.article{display:flex;flex-direction:column;gap:.875rem;max-width:640px;margin:0 auto;padding:3.5rem 1.5rem 3rem}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:100%}.page-title{display:inline-flex;align-items:center;gap:.5rem;font-size:16px;font-weight:600;letter-spacing:-.01em;color:#111;text-decoration:none}.page-title img{display:block;border-radius:4px;flex-shrink:0}.page-title:hover{color:#000;text-decoration:none}.title-actions{display:flex;align-items:center;gap:.5rem}.add-to-chrome-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#111;border:1px solid #111;border-radius:.5rem;color:#fff;font-size:.8125rem;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.08);transition:background .15s ease,border-color .15s ease,transform .1s ease}.add-to-chrome-btn img{flex-shrink:0;display:block}.add-to-chrome-btn:hover{background:#2a2a2a;border-color:#2a2a2a;text-decoration:none}.add-to-chrome-btn:active{transform:translateY(1px)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:.5rem;color:rgba(0,0,0,.7);text-decoration:none;cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.icon-btn svg{display:block}.icon-btn:hover{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.2);color:#000;text-decoration:none}.icon-btn:active{transform:translateY(1px)}.hero{text-align:center;margin-top:2rem;padding-top:4rem;padding-bottom:4rem;border-top:1px solid rgba(0,0,0,.08)}.hero h1{font-size:2rem;font-weight:600;line-height:1.15;margin-bottom:.75rem;letter-spacing:-.02em}.hero .tagline{max-width:38rem;margin:0 auto;color:rgba(0,0,0,.72);font-size:.875rem;font-weight:450}.hero-cover{width:50%;margin:0 auto;position:relative;overflow:hidden;border-radius:8px}.hero-cover img{display:block;width:100%;height:auto;border-radius:8px}.hero-cover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(to bottom,hsla(60,20%,99%,0) 0,hsla(60,20%,99%,.65) 55%,var(--body-bg) 100%);pointer-events:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.footer{max-width:640px;margin:0 auto;padding:1rem 1.5rem 3rem;border-top:1px solid rgba(0,0,0,.08);text-align:center;color:rgba(0,0,0,.6);font-size:.8125rem}.footer a{color:rgba(0,0,0,.75);text-decoration:underline;text-underline-offset:2px}.footer a:hover{color:#000}.mobile-notice{display:none;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#f8f9fa,#f0f1f3);border-bottom:1px solid rgba(0,0,0,.06);padding:.625rem 1rem;font-size:.75rem;font-weight:500;color:rgba(0,0,0,.5);letter-spacing:.01em}.mobile-notice .mobile-notice-icon{display:flex;align-items:center;opacity:.6}@media(max-width:980px){.mobile-notice{display:flex}.article{padding:3rem 1.25rem 2.5rem}}@media(max-width:640px){.article{padding:2.5rem 1rem 2rem;gap:.5rem}.page-title-row{flex-wrap:nowrap;gap:.5rem}.page-title{font-size:15px}.page-title img{width:18px!important;height:18px!important}.add-to-chrome-btn{padding:.45rem .7rem;font-size:.75rem;gap:.4rem}.add-to-chrome-btn img{width:16px!important;height:16px!important}.icon-btn{width:32px;height:32px}.icon-btn svg{width:16px;height:16px}.title-actions{gap:.375rem}.hero{padding-top:2.5rem;padding-bottom:2.5rem;margin-top:1.25rem}.hero h1{font-size:1.625rem;line-height:1.2}.hero .tagline{font-size:.875rem;max-width:100%}.article p{font-size:.875rem;line-height:1.55}.hero-cover{width:75%}.footer{padding:.875rem 1rem 2rem;font-size:.75rem}.mobile-notice{padding:.5rem .75rem;font-size:.6875rem}}@media(max-width:400px){.article{padding:2rem .875rem 1.5rem}.page-title{font-size:14px;gap:.375rem}.page-title img{width:16px!important;height:16px!important}.add-to-chrome-btn{padding:.4rem .55rem;font-size:.7rem;gap:.3rem}.add-to-chrome-btn img{width:14px!important;height:14px!important}.hero{padding-top:2rem;padding-bottom:2rem}.hero h1{font-size:1.5rem;letter-spacing:-.015em}.hero .tagline{font-size:.8125rem}.hero-cover{width:90%}}