/* Social-inspired interface, respects colour theme */
header{min-height:83px;display:flex;flex-direction:column;justify-content:center}header h1{font-weight:900;letter-spacing:-.055em}main{max-width:790px;padding-top:17px}.panel{border-radius:14px!important;box-shadow:0 1px 5px #142b4412!important;margin-bottom:14px}.panel h2{color:var(--ink)!important;font-size:19px!important}.social-welcome,.social-composer,.social-shortcuts{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:13px;box-shadow:0 1px 5px #142b4410}.social-welcome{display:flex;align-items:center;gap:12px;padding:16px}.social-welcome strong{display:block;font-size:18px}.social-welcome small{display:block}.social-avatar{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;background:var(--accent-soft);border-radius:50%;font-size:25px}.social-avatar.small{width:36px;height:36px;font-size:19px}.social-composer{padding:14px}.social-compose-prompt{width:100%;display:flex;align-items:center;gap:10px;background:transparent!important;color:var(--muted)!important;text-align:left;box-shadow:none!important;padding:0 0 13px!important}.social-compose-prompt span:last-child{flex:1;border-radius:50px;padding:10px 13px;background:var(--surface-alt);border:1px solid var(--border)}.social-actions{display:flex;gap:5px;border-top:1px solid var(--border);padding-top:9px}.social-actions button{flex:1;background:transparent!important;color:var(--ink-soft)!important;padding:10px 3px}.social-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:10px}.social-shortcuts button{background:var(--surface-alt)!important;color:var(--ink-soft)!important;font-size:12px;padding:13px 3px}.social-post-head{display:flex;align-items:center;gap:10px}.social-post p{margin:12px 0;white-space:pre-wrap}.social-post-actions{border-top:1px solid var(--border);padding-top:9px}.social-post-actions button{background:var(--surface-alt)!important;color:var(--ink-soft)!important}#bottomNav button.active:before{content:"";position:absolute;top:0;left:20%;right:20%;height:3px;border-radius:3px;background:var(--accent)}#bottomNav button{position:relative}#headerShare{border-radius:30px!important}@media(max-width:520px){main{padding:12px 10px 20px}.social-shortcuts button{font-size:10px}.social-welcome{padding:13px}}

/* Distinctive original pub identity */
:root{--accent:#087968;--accent-soft:#e5f3ed;--ink:#20352f;--muted:#63746e;--surface:#fffdf8;--surface-alt:#f4f2e9;--border:#e1e5dd}
body{background:#f1f2ec!important;color:#20352f}
header{background:#06372f!important;border-bottom:3px solid #cda451!important}
header h1{display:flex;align-items:center;gap:10px;color:#f5dfae!important;font-family:Georgia,serif;letter-spacing:-.035em}
header small{color:#e1dfca!important}
.pub-brand-mark{height:48px;width:48px;object-fit:contain;border-radius:12px}
#headerShare{background:#d7aa52!important;color:#18372e!important}
.panel,.social-welcome,.social-composer,.social-shortcuts{background:#fffdf8!important}
.panel h2{color:#0b6657!important}
#bottomNav{background:#073b33!important;border-top:2px solid #cda451!important}
#bottomNav button{color:#f4e9cd!important}
#bottomNav button.active{background:#185b4b!important;color:#ffcc64!important}
#bottomNav button.active:before{background:#f4c765!important}
button.primary,.social-actions button:hover{background:#087968!important}
@media(max-width:520px){.pub-brand-mark{width:37px;height:37px}}