@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap";:root{color:#202720;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f3eb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,textarea{font:inherit}button{cursor:pointer}.reader-app{color:#20231e;background:#f7f4ec;min-height:100vh}.site-header,.masthead,.story-section,.writer-banner,footer{max-width:1120px;margin:auto}.site-header{border-bottom:1px solid #d9d4c6;align-items:center;gap:42px;height:74px;padding:0 28px;display:flex}.wordmark{color:#20231e;font:600 29px Newsreader,serif;text-decoration:none}.wordmark span{color:#c95536}.site-header nav{flex:1;gap:27px;display:flex}.site-header nav a{color:#5f625b;font-size:13px;text-decoration:none}.header-actions{align-items:center;gap:14px;display:flex}.sign-in,.text-button{color:#30342e;background:0 0;border:0;font-size:13px;font-weight:600}.write-button,.browse-button,.writer-banner button,.publish-story,.primary-action{color:#fff;background:#345d3d;border:0;border-radius:3px;align-items:center;gap:8px;padding:11px 15px;font-size:13px;font-weight:600;display:inline-flex}.profile-button{color:#352710;background:#e4b65a;border:0;border-radius:50%;width:32px;height:32px;font-weight:700}.masthead{background:linear-gradient(125deg,#f7f4ec 0% 62%,#dce6d2 100%);padding:105px 28px 90px}.kicker{color:#aa523a;letter-spacing:0;margin:0 0 13px;font:500 11px DM Mono,monospace}.masthead h1{letter-spacing:0;margin:0;font:600 76px/.92 Newsreader,serif}.masthead h1 em{color:#4d7655;font-weight:500}.masthead>p:not(.kicker){color:#646961;max-width:340px;margin:23px 0 25px;font-size:16px;line-height:1.55}.browse-button{background:#202d22}.story-section{padding:78px 28px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.section-heading h2,.writer-banner h2{margin:0;font:600 38px Newsreader,serif}.text-button{align-items:center;gap:5px;display:flex}.story-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.story-card{cursor:pointer;padding-bottom:20px}.story-art{color:#fff;background:#c8a078;align-items:flex-end;height:180px;margin-bottom:18px;padding:15px;font:600 36px Newsreader,serif;display:flex}.card-1 .story-art{background:#5a8065}.card-2 .story-art{background:#496e77}.topic{color:#a75038;text-transform:uppercase;margin:0 0 9px;font:500 10px DM Mono,monospace}.story-card h3{margin:0 0 10px;font:600 25px/1.12 Newsreader,serif}.excerpt{color:#666b63;margin:0 0 17px;font-size:14px;line-height:1.5}.byline{color:#687069;border-top:1px solid #ddd8cb;align-items:center;gap:6px;padding-top:12px;font-size:11px;display:flex}.avatar{color:#406043;background:#dbe3d5;border-radius:50%;place-items:center;width:21px;height:21px;font-weight:700;display:grid}.dot{color:#aaa}.writer-banner{color:#f8f5ea;background:#31593c;justify-content:space-between;align-items:center;margin:0 auto 70px;padding:46px 52px;display:flex}.writer-banner .kicker{color:#d9bd78}.writer-banner h2{font-size:42px}.writer-banner p:not(.kicker){color:#d5dfd0;margin:10px 0 0}.writer-banner button{color:#324333;background:#f4e1ad}footer{color:#71766d;border-top:1px solid #d9d4c6;align-items:center;gap:24px;padding:33px 28px;font-size:12px;display:flex}footer p{flex:1}.modal-backdrop{z-index:5;background:#1c221b8f;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.auth-modal,.editor-modal,.reader-modal{background:#fffdf7;position:relative;box-shadow:0 20px 80px #00000040}.auth-modal{width:min(420px,100%);padding:38px}.auth-modal>svg{color:#a75038}.auth-modal h2{margin:14px 0 7px;font:600 34px Newsreader,serif}.auth-modal p{color:#697068;margin-bottom:25px;font-size:14px;line-height:1.5}.icon-button{color:#60665d;background:0 0;border:0;padding:6px;position:absolute;top:14px;right:14px}.google-button{background:#fff;border:1px solid #d8d8d0;justify-content:center;align-items:center;gap:9px;width:100%;height:44px;font-weight:600;display:flex}.google-mark{color:#4285f4;font-size:17px;font-weight:700}.divider{color:#858982;align-items:center;gap:10px;margin:20px 0;font:11px DM Mono,monospace;display:flex}.divider span{background:#e2e0d7;flex:1;height:1px}.auth-modal label{margin-bottom:7px;font-size:12px;font-weight:600;display:block}.auth-modal input{background:#fff;border:1px solid #cecbbf;width:100%;height:43px;margin-bottom:11px;padding:0 11px}.primary-action{background:#202d22;justify-content:center;width:100%}.auth-error{color:#b4382a!important;margin:12px 0 0!important;font-size:12px!important}.editor-modal{width:min(760px,100%);padding:42px}.title-input,.topic-input,.editor-modal textarea{background:0 0;border:0;border-bottom:1px solid #dedbd0;outline:0;width:100%;display:block}.title-input{padding:0 0 16px;font:600 42px/1.1 Newsreader,serif}.topic-input{padding:15px 0;font:12px DM Mono,monospace}.editor-modal textarea{resize:vertical;border-bottom:0;min-height:260px;padding:21px 0;font:17px/1.65 DM Sans,sans-serif}.editor-footer{color:#737970;border-top:1px solid #dedbd0;justify-content:space-between;align-items:center;padding-top:15px;font-size:12px;display:flex}.editor-footer span{align-items:center;gap:6px;display:flex}.reader-modal{width:min(680px,100%);max-height:90vh;padding:54px 62px;overflow:auto}.reader-modal h2{margin:0;font:600 50px/1.02 Newsreader,serif}.modal-byline{color:#71776e;margin:17px 0 35px;font-size:13px}.article-body{white-space:pre-wrap;font:18px/1.75 Newsreader,serif}.notice{color:#fff;z-index:8;background:#244b30;align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex;position:fixed;bottom:22px;right:22px}@media (width<=700px){.site-header{gap:14px;padding:0 18px}.site-header nav{display:none}.header-actions{margin-left:auto}.masthead{padding:70px 22px}.masthead h1{font-size:54px}.story-section{padding:52px 22px}.story-grid{grid-template-columns:1fr}.writer-banner{margin:0 22px 48px;padding:32px;display:block}.writer-banner button{margin-top:25px}.writer-banner h2{font-size:34px}footer{flex-wrap:wrap;margin:0 22px;padding:25px 0}.section-heading h2{font-size:31px}.editor-modal{padding:35px 22px}.title-input{font-size:34px}.reader-modal{padding:46px 28px}.reader-modal h2{font-size:40px}}