@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--paper:#f7f5f0;--ink:#292e28;--muted:#828379;--line:#dfdfd5;--green:#5d6d4b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Golos Text',Arial,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:4px}header{height:100px;max-width:1280px;margin:auto;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);padding:0 24px}.brand{font-family:'Lora',Georgia,serif;font-size:43px;font-weight:600;text-decoration:none;color:var(--ink);letter-spacing:-5px}.brand span:not(.dot){font-style:italic}.dot{color:var(--green)}.header-label{font-size:10px;letter-spacing:2px;color:#777b70}.quiet{margin-left:auto;border:0;background:none;font-size:13px}.quiet b{font-weight:400;margin-left:8px;color:var(--muted)}main{max-width:1280px;margin:auto;padding:0 24px}.intro{padding:66px 0 58px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:500;color:var(--green);margin:0 0 22px}h1{font:500 clamp(48px,6.2vw,84px)/1.08 'Lora',Georgia,serif;letter-spacing:-3px;margin:0}h1 em{font-weight:400;color:var(--green)}.subtitle{font-size:15px;line-height:1.9;color:#777b70;margin:24px 0 0}.note{margin-right:65px;border-left:1px solid var(--line);padding:10px 0 10px 55px}.note>span{font-size:54px;color:#8c9875}.note p{font:27px/1.5 'Lora',Georgia,serif}.note em{color:var(--green)}.note small{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:20px}nav{display:flex;flex-wrap:wrap;gap:7px}nav button{border:0;background:none;color:#74766c;padding:10px 15px;font-size:12px;border-radius:24px}nav button.active{background:var(--ink);color:white}.search{display:flex;align-items:center;gap:8px}.search span{font-size:26px}.search input{width:150px;background:transparent;border:0;padding:8px 0;font-size:12px;color:var(--ink)}.feed-heading{display:flex;justify-content:space-between;padding:31px 0 23px;font-size:10px;letter-spacing:1.8px;color:var(--muted)}.feed{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 26px}.card{min-width:0}.photo{position:relative;overflow:hidden;border-radius:5px;background:#e0e3d8;aspect-ratio:1.53}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover img{transform:scale(1.04)}.photo a{display:block;height:100%}.bookmark{position:absolute;right:13px;top:13px;background:rgba(247,245,240,.93);border:0;width:33px;height:33px;border-radius:50%;font-size:20px;color:var(--ink)}.bookmark.selected{color:var(--green)}.card-meta{margin:20px 0 10px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.category{color:var(--green)}h2{font:500 26px/1.28 'Lora',Georgia,serif;margin:0 0 12px;letter-spacing:-.5px}.title-link{color:inherit;text-decoration:none}.card p{font-size:13px;line-height:1.8;color:#7b7e73;margin:0}.read{display:inline-block;margin-top:18px;color:var(--green);text-decoration:none;font-size:11px}.read span{margin-left:9px}.closing{text-align:center;padding:68px 0 58px;margin-top:55px;border-top:1px solid var(--line)}.closing>span{font-size:42px;color:#8c9875}.closing p{font:24px/1.7 'Lora',Georgia,serif}.closing em{color:var(--green)}footer{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:26px 24px 35px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(760px,94vw);max-height:92vh;border-radius:9px}dialog::backdrop{background:#1c251bd9;backdrop-filter:blur(5px)}#close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:0;border-radius:50%;background:var(--paper);font-size:26px}#cover{width:100%;max-height:300px;object-fit:cover;display:block}.article-text{padding:35px 45px}.article-text h2{font-size:36px}.article-text #body p{font:18px/1.85 'Lora',Georgia,serif}.save-reading{border:1px solid var(--line);border-radius:24px;background:transparent;padding:12px 20px;color:var(--green)}#empty{padding:70px 20px;text-align:center;color:var(--muted);line-height:1.8}@media(max-width:950px){.feed{grid-template-columns:repeat(2,1fr)}.note{margin-right:0;padding-left:30px}.toolbar{flex-direction:column}.search input{width:100%}}@media(max-width:600px){header{height:78px;gap:20px}.header-label{font-size:8px;letter-spacing:1px;max-width:110px;line-height:1.7}.quiet span{display:none}.intro{padding:42px 0 36px}.note{display:none}h1{letter-spacing:-2px}.subtitle{font-size:13px}.feed{grid-template-columns:1fr;gap:35px}nav{flex-wrap:nowrap;overflow:auto;margin-right:-24px;padding-right:24px}nav button{white-space:nowrap;font-size:11px;padding:9px 12px}.toolbar{gap:12px}h2{font-size:26px}.closing p{font-size:19px}footer{gap:20px;font-size:10px}.article-text{padding:28px 24px}.article-text h2{font-size:29px}.article-text #body p{font-size:17px}}