@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}}
/* Latest posts */
.more-news{margin-top:28px;padding-top:18px}
.more-news h2{color:#000;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--line);font:800 18px/1.3 'Manrope',sans-serif;letter-spacing:-.3px}
.more-news h2 span{color:#c32121}
.more-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0;max-width:100%}
.more-news-item{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);align-items:center;gap:14px;min-width:0;max-width:100%;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none}
.more-news-item img{display:block;width:100%;max-width:180px;aspect-ratio:3/2;object-fit:cover;border-radius:8px;background:#f3f7f4}
.more-news-item>div{min-width:0}
.more-news-item h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;margin:0 0 8px;font:600 14px/1.5 'DM Sans',sans-serif;overflow-wrap:anywhere}
.more-news-item time{display:block;color:var(--muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.more-news-item:hover h3{color:#c32121;text-decoration:underline;text-underline-offset:3px}
.more-news-item:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:6px}
.more-news-date-icon{margin-right:5px}
@media(max-width:700px){.more-news-grid{grid-template-columns:minmax(0,1fr);gap:8px}}
@media(max-width:480px){.more-news-item{grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:12px}.more-news-item h3{-webkit-line-clamp:4;font-size:13px}}
.post-video-card{margin:20px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f3f8f6;white-space:normal}
.post-video-link{display:block;text-decoration:none}
.post-video-preview{display:grid;position:relative;aspect-ratio:16/9;background:#071c1a;place-items:center}
.post-video-preview img{position:absolute;width:100%;height:100%;object-fit:contain}
.post-video-play{z-index:1;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#0009;color:#fff;font-size:28px}
.post-video-info{display:flex;align-items:center;gap:14px;padding:16px;color:#126d65}
.post-video-info>span:nth-child(2){min-width:0;flex:1}
.post-video-url{display:block;margin-top:4px;overflow-wrap:anywhere;color:var(--muted);font-size:13px}
.post-video-player{display:block;width:100%;max-height:70vh;background:#071c1a}
.post-video-link:hover{background:#e8f3f0}
.post-video-link:focus-visible,#share-post:focus-visible{outline:3px solid var(--teal);outline-offset:-3px}
#share-status{overflow-wrap:anywhere}#share-status input{width:100%;padding:8px;border:1px solid var(--line);border-radius:6px}
.feed-shell { width:min(1120px,calc(100% - 48px)); margin:64px auto 80px; }
.feed-heading { max-width:760px; margin-bottom:36px; padding-bottom:32px; border-bottom:1px solid var(--line); }
.feed-heading .post-category { color:#08776f; letter-spacing:2px; }
.feed-heading .post-title { max-width:720px; margin:16px 0; font-size:clamp(34px,5vw,60px); line-height:1.12; letter-spacing:-.045em; text-wrap:balance; }
.feed-heading > p { max-width:540px; margin:0; color:var(--muted); font-size:18px; line-height:1.65; }
.feed-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.feed-card { display:flex; flex-direction:column; min-width:0; padding:30px; background:var(--paper); border:1px solid var(--line); border-radius:16px; box-shadow:0 4px 16px rgba(9,55,50,.035); overflow-wrap:anywhere; transition:border-color .2s ease,box-shadow .2s ease; }
.feed-card .post-category { color:#08776f; font-size:11px; letter-spacing:1.4px; }
.feed-card h2 { margin:14px 0 12px; font:800 clamp(23px,2.5vw,28px)/1.3 'Manrope',sans-serif; letter-spacing:-.025em; }
.feed-card h2 a { display:block; text-decoration:none; }
.feed-card h2 a:hover { color:#08776f; }
.feed-card .feed-excerpt { margin:0 0 28px; color:var(--muted); font-size:16px; line-height:1.75; }
.feed-card-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 16px; margin-top:auto; padding-top:18px; border-top:1px solid var(--line); }
.feed-author { display:grid; gap:3px; min-width:0; flex:1 1 140px; font-size:13px; }
.feed-author time { color:var(--muted); font-size:12px; }
.feed-read { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:44px; padding:8px 12px; border-radius:8px; background:#e8f3f0; color:#126d65; font-size:13px; font-weight:700; text-decoration:none; }
.feed-read span { font-size:20px; line-height:1; }
.feed-empty { grid-column:1/-1; padding:clamp(24px,5vw,48px); border:1px dashed #bacdc5; border-radius:16px; background:#fff; }
.feed-empty h2 { margin:0 0 12px; font:800 24px/1.3 'Manrope',sans-serif; }
.feed-empty p { max-width:520px; margin:0 0 20px; color:var(--muted); }
.feed-shell a:focus-visible,.post-header a:focus-visible { outline:3px solid var(--teal); outline-offset:5px; }
@media (hover:hover) {
  .feed-card:hover { border-color:#a8c9bd; box-shadow:0 10px 28px rgba(9,55,50,.07); }
  .feed-read:hover { background:#d8ece5; }
}
@media (max-width:700px) {
  .feed-shell { width:calc(100% - 32px); margin:36px auto 48px; }
  .feed-heading { margin-bottom:24px; padding-bottom:24px; }
  .feed-heading > p { font-size:16px; }
  .feed-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  .feed-card { padding:24px; }
}
@media (max-width:380px) {
  .post-header { padding-inline:16px; gap:12px; }
  .post-header .brand { gap:8px; font-size:17px; }
  .post-header .brand img { width:32px; height:32px; }
  .post-header .download-link { padding:10px 12px; font-size:12px; white-space:nowrap; }
  .feed-card { padding:20px; }
}
@media (prefers-reduced-motion:reduce) { .feed-card { transition:none; } }
.post-body strong{font-weight:700}.post-body em{font-style:italic}.post-body h3{font:700 26px/1.3 Manrope,sans-serif;margin:24px 0 12px}.post-body blockquote{border-left:3px solid var(--teal);padding-left:16px;margin:15px 0;color:var(--muted)}.post-body ul{margin:0;padding-left:24px;white-space:normal}.post-body li{white-space:pre-wrap}