:root{--ink:#172d58;--lime:#e9f2ff;--paper:#f5f7fb;--line:#dce3ed;--muted:#64748b}body{color:var(--ink)}.primary{background:#1877f2;border-color:#1877f2;color:white}.primary:hover{background:#0965d9}button:hover{background:#edf4ff}.brand{font-family:Georgia,serif;font-weight:700;letter-spacing:-.7px}.intro{padding:36px 0 24px;border:0;max-width:720px;margin:auto}.intro p{margin:8px 0 16px;font-size:16px}.write-journal{display:inline-block;padding:10px 22px;border-radius:5px}.journal{max-width:720px;margin:auto}.journal .grid{display:flex;flex-direction:column;gap:24px}.section-head{margin:20px 0}.feed-card{background:white;border:1px solid var(--line);border-radius:10px;padding:24px}.writer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.writer-link{display:flex;align-items:center;gap:12px;min-width:0}.writer-link strong{display:block;overflow-wrap:anywhere}.writer-link small{display:block;color:var(--muted);font-size:13px}.user-avatar{display:inline-flex;position:relative;flex-shrink:0;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#e6efff;color:#1868d5;font:600 23px/1 'DM Sans',sans-serif;overflow:hidden}.user-avatar img{position:absolute;width:100%;height:100%;object-fit:cover}.avatar-large{width:90px;height:90px;font-size:40px}.follow-button{color:#1877f2;border-color:#1877f2;font-size:14px;padding:6px 16px}.follow-button[aria-pressed="true"]{background:#edf4ff}.post-content{display:block}.post-content h3{font:400 34px/1.25 'Libre Caslon Display',Georgia,serif;margin:0 0 12px}.post-content p{margin:0 0 20px;color:var(--muted);overflow-wrap:anywhere}.feed-card .cover{height:310px}.type-cover,.card:nth-child(2n) .type-cover{background:#174d94;color:#fff}.type-cover strong{font-size:48px;line-height:1.25;overflow-wrap:anywhere}.social-block{position:relative;margin-top:14px}.social-summary{padding:10px 0;margin:0;color:var(--muted);font-size:14px;border-bottom:1px solid var(--line)}.social-bar{display:flex}.social-action{display:flex;flex:1;align-items:center;justify-content:center;gap:10px;border:0;border-radius:5px;margin:5px 0;padding:12px 6px;font-size:15px}.social-action svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.social-action.selected{color:#1877f2}.reaction-picker{position:absolute;bottom:65px;left:0;display:flex;gap:2px;padding:7px;border-radius:40px;background:white;box-shadow:0 4px 20px #152d5826;border:1px solid var(--line);z-index:2;max-width:100%}.reaction-picker button{font-size:27px;border:0;padding:7px;line-height:1;border-radius:50%}.reaction-picker button[aria-pressed="true"]{background:#e6efff}.reaction-picker button:hover{transform:translateY(-3px)}.social-status:empty{display:none}.social-status{font-size:14px;margin:8px 0;color:var(--muted)}.engagement .social-block{margin-bottom:30px}.engagement{display:flex;flex-direction:column}.engagement>.social-block{order:-1}.article .writer-header{margin-top:20px}.profile-intro .follow-button{margin-left:20px}#my-avatar{margin-bottom:15px}nav a{font-size:14px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#1877f2}.reaction-picker[hidden]{display:none}
@media(max-width:760px){.feed-card{padding:16px}.feed-card .cover{height:260px}.social-action{gap:6px;font-size:14px}.reaction-picker button{font-size:23px;padding:6px}.type-cover strong{font-size:38px}.section-head span{display:none}header{gap:15px;flex-wrap:wrap}.desk{grid-template-columns:1fr}.brand{font-size:23px}.writer-header{gap:8px}.writer-link{gap:8px}}
/* Compact reaction summary: top three kinds, followed by the viewer-aware count. */
.reaction-total{display:inline-flex;align-items:center;gap:5px}.reaction-icons{display:inline-flex;align-items:center;padding-left:2px}.reaction-bubble{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;font-size:14px;line-height:1;margin-left:-2px;border:1px solid var(--surface);background:var(--surface)}.reaction-like{background:#1877f2;font-size:12px}.reaction-love{background:#f04467;font-size:12px}.social-action.selected svg{fill:currentColor}.social-summary{font-size:13px}.social-action{gap:7px}.social-status:empty{display:none}@media(max-width:760px){.social-summary{font-size:12px}.social-action{font-size:13px;padding:10px 4px;min-height:44px}.social-action svg{width:20px;height:20px}.reaction-bubble{width:17px;height:17px;font-size:12px}.reaction-like,.reaction-love{font-size:11px}}