@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#172525;--muted:#65706d;--paper:#f7f6f1;--white:#fff;--lime:#d9ff43;--coral:#ff704f;--blue:#6178f4;--green:#4cae86;--yellow:#e4b729;--line:#dedfd8;--soft:#efeee8;--shadow:0 14px 40px rgba(22,37,36,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}.skip-link{position:fixed;left:16px;top:-80px;background:var(--ink);color:#fff;padding:12px 18px;z-index:99}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{height:78px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 3.2vw;background:rgba(247,246,241,.92);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;text-decoration:none;font-family:'Manrope',sans-serif;font-size:22px;font-weight:800;letter-spacing:-1px}.brand b{margin-left:9px;padding-left:9px;border-left:1px solid #bcc0ba;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1.5px}.brand-mark{display:flex;width:28px;height:28px;margin-right:9px;gap:2px;align-items:flex-end;transform:rotate(-10deg)}.brand-mark i{display:block;width:7px;background:var(--ink);border-radius:5px}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:22px}.brand-mark i:nth-child(3){height:17px;background:var(--coral)}.main-nav{display:flex;gap:36px;margin:auto}.main-nav a{font-size:14px;font-weight:600;text-decoration:none;color:var(--muted);height:78px;display:flex;align-items:center;position:relative}.main-nav a.active,.main-nav a:hover{color:var(--ink)}.main-nav a.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--ink)}.header-actions{display:flex;gap:10px}.icon-button,.primary-button,.secondary-button{border:0;border-radius:7px}.icon-button{width:42px;background:transparent;font-size:27px}.primary-button{background:var(--ink);color:#fff;padding:12px 18px;font-weight:700}.primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(23,37,37,.18)}
.page-shell{display:grid;grid-template-columns:210px minmax(500px,1fr) 290px;max-width:1460px;margin:auto}.left-rail,.right-rail{padding:38px 24px}.left-rail{border-right:1px solid var(--line)}.right-rail{border-left:1px solid var(--line)}.eyebrow,.kicker{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#7b8582;text-transform:uppercase}.side-nav,.topic-nav{display:flex;flex-direction:column;gap:5px}.side-nav a,.topic-nav button{border:0;background:transparent;text-decoration:none;text-align:left;padding:10px 12px;border-radius:7px;font-size:14px;color:#596461;display:flex;align-items:center;gap:10px}.side-nav a span{font-size:18px}.side-nav a.active{background:var(--white);color:var(--ink);font-weight:700;box-shadow:0 3px 12px rgba(22,37,36,.05)}.side-nav em{font-size:10px;background:var(--ink);color:#fff;border-radius:20px;font-style:normal;padding:2px 6px;margin-left:auto}.topics-label{margin:34px 12px 10px}.topic-nav button:hover,.topic-nav button.active{background:#ecebe4;color:var(--ink)}.dot{width:8px;height:8px;border-radius:50%;background:#aaa}.coral{background:var(--coral)}.blue{background:var(--blue)}.green{background:var(--green)}.yellow{background:var(--yellow)}.rail-note{margin-top:42px;border-top:1px solid var(--line);padding:25px 10px}.rail-note>span{color:var(--coral);font-size:25px}.rail-note p{font-family:'Manrope';font-size:12px;line-height:1.7;color:var(--muted)}.rail-note strong{color:var(--ink)}
main{min-width:0}.hero{min-height:400px;padding:54px 7%;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{position:relative;z-index:2}.edition{font-size:10px;letter-spacing:1.5px;font-weight:800}.edition i{width:28px;height:1px;background:var(--coral);display:inline-block;vertical-align:middle;margin:0 9px}.hero h1{font:800 clamp(38px,4.1vw,65px)/.98 'Manrope';letter-spacing:-3.4px;margin:21px 0 18px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--coral)}.hero-copy>p{font-size:15px;line-height:1.65;max-width:510px;color:var(--muted)}.subscribe-form{display:flex;max-width:500px;margin:27px 0 15px;background:#fff;padding:5px;border:1px solid #d9dbd4;border-radius:8px;box-shadow:0 10px 25px rgba(22,37,36,.06)}.subscribe-form input{min-width:0;flex:1;border:0;background:transparent;padding:0 15px;outline:none}.subscribe-form button{border:0;background:var(--lime);padding:13px 17px;border-radius:5px;font-size:13px;font-weight:800}.hero small{display:flex;align-items:center;color:#707a77;font-size:10px}.avatars{display:flex;margin-right:8px}.avatars i{width:25px;height:25px;border:2px solid var(--paper);border-radius:50%;display:grid;place-items:center;background:#9ad0c0;margin-left:-6px;font-size:7px;font-style:normal;color:#17382e}.avatars i:nth-child(2){background:#f3bfae}.avatars i:nth-child(3){background:#b9c1f1}.hero-art{position:relative;min-height:290px}.orbit{position:absolute;border:1px solid #d1d4cc;border-radius:50%;inset:0 4%;transform:rotate(-20deg)}.orbit-two{inset:18% -5%;transform:rotate(15deg)}.art-card{position:absolute;box-shadow:var(--shadow);font-family:'Manrope';border-radius:4px}.card-back{width:175px;height:215px;background:var(--lime);right:0;top:12px;transform:rotate(10deg);padding:24px}.card-back span{font-size:9px;letter-spacing:2px}.card-back b{font-family:Georgia,serif;display:block;font-size:29px;margin-top:25px;font-weight:400}.card-back i{position:absolute;border:2px solid var(--ink);width:50px;height:50px;border-radius:50%;bottom:25px;right:25px}.card-front{background:var(--ink);color:#fff;width:220px;min-height:265px;left:5%;top:20px;transform:rotate(-5deg);padding:27px}.card-front>span{font-size:7px;color:var(--lime);letter-spacing:1.6px}.card-front blockquote{font:400 23px/1.3 Georgia,serif;margin:35px 0}.card-front div{display:flex}.card-front div i{width:24px;height:24px;border-radius:50%;background:#8a99d9;border:2px solid var(--ink);margin-left:-5px}.card-front div i:nth-child(2){background:#e79b82}.card-front div i:nth-child(3){background:#87bea3}.card-front div small{margin:5px}.spark{position:absolute;color:var(--coral);font-size:32px}.spark-one{top:0;left:-6%}.spark-two{bottom:2%;right:7%;color:var(--blue)}.scribble{position:absolute;right:0;bottom:3px;color:var(--coral);font:italic 15px Georgia;transform:rotate(-10deg)}.scribble span{font-size:35px}
.feed{padding:45px 6.5% 70px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.section-heading h2{font:800 28px 'Manrope';letter-spacing:-1.3px;margin:7px 0 0}.feed-tabs{display:flex;background:#ebeae4;border-radius:6px;padding:3px}.feed-tabs button{border:0;background:transparent;padding:8px 13px;border-radius:4px;font-size:11px;font-weight:700;color:var(--muted)}.feed-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px #d5d4cd}.post-card{display:flex;border-top:1px solid var(--line);padding:23px 8px;position:relative;transition:.2s}.post-card:hover{background:rgba(255,255,255,.48)}.featured-post{border:1px solid #cfd2ca;background:#fff;border-radius:8px;padding:25px 18px;box-shadow:0 8px 20px rgba(22,37,36,.04)}.featured-post:hover{background:#fff}.featured-label{position:absolute;right:18px;top:0;transform:translateY(-50%);background:var(--coral);color:#fff;padding:5px 9px;font-size:8px;font-weight:800;letter-spacing:1px}.vote-box{width:55px;flex:0 0 55px;display:flex;flex-direction:column;align-items:center}.vote-box button{border:0;background:transparent;font-size:20px;line-height:20px;color:#8d9693}.vote-box strong{font-size:13px;margin:5px 0}.vote-box .voted{color:var(--coral)}.post-content{flex:1;min-width:0}.post-meta{display:flex;align-items:center;gap:9px;font-size:9px;color:#89918f}.tag{font-size:8px;text-transform:uppercase;letter-spacing:.8px;font-weight:800;border-radius:3px;padding:4px 7px}.tag.product{background:#ffe0d7;color:#a23e25}.tag.tech{background:#dfe3ff;color:#3d50ae}.tag.community{background:#daf1e7;color:#287454}.tag.ideas{background:#f6ebc3;color:#81670c}.post-content h3{font:700 18px/1.35 'Manrope';letter-spacing:-.45px;margin:11px 0 7px}.post-content p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 14px}.post-footer{display:flex;gap:15px}.post-footer button{border:0;background:transparent;color:#7a8481;font-size:10px;padding:4px}.post-footer .save{margin-left:auto;font-size:18px}.post-footer .saved{color:var(--coral)}.load-more{display:block;margin:26px auto 0;border:1px solid #cfd1ca;background:transparent;border-radius:6px;padding:11px 22px;font-weight:700;font-size:11px}.load-more:hover{background:var(--ink);color:#fff}.post-card.hidden{display:none}
.right-rail section{margin-bottom:22px}.community-card{background:var(--ink);color:#fff;padding:27px;border-radius:6px;box-shadow:var(--shadow)}.community-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);font:800 18px 'Manrope';margin-bottom:35px}.community-card .kicker{color:#9eaaa7}.community-card h2{font:700 21px 'Manrope';margin:8px 0}.community-card p{font-size:12px;line-height:1.65;color:#b6bfbd}.community-card dl{display:flex;border-top:1px solid #3b4847;border-bottom:1px solid #3b4847;padding:18px 0;margin:20px 0;gap:35px}.community-card dl div{display:flex;flex-direction:column}.community-card dt{font:700 20px 'Manrope'}.community-card dd{margin:3px 0 0;color:#899794;font-size:9px}.secondary-button{width:100%;background:var(--lime);color:var(--ink);font-size:11px;font-weight:800;padding:12px}.side-title{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0 14px}.weekly ol{padding:0;margin:0;list-style:none}.weekly li{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.weekly li>span{font:400 italic 18px Georgia;color:#a8aeaa}.weekly li div{display:flex;flex-direction:column}.weekly strong{font:600 12px 'Manrope'}.weekly small{font-size:9px;color:#929a97;margin-top:4px}.manifesto{background:var(--lime);padding:22px;border-radius:5px;position:relative;overflow:hidden}.manifesto:after{content:'✦';position:absolute;font-size:100px;right:-25px;top:-35px;color:rgba(23,37,37,.08)}.manifesto>span{font-size:8px;font-weight:800;letter-spacing:1px}.manifesto p{font:italic 18px/1.35 Georgia;margin:20px 0}.manifesto a{font-size:10px;font-weight:800;text-decoration:none}.manifesto a b{float:right}
footer{border-top:1px solid var(--line);padding:35px 4%;display:flex;align-items:center;gap:35px}footer p{font-size:11px;color:var(--muted);margin-right:auto}footer>div:last-child{display:flex;gap:20px}footer a{font-size:11px;text-decoration:none;color:var(--muted)}dialog{border:0;border-radius:10px;padding:0;box-shadow:0 30px 80px #0004;width:min(550px,calc(100% - 30px));background:var(--paper)}dialog::backdrop{background:rgba(16,28,27,.72);backdrop-filter:blur(4px)}dialog form{padding:35px;display:flex;flex-direction:column;position:relative}dialog h2{font:800 27px 'Manrope';margin:8px 0 25px}dialog label{font-size:11px;font-weight:700;margin:12px 0 6px}dialog input,dialog select,dialog textarea{border:1px solid var(--line);border-radius:5px;padding:12px;background:#fff;resize:vertical}dialog .primary-button{margin-top:22px}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:26px}.toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:#fff;padding:14px 18px;border-radius:6px;font-size:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(20px);pointer-events:none;transition:.25s;z-index:50}.toast.show{opacity:1;transform:none}
@media(max-width:1100px){.page-shell{grid-template-columns:190px 1fr}.right-rail{display:none}.hero{grid-template-columns:1fr}.hero-art{display:none}}@media(max-width:760px){.topbar{height:64px;padding:0 18px}.main-nav,.icon-button,.brand b{display:none}.header-actions{margin-left:auto}.primary-button{font-size:0}.primary-button span{font-size:18px}.page-shell{display:block}.left-rail{border:0;border-bottom:1px solid var(--line);padding:12px 18px;overflow:auto}.left-rail>.eyebrow,.topic-nav,.rail-note{display:none}.side-nav{flex-direction:row}.side-nav a{white-space:nowrap}.hero{padding:42px 22px;min-height:auto}.hero h1{font-size:42px;letter-spacing:-2.5px}.subscribe-form{flex-direction:column;background:transparent;border:0;box-shadow:none;padding:0;gap:8px}.subscribe-form input,.subscribe-form button{padding:14px;border-radius:6px}.subscribe-form input{background:#fff;border:1px solid var(--line)}.feed{padding:38px 18px}.section-heading{align-items:flex-start;gap:18px;flex-direction:column}.featured-post,.post-card{padding:20px 10px}.vote-box{width:40px;flex-basis:40px}.post-meta{flex-wrap:wrap}.post-content h3{font-size:16px}.post-content p{font-size:11px}.share{display:none}footer{flex-wrap:wrap}footer p{width:100%;order:3}.toast{left:15px;right:15px;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Preview status stays readable without suggesting unavailable actions. */
.preview-link{font-size:12px;font-weight:700;text-underline-offset:4px}
.preview-notice{margin:24px 0 12px;padding:18px;background:var(--white);border:1px solid var(--line);border-radius:8px}
.preview-notice strong{font-size:15px}
.preview-notice p{font-size:13px;line-height:1.6;color:var(--muted);margin:8px 0 14px}
.preview-notice a{font-size:13px;font-weight:700;text-underline-offset:3px}
.feed-note{font-size:12px;line-height:1.6;color:var(--muted)}
.section-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}
.section-heading .feed-note{flex-basis:100%;margin:0}
.vote-box>span{color:var(--muted);font-size:20px;line-height:1.5}
.post-footer>span{font-size:11px;line-height:1.5;color:var(--muted)}
.post-meta{flex-wrap:wrap;color:var(--muted)}
footer>div:last-child>span{font-size:11px;line-height:1.6;color:var(--muted)}
:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
section[id],main[id]{scroll-margin-top:90px}
@media(max-width:1100px){.right-rail{display:block;grid-column:2;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:760px){.right-rail{padding:24px 18px}.preview-link{font-size:11px}.left-rail .topics-label{display:block;margin:16px 12px 6px}.topic-nav{display:flex;flex-direction:row;flex-wrap:wrap}.topic-nav button{font-size:12px;padding:8px}.side-nav{flex-wrap:wrap}.side-nav a{font-size:12px}.hero h1{font-size:38px}section[id],main[id]{scroll-margin-top:76px}}