@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#102321;--muted:#60706e;--teal:#0d9488;--line:#dce5e1;--paper:#fff;--bg:#f3f7f4}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.7}a{color:inherit}.post-header{height:76px;padding:0 max(5vw,22px);display:flex;align-items:center;justify-content:space-between;background:#071c1a;color:#fff}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 20px 'Manrope',sans-serif}.brand img{width:38px;height:38px;border-radius:10px}.download-link{padding:9px 17px;border:1px solid rgba(255,255,255,.35);border-radius:30px;text-decoration:none;font-weight:700;font-size:14px}.post-shell{width:min(860px,calc(100% - 32px));margin:52px auto}.post-card{min-height:440px;padding:clamp(28px,6vw,68px);background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 60px rgba(9,55,50,.1)}.post-status{text-align:center;padding:75px 10px}.post-status h1{font:800 clamp(27px,5vw,40px) 'Manrope';margin:18px 0 5px}.post-status p{color:var(--muted);margin:0}.spinner{display:inline-block;width:38px;height:38px;border:4px solid #d8eeea;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}.post-category{color:var(--teal);font-size:12px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}.post-title{font:800 clamp(34px,6vw,58px)/1.1 'Manrope';letter-spacing:-2px;margin:13px 0 18px;overflow-wrap:anywhere}.post-byline{color:var(--muted);padding-bottom:25px;border-bottom:1px solid var(--line)}.post-cover{width:100%;max-height:480px;object-fit:cover;border-radius:12px;margin:30px 0}.post-body{font-size:18px;white-space:pre-wrap;overflow-wrap:anywhere}.attachments{margin-top:35px;padding-top:24px;border-top:1px solid var(--line)}.attachments a{display:block;color:#08776f;font-weight:700;margin:8px 0}.post-actions{display:flex;gap:12px;margin-top:40px}.post-actions a,.post-actions button{border:0;border-radius:8px;padding:13px 19px;font:700 14px 'DM Sans';cursor:pointer}.primary{background:var(--teal);color:#fff;text-decoration:none}.secondary{background:#e8f3f0;color:#126d65}footer{text-align:center;color:var(--muted);font-size:12px;padding:18px 20px 40px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.post-shell{margin:20px auto}.post-card{border-radius:12px}.post-title{letter-spacing:-1px}.post-body{font-size:16px}.post-actions{flex-direction:column;text-align:center}}
.post-body-rest{margin-top:1.4em}.prompt-open{overflow:hidden}.app-prompt-backdrop{position:fixed;z-index:1000;inset:0;padding:22px;display:grid;place-items:center;background:linear-gradient(to bottom,rgba(5,24,22,.28),rgba(5,24,22,.88));backdrop-filter:blur(5px)}.app-prompt{width:min(440px,100%);padding:34px;text-align:center;background:#fff;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.app-prompt img{width:62px;height:62px;margin:0 auto 18px;border-radius:15px}.app-prompt .post-category{margin:0}.app-prompt h2{font:800 28px/1.2 'Manrope';margin:8px 0 10px}.app-prompt>p:not(.post-category){color:var(--muted);margin:0 0 24px}.prompt-download,.prompt-continue{display:block;width:100%;padding:14px 18px;border-radius:9px;font:700 15px 'DM Sans';cursor:pointer}.prompt-download{background:var(--teal);color:#fff;text-decoration:none}.prompt-continue{margin-top:10px;border:0;background:#e8f3f0;color:#126d65}@media(max-width:600px){.app-prompt{padding:28px 22px}.app-prompt h2{font-size:25px}}
.download-link{color:#fff;background:transparent;cursor:pointer}.detail-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 25px;color:var(--muted);font-size:14px}.detail-tools button{padding:8px 12px;border:1px solid var(--line);border-radius:30px;background:#f3f8f6;color:#126d65;font:700 13px 'DM Sans';cursor:pointer}.post-image{margin:30px 0}.post-image .post-cover{margin:0}.post-image figcaption{margin-top:7px;color:var(--muted);font-size:13px}.detail-section{margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}.detail-section h2,.app-actions h2{font:800 20px 'Manrope';margin:0 0 8px}.detail-section p{margin:0}.detail-section>a{color:#08776f;font-weight:700}.post-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.post-stats span{padding:8px 12px;border-radius:30px;background:#e8f3f0;color:#126d65;font-size:13px}.app-actions{margin-top:36px;padding:25px;border-radius:13px;background:#f3f8f6}.app-actions>p{margin:0;color:var(--muted)}.app-actions .post-actions{flex-wrap:wrap;margin-top:18px}.post-actions button.primary{border:0}.prompt-download{border:0}.attachments{padding-top:22px}@media(max-width:600px){.detail-tools{align-items:stretch}.detail-tools span{width:100%}.detail-tools button{flex:1}.app-actions{padding:20px}.post-stats span{width:100%}}
.app-download-banner{display:block;margin:36px 0 0;border-radius:14px;overflow:hidden;background:#061d22;box-shadow:0 14px 36px rgba(7,28,26,.18);transition:transform .2s ease,box-shadow .2s ease}.app-download-banner:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(7,28,26,.24)}.app-download-banner:focus-visible{outline:4px solid rgba(13,148,136,.35);outline-offset:4px}.app-download-banner img{display:block;width:100%;height:auto}@media(max-width:600px){.app-download-banner{margin-top:28px;border-radius:10px}}
.feed-heading{margin-bottom:32px}.feed-heading>p{color:var(--muted);font-size:18px}.feed-grid{display:grid;gap:18px}.feed-card{padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(9,55,50,.06)}.feed-card h2{font:800 clamp(22px,4vw,30px)/1.2 'Manrope';margin:8px 0}.feed-card h2 a{text-decoration:none}.feed-card h2 a:hover{color:var(--teal)}.feed-card p{margin:0 0 12px;color:var(--muted)}.feed-card small{font-weight:700}.feed-shell{width:min(980px,calc(100% - 32px))}
