/* Oathwood Social 2.0 — website-only community layer */
#communityHub{display:none!important}
.social2-shell{padding:0!important;overflow:hidden;background:rgba(255,253,245,.9)}
.social2-top{padding:28px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;background:linear-gradient(135deg,#102218,#245039);color:#fff}
.social2-kicker{display:block;color:#f0cc78;font-size:.62rem;font-weight:1000;letter-spacing:.16em}
.social2-top h2{font-family:"Fredoka";font-size:clamp(2.3rem,5vw,4rem);margin:3px 0 8px;line-height:.95}
.social2-top p{max-width:760px;margin:0;color:#d7e2d1}.social2-summary{display:flex;gap:8px;align-items:center;white-space:nowrap}
.social2-summary span,.social2-summary button{border:1px solid #ffffff26;background:#ffffff12;color:#fff;border-radius:999px;padding:9px 13px;font-weight:900}
.social2-summary button{cursor:pointer}.social2-nav{display:block;padding:11px 16px;background:#e5d9bb;border-bottom:1px solid #cabb93;position:sticky;top:73px;z-index:8}.s2-section-picker{display:flex;align-items:center;gap:10px;max-width:520px;font-size:.72rem;font-weight:1000;color:#344237}.s2-section-picker select{min-width:260px;max-width:100%;border:1px solid #bfae82;background:#fff9e9;color:#203328;border-radius:10px;padding:10px 38px 10px 12px;font:900 .9rem Nunito,sans-serif;cursor:pointer;box-shadow:0 4px 12px #17342412}
.s2-pane{padding:20px}.s2-feed-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 220px;gap:15px;align-items:start}
.s2-left-rail,.s2-right-rail{display:grid;gap:12px;position:sticky;top:140px}.s2-card,.s2-mini-profile,.s2-composer,.s2-profile-editor,.s2-character-note{background:#fffdf5;border:1px solid #cbbd99;border-radius:13px;padding:15px;box-shadow:0 9px 25px #2531260c}
.s2-mini-profile{text-align:center;overflow:hidden}.s2-mini-profile img{width:72px;height:72px;object-fit:cover;border-radius:16px;margin:0 auto 8px}.s2-mini-profile strong{display:block;font-family:"Fredoka";font-size:1.2rem}.s2-mini-profile small{color:#748071}
.s2-quick-links{display:grid;gap:5px}.s2-quick-links button,.s2-quick-links a,.s2-filter-list button{border:0;background:transparent;text-align:left;padding:9px;border-radius:8px;font-weight:900;color:#465348;cursor:pointer}.s2-quick-links button:hover,.s2-quick-links a:hover,.s2-filter-list button:hover,.s2-filter-list button.active{background:#e5edcf;color:#24412e}
.s2-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.s2-card-head button{border:0;background:transparent;color:#53703f;font-weight:900;cursor:pointer}.s2-filter-list{display:grid;margin-top:5px}
.s2-composer{padding:17px;margin-bottom:14px}.s2-composer-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}.s2-composer-head small{display:block;color:#7a8177;font-size:.7rem}.s2-avatar{width:42px;height:42px;border-radius:11px;background:#173424;color:#fff;display:grid;place-items:center;overflow:hidden;font-weight:1000}.s2-avatar img{width:100%;height:100%;object-fit:cover}
.s2-composer textarea,.s2-profile-editor textarea,.s2-profile-editor input,.s2-profile-editor select,.s2-extra-fields input,.s2-composer select,.s2-comment-box textarea,.s2-wall-composer textarea{width:100%;border:1px solid #c7b78f;background:#fffdf6;border-radius:9px;padding:11px;color:#172019;outline:none;font:inherit}.s2-composer textarea:focus,.s2-profile-editor textarea:focus,.s2-profile-editor input:focus{border-color:#6f934b;box-shadow:0 0 0 3px #6f934b22}
.s2-format-bar{display:flex;gap:4px;flex-wrap:wrap;margin:7px 0}.s2-format-bar button{border:1px solid #d6caac;background:#f5ecd8;border-radius:6px;padding:4px 7px;font-size:.68rem;font-weight:900;cursor:pointer}
.s2-composer-options{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin-top:8px}.s2-composer-options label,.s2-profile-editor label,.s2-extra-fields label{display:grid;gap:4px;font-size:.68rem;font-weight:1000;color:#59645b}.s2-photo-pick{background:#e6edd5;padding:9px;border-radius:8px;cursor:pointer}.s2-photo-pick input{display:none}
.s2-extra-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px;padding:10px;border-radius:9px;background:#f2ead6}.s2-composer-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.s2-composer-footer small{color:#7d8479}
.s2-upload-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.s2-upload-preview img{width:100%;height:90px;object-fit:cover;border-radius:8px;border:1px solid #d3c7a8}
.s2-feed{display:grid;gap:12px}.s2-post{background:#fffdf6;border:1px solid #cbbd99;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px #2430230d}.s2-post-head{display:flex;gap:10px;padding:14px 15px 8px;align-items:center}.s2-post-head .s2-avatar{width:44px;height:44px}.s2-post-head-copy{min-width:0;flex:1}.s2-post-head-copy strong{display:block;cursor:pointer}.s2-post-head-copy small{display:block;color:#778075;font-size:.7rem}.s2-post-menu{border:0;background:transparent;font-size:1.1rem;cursor:pointer}.s2-post-text{padding:4px 15px 12px;line-height:1.55;white-space:normal;overflow-wrap:anywhere}
.s2-post-images{display:grid;gap:2px;grid-template-columns:repeat(2,1fr);background:#172019}.s2-post-images.one{grid-template-columns:1fr}.s2-post-images img{width:100%;height:260px;object-fit:cover;cursor:zoom-in}.s2-post-images.one img{height:min(500px,55vw)}
.s2-post-special{margin:0 15px 12px;border:1px solid #d5c59d;background:#f3ebd8;border-radius:10px;padding:12px}.s2-trade-special{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.s2-trade-special div{background:#fff9ec;padding:10px;border-radius:8px}.s2-trade-special small{display:block;color:#788075}.s2-trade-special b{font-size:1.05rem}
.s2-poll-options{display:grid;gap:6px}.s2-poll-options button{position:relative;overflow:hidden;text-align:left;border:1px solid #bfaf85;background:#fffdf5;border-radius:8px;padding:9px;cursor:pointer}.s2-poll-options button i{position:absolute;inset:0 auto 0 0;background:#dce7c8;z-index:0}.s2-poll-options button span{position:relative;z-index:1;font-weight:900}
.s2-event-special{display:flex;gap:12px;align-items:center}.s2-event-icon{font-size:2rem}.s2-event-special small{display:block;color:#6d776d}
.s2-attachment-card{margin:0 15px 12px;border:1px solid #bdad82;border-radius:10px;overflow:hidden;background:#f7efda}.s2-attachment-card img{width:100%;max-height:220px;object-fit:cover}.s2-attachment-card div{padding:10px}.s2-attachment-card small{display:block;color:#71806a;font-weight:900}.s2-attachment-card strong{display:block}
.s2-post-actions{display:flex;gap:5px;border-top:1px solid #eee2c5;padding:8px}.s2-post-actions button{flex:1;border:0;background:transparent;border-radius:7px;padding:7px 4px;font-weight:900;color:#566259;cursor:pointer}.s2-post-actions button:hover,.s2-post-actions button.active{background:#e7efd6;color:#284932}
.s2-reactions{display:flex;gap:4px;padding:0 12px 7px;flex-wrap:wrap}.s2-reactions button{border:1px solid #d6c9a8;background:#fff8e7;border-radius:999px;padding:4px 7px;cursor:pointer}
.s2-comments{padding:0 13px 13px;display:grid;gap:7px}.s2-comment{display:grid;grid-template-columns:30px 1fr;gap:7px}.s2-comment .s2-avatar{width:30px;height:30px;border-radius:8px}.s2-comment-body{background:#f0eadb;border-radius:9px;padding:7px 9px}.s2-comment-body strong{font-size:.78rem}.s2-comment-body div{font-size:.84rem}.s2-comment-box{display:grid;grid-template-columns:1fr auto;gap:7px}.s2-comment-box textarea{resize:none;min-height:42px}.s2-comment-box button{align-self:end}
.s2-member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.s2-member-grid.compact{grid-template-columns:repeat(4,1fr)}.s2-member{border:1px solid #cbbd99;background:#fffdf5;border-radius:12px;padding:13px;display:grid;gap:8px}.s2-member-top{display:flex;gap:10px;align-items:center}.s2-member .s2-avatar{width:52px;height:52px}.s2-member strong{cursor:pointer}.s2-member small{color:#737d72}.s2-member-actions{display:flex;gap:5px;flex-wrap:wrap}.s2-member-actions button{border:1px solid #bfae82;background:#f7efd9;border-radius:7px;padding:6px 8px;font-weight:900;cursor:pointer}
.s2-profile-page{border:1px solid #cbbd99;background:#fffdf5;border-radius:14px;overflow:hidden;margin-bottom:15px}.s2-cover{height:220px;background:linear-gradient(135deg,#173424,#6f934b);background-size:cover;background-position:center}.s2-profile-main{padding:0 22px 22px}.s2-profile-identity{display:flex;align-items:end;gap:15px;margin-top:-55px}.s2-profile-avatar{width:112px;height:112px;border-radius:20px;border:5px solid #fffdf5;background:#173424;overflow:hidden;display:grid;place-items:center;color:#fff;font:700 2.5rem Fredoka}.s2-profile-avatar img{width:100%;height:100%;object-fit:cover}.s2-profile-name{padding-bottom:7px}.s2-profile-name h2{font:700 2.2rem Fredoka;margin:0}.s2-profile-name p{margin:2px 0;color:#677267}.s2-profile-stats{display:flex;gap:15px;flex-wrap:wrap;margin:13px 0}.s2-profile-stats span{background:#eee6d1;border-radius:8px;padding:7px 10px;font-size:.78rem}.s2-profile-about{display:grid;grid-template-columns:1fr 1fr;gap:12px}.s2-profile-about>div{background:#f3ecd9;border-radius:9px;padding:12px}.s2-profile-about strong{display:block;margin-bottom:5px}.s2-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.s2-gallery img{width:100%;height:120px;object-fit:cover;border-radius:7px;cursor:zoom-in}
.s2-profile-editor{display:grid;gap:12px}.s2-profile-editor h3{font:700 1.7rem Fredoka;margin:0}.s2-profile-upload-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.s2-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.s2-section-head h3{font:700 2rem Fredoka;margin:2px 0}.s2-section-head p{margin:0;color:#6e786e}.s2-section-head small{color:#577143;font-weight:1000;letter-spacing:.14em}
.s2-realty-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px}.s2-realty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.s2-realty-card{border:1px solid #cbbd99;background:#fffdf5;border-radius:12px;overflow:hidden}.s2-realty-card img{width:100%;height:150px;object-fit:cover}.s2-realty-card>div{padding:11px}.s2-realty-card small{display:block;color:#6a7867}.s2-realty-card button,.s2-realty-card a{display:inline-block;margin-top:7px}.s2-subtitle{margin:20px 0 10px;font:700 1.35rem Fredoka}
.s2-realty-property{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #d3c5a2;background:#fffdf5;border-radius:9px;padding:10px;margin-bottom:7px}.s2-realty-property small{display:block;color:#768076}.s2-notification-list{display:grid;gap:7px}.s2-notice{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;background:#fffdf5;border:1px solid #d2c49f;border-radius:10px;padding:10px}.s2-notice.unread{border-color:#70934d;background:#eff5df}.s2-notice-icon{width:42px;height:42px;border-radius:10px;background:#173424;color:#fff;display:grid;place-items:center}.s2-notice small{display:block;color:#788079}.s2-notice button{border:0;background:transparent;cursor:pointer}
.s2-rail-person{display:flex;gap:7px;align-items:center;padding:6px 0}.s2-rail-person .s2-avatar{width:34px;height:34px;border-radius:8px}.s2-rail-person strong{font-size:.78rem}.s2-rail-person small{display:block;font-size:.65rem;color:#768075}.s2-presence{width:8px;height:8px;border-radius:50%;background:#6aa34e;box-shadow:0 0 0 3px #6aa34e20;margin-left:auto}
.s2-share-attachment{margin-top:8px;border:1px solid #d2c39c;background:#f1ead5;border-radius:9px;padding:9px}.s2-character-note{text-align:center;padding:35px}.s2-character-note strong{font:700 2rem Fredoka}
.s2-wall-composer{display:grid;gap:7px;margin:13px 0}.s2-wall-composer textarea{min-height:70px}.s2-wall-composer button{justify-self:end}.s2-profile-posts{margin-top:15px;display:grid;gap:10px}
.s2-color-0{color:#000}.s2-color-1{color:#0000aa}.s2-color-2{color:#00aa00}.s2-color-3{color:#00aaaa}.s2-color-4{color:#aa0000}.s2-color-5{color:#aa00aa}.s2-color-6{color:#d69f32}.s2-color-7{color:#aaa}.s2-color-8{color:#555}.s2-color-9{color:#5555ff}.s2-color-a{color:#55aa55}.s2-color-b{color:#35aeb8}.s2-color-c{color:#e85b52}.s2-color-d{color:#ff55ff}.s2-color-e{color:#d5aa28}.s2-color-f{color:inherit}.s2-bold{font-weight:1000}.s2-italic{font-style:italic}.s2-under{text-decoration:underline}.s2-strike{text-decoration:line-through}
#s2Lightbox{position:fixed;inset:0;z-index:1000;background:#000d;display:none;place-items:center;padding:30px}#s2Lightbox.open{display:grid}#s2Lightbox img{max-width:95vw;max-height:90vh;border-radius:10px;box-shadow:0 20px 80px #000}#s2Lightbox button{position:absolute;top:20px;right:25px;background:#fff;color:#111;border:0;border-radius:50%;width:42px;height:42px;font-size:1.5rem;cursor:pointer}
@media(max-width:1050px){.s2-feed-layout{grid-template-columns:170px minmax(0,1fr)}.s2-right-rail{display:none}.s2-member-grid{grid-template-columns:repeat(2,1fr)}.s2-realty-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.social2-top{flex-direction:column}.social2-nav{top:70px}.s2-feed-layout{display:block}.s2-left-rail{position:static;display:none}.s2-pane{padding:11px}.s2-composer-options,.s2-extra-fields,.s2-profile-about,.s2-profile-upload-row,.s2-realty-layout{grid-template-columns:1fr}.s2-member-grid,.s2-member-grid.compact,.s2-realty-grid{grid-template-columns:1fr}.s2-post-images img{height:180px}.s2-profile-identity{align-items:center}.s2-profile-avatar{width:90px;height:90px}.s2-cover{height:160px}.s2-profile-main{padding-inline:13px}.s2-gallery{grid-template-columns:repeat(3,1fr)}.s2-section-head{align-items:flex-start;flex-direction:column}}

.s2-realty-inbox{display:grid;gap:8px;margin-bottom:18px}.s2-inbox-item{border:1px solid #d0c19b;background:#fffdf5;border-radius:11px;padding:12px;display:grid;gap:7px}.s2-inbox-item-head{display:flex;justify-content:space-between;gap:10px}.s2-inbox-item small{color:#758075}.s2-inbox-actions{display:flex;gap:6px;flex-wrap:wrap}.s2-inbox-actions button{border:1px solid #baa97e;background:#f4ead2;border-radius:8px;padding:7px 9px;font-weight:900;cursor:pointer}.s2-inbox-actions button.primary{background:#173424;color:#fff;border-color:#173424}
.s2-documents{display:grid;gap:12px}.s2-document-notice{background:#eee4cb;border:1px solid #cab88c;border-radius:10px;padding:11px;margin-bottom:12px;color:#5f665f}.s2-document{border:1px solid #c9b88e;background:#fffdf5;border-radius:14px;padding:18px}.s2-document h4{font:700 1.45rem Fredoka;margin:0 0 5px}.s2-document-meta{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.s2-document-meta span{background:#e6edd5;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:900}.s2-document-terms{margin:12px 0;padding-left:20px}.s2-document-signatures{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.s2-signature{border-top:1px solid #897d60;padding-top:7px}.s2-signature small{display:block;color:#737b72}
@media(max-width:700px){.s2-document-signatures{grid-template-columns:1fr}}

.s2-town-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.s2-town-card{border:1px solid #c9b990;background:#fffdf5;border-radius:12px;overflow:hidden}.s2-town-cover{height:100px;background:linear-gradient(135deg,#173424,#789d52);background-size:cover;background-position:center}.s2-town-card>div:last-child{padding:11px}.s2-town-card h4{font:700 1.4rem Fredoka;margin:0}.s2-town-card small{display:block;color:#738074}.s2-town-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.s2-town-card-grid span{background:#efe7d3;border-radius:7px;padding:7px;font-size:.72rem}.s2-town-card a{display:inline-block;margin-top:8px;font-weight:1000;color:#3d603a}.s2-treasury{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:15px}.s2-treasury-card{background:#173424;color:#fff;border-radius:11px;padding:12px}.s2-treasury-card small{display:block;color:#d4dfd1}.s2-treasury-card b{font:700 1.35rem Fredoka;color:#efce72}.s2-bank-history{background:#fffdf5;border:1px solid #c9b990;border-radius:12px;padding:13px;margin-bottom:16px}.s2-bank-row{display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px solid #eadfc3;padding:8px 0}.s2-bank-row:last-child{border:0}.s2-bank-row small{display:block;color:#748075}@media(max-width:900px){.s2-town-directory{grid-template-columns:repeat(2,1fr)}.s2-treasury{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.s2-town-directory{grid-template-columns:1fr}.s2-treasury{grid-template-columns:1fr 1fr}}

/* ===== Desktop fit fix — keep the full Social home feed on screen ===== */
@media (min-width:1051px){
  .portal-main{
    width:min(1500px,calc(100vw - 28px));
  }
  .portal-dashboard{
    grid-template-columns:240px minmax(0,1fr);
    gap:16px;
  }
  .portal-content,
  .social2-shell,
  .s2-pane,
  .s2-feed-layout,
  .s2-feed-main,
  .s2-left-rail,
  .s2-right-rail{
    min-width:0;
  }
  .s2-feed-layout{
    grid-template-columns:minmax(160px,180px) minmax(0,1fr) minmax(190px,220px);
    gap:12px;
  }
  .s2-card,
  .s2-mini-profile,
  .s2-composer,
  .s2-post,
  .s2-realty-property,
  .s2-rail-person{
    min-width:0;
  }
  .s2-card *,
  .s2-realty-property *,
  .s2-rail-person *{
    min-width:0;
    overflow-wrap:anywhere;
  }
  #s2RealtyRail{
    min-width:0;
    overflow:hidden;
  }
}

/* On smaller desktop/laptop widths, keep the feed readable instead of clipping. */
@media (min-width:1051px) and (max-width:1280px){
  .portal-main{
    width:calc(100vw - 20px);
  }
  .portal-dashboard{
    grid-template-columns:210px minmax(0,1fr);
    gap:12px;
  }
  .s2-feed-layout{
    grid-template-columns:150px minmax(0,1fr) 190px;
    gap:10px;
  }
  .s2-pane{padding:14px}
}


/* Social 2.3 usability: vertical feed, richer chat previews, verified community ads */
#s2Feed{max-height:72vh;overflow-y:auto;overflow-x:hidden;padding-right:7px;scrollbar-gutter:stable;overscroll-behavior:contain}
#s2Feed::-webkit-scrollbar{width:10px}#s2Feed::-webkit-scrollbar-thumb{background:#b9aa83;border-radius:999px;border:2px solid #fffdf5}#s2Feed::-webkit-scrollbar-track{background:#eee5d0;border-radius:999px}
.s2-chat-preview{width:100%;grid-template-columns:auto minmax(0,1fr) auto!important;text-align:left;position:relative;transition:.16s ease;padding:13px!important}.s2-chat-preview:hover{transform:translateY(-1px);border-color:#7b9a58;background:#f8f3e5}.s2-chat-preview .s2-avatar{width:48px;height:48px;border-radius:12px}.s2-chat-preview-copy{min-width:0}.s2-chat-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.s2-chat-preview-head time{font-size:.68rem;color:#7a8378}.s2-chat-preview-copy>small{display:block;color:#738073;font-size:.68rem;margin-top:1px}.s2-chat-preview-copy p{margin:6px 0 0!important;background:#eee8d8;border-radius:8px;padding:7px 9px!important;color:#49554b;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.s2-chat-unread{align-self:start;background:#173424;color:#fff;min-width:24px;height:24px;border-radius:999px;display:grid;place-items:center;font-size:.7rem}
.s2-ad-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px;align-items:start}.s2-ad-form,.s2-my-ads{background:#fffdf5;border:1px solid #cbbd99;border-radius:13px;padding:16px;box-shadow:0 9px 25px #2531260c}.s2-ad-form{display:grid;gap:12px}.s2-ad-form h4,.s2-my-ads h4{font:700 1.45rem Fredoka;margin:0 0 5px}.s2-ad-form label{display:grid;gap:5px;font-size:.7rem;font-weight:1000;color:#59645b}.s2-ad-form input,.s2-ad-form textarea,.s2-ad-form select{width:100%;border:1px solid #c7b78f;background:#fffdf6;border-radius:9px;padding:11px;color:#172019;outline:none;font:inherit}.s2-ad-image-pick{border:1px dashed #a99361!important;background:#f3ecd8;border-radius:10px;padding:12px;cursor:pointer}.s2-ad-image-pick input{padding:6px;background:transparent;border:0}.s2-ad-preview{display:flex;align-items:center;gap:10px}.s2-ad-preview img{width:150px;height:90px;object-fit:cover;border-radius:9px;border:1px solid #cdbf9c}.s2-ad-rules{display:flex;gap:6px;flex-wrap:wrap}.s2-ad-rules span{background:#e7efd6;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:900;color:#38503d}.s2-my-ads{display:grid;gap:9px}.s2-my-ad-card{border:1px solid #d2c39c;border-radius:11px;overflow:hidden;background:#fffaf0}.s2-my-ad-card>img{width:100%;height:150px;object-fit:cover}.s2-my-ad-card>div{padding:11px}.s2-my-ad-card small,.s2-my-ad-card strong{display:block}.s2-my-ad-card p{font-size:.82rem;line-height:1.4}.s2-my-ad-card button{border:1px solid #c39b91;background:#fff3ef;color:#7b332b;border-radius:7px;padding:6px 8px;font-weight:900;cursor:pointer}.s2-community-ad{background:#fff8df;border:2px solid #d4ad4c;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px #5c481a14}.s2-ad-label{padding:7px 12px;background:#ead07b;color:#3d351e;font-size:.66rem;font-weight:1000;letter-spacing:.12em}.s2-ad-feed-image{width:100%;max-height:320px;object-fit:cover;cursor:zoom-in}.s2-ad-feed-body{padding-bottom:5px}.s2-community-ad .s2-post-head{padding-bottom:4px}.s2-community-ad .s2-post-text{padding-top:6px}
@media(max-width:850px){.s2-ad-layout{grid-template-columns:1fr}.s2-section-picker{display:grid;gap:4px}.s2-section-picker select{width:100%;min-width:0}#s2Feed{max-height:68vh}}


/* MY LISTINGS OWNER ACTIONS */
.s2-listing-actions{display:flex;gap:6px;flex-wrap:wrap}.s2-listing-actions button{border:1px solid #baa97e;background:#f4ead2;border-radius:8px;padding:7px 10px;font-weight:900;cursor:pointer}.s2-listing-actions button.primary{background:#173424;color:#fff;border-color:#173424}

/* 2.3.7 — clickable player cards + safe public adventure stats */
.s2-member-clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.s2-member-clickable:hover,.s2-member-clickable:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px rgba(21,45,33,.12);outline:2px solid rgba(191,150,49,.55);outline-offset:2px}
.s2-public-player-stats{margin:18px 0;padding:16px;border:1px solid rgba(54,91,66,.14);border-radius:18px;background:rgba(255,252,239,.72)}
.s2-public-stats-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}
.s2-public-stats-head strong{font-family:Fredoka,sans-serif;font-size:1.05rem}
.s2-public-stats-head small{opacity:.65}
.s2-public-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.s2-public-stats-grid>div{display:grid;grid-template-columns:auto 1fr;grid-template-areas:'icon label' 'icon value';column-gap:8px;align-items:center;padding:10px;border-radius:13px;background:#fff;border:1px solid rgba(54,91,66,.1)}
.s2-public-stats-grid>div>span{grid-area:icon;font-size:1.25rem}.s2-public-stats-grid>div>small{grid-area:label;opacity:.65}.s2-public-stats-grid>div>b{grid-area:value;font-size:.95rem;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.s2-public-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.s2-public-stats-head{align-items:flex-start;flex-direction:column}}


/* 2.4.4 Message Center */
.s2-message-head{align-items:flex-end;gap:16px}
.s2-message-head .button{flex:0 0 auto}
.s2-message-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 14px;padding:14px 16px;border:1px solid rgba(32,77,54,.16);border-radius:18px;background:rgba(255,255,255,.52)}
.s2-message-tools .community-search{flex:1;max-width:560px;margin:0}
.s2-message-tools>small{color:var(--muted,#667263);text-align:right;line-height:1.45}
.s2-message-inbox{display:grid;gap:10px}
.s2-chat-preview{width:100%;text-align:left;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.s2-chat-preview:hover{transform:translateY(-1px)}
.s2-chat-preview.active{border-color:#d4a52c;box-shadow:0 0 0 2px rgba(212,165,44,.14)}
.s2-chat-preview[hidden]{display:none!important}
@media(max-width:720px){
  .s2-message-head,.s2-message-tools{align-items:stretch;flex-direction:column}
  .s2-message-head .button{width:100%}
  .s2-message-tools>small{text-align:left}
}


/* 2.4.5 message tools and deletion */
.chat-bubble{position:relative;padding-right:42px}
.s2-delete-message{
  position:absolute;
  top:7px;
  right:7px;
  width:27px;
  height:27px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.66);
  cursor:pointer;
  opacity:.35;
  transition:opacity .15s ease,transform .15s ease,background .15s ease;
}
.chat-bubble:hover .s2-delete-message,
.s2-delete-message:focus{opacity:1}
.s2-delete-message:hover{transform:scale(1.06);background:rgba(255,230,224,.95)}
.s2-inbox-preview-text .s2-bold,.chat-bubble p .s2-bold{font-weight:800}
.s2-inbox-preview-text .s2-italic,.chat-bubble p .s2-italic{font-style:italic}
.s2-inbox-preview-text .s2-under,.chat-bubble p .s2-under{text-decoration:underline}
.s2-inbox-preview-text .s2-strike,.chat-bubble p .s2-strike{text-decoration:line-through}

/* 2.4.5 useful filler */
.s2-oathwood-guide p{margin:.55rem 0 .85rem;line-height:1.5}
.s2-guide-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.s2-guide-grid button{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  grid-template-areas:"icon title" "icon sub";
  gap:1px 8px;
  align-items:center;
  width:100%;
  min-width:0;
  text-align:left;
  border:1px solid rgba(53,79,45,.13);
  border-radius:14px;
  background:rgba(255,255,255,.56);
  padding:10px 11px;
  cursor:pointer;
  color:inherit;
}
.s2-guide-grid button span{grid-area:icon;font-size:1.2rem;text-align:center}
.s2-guide-grid button b,
.s2-guide-grid button small{
  min-width:0;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
}
.s2-guide-grid button b{grid-area:title;font-size:.84rem;line-height:1.2}
.s2-guide-grid button small{grid-area:sub;opacity:.7;line-height:1.25}
.s2-world-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:22px 0 8px;
}
.s2-world-strip>div{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:"icon title" "icon copy";
  gap:2px 9px;
  padding:14px;
  border:1px solid rgba(62,87,51,.14);
  border-radius:17px;
  background:rgba(255,255,255,.46);
}
.s2-world-strip span{grid-area:icon;font-size:1.3rem}
.s2-world-strip strong{grid-area:title}
.s2-world-strip small{grid-area:copy;line-height:1.4;opacity:.75}

@media(max-width:800px){
  .s2-world-strip{grid-template-columns:1fr}
  .s2-tabbar-wrap{top:0}
}
@media(max-width:520px){
  .s2-guide-grid{grid-template-columns:1fr}
}

/* 2.4.6 private-message deletion */
.s2-chat-preview{position:relative;padding-right:48px}
.s2-delete-conversation{
  position:absolute;right:10px;top:50%;transform:translateY(-50%);
  width:32px;height:32px;border:1px solid rgba(120,60,45,.18);border-radius:10px;
  background:rgba(255,248,240,.78);cursor:pointer;opacity:.55;
  transition:opacity .15s ease,transform .15s ease,background .15s ease;
}
.s2-chat-preview:hover .s2-delete-conversation,.s2-delete-conversation:focus{opacity:1}
.s2-delete-conversation:hover{transform:translateY(-50%) scale(1.06);background:#ffe6dc}


/* 2.5.2 — Feed-first My Oathwood landing page
   Existing dashboard pieces are relocated into the feed rails; nothing is removed. */
#s2Feed{
  max-height:none;
  overflow:visible;
  padding-right:0;
  scrollbar-gutter:auto;
  overscroll-behavior:auto;
}
#s2Feed::-webkit-scrollbar{width:auto}
#s2Feed::-webkit-scrollbar-thumb,
#s2Feed::-webkit-scrollbar-track{background:initial;border:0}

.s2-feed-layout{
  grid-template-columns:minmax(170px,190px) minmax(0,1fr) minmax(230px,260px);
  align-items:start;
}
.s2-feed-main{min-width:0}
.s2-feed-welcome{
  padding:16px 18px;
  margin:0 0 14px;
  border-radius:13px;
  box-shadow:0 9px 25px #2531260c;
}
.s2-feed-welcome h1{
  font-size:clamp(1.8rem,3vw,2.7rem);
  line-height:1;
  margin:4px 0 7px;
}
.s2-feed-welcome p{font-size:.84rem}
.s2-feed-welcome .eyebrow{font-size:.56rem}
.s2-feed-welcome .button{flex:0 0 auto}

.s2-side-stats{display:grid;gap:10px;margin-top:12px}
.s2-side-stats-right{margin:0 0 12px}
.s2-rail-stats-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
}
.s2-rail-stats-grid article{
  min-width:0;
  padding:10px 11px!important;
  border-radius:10px!important;
  box-shadow:none!important;
  background:#fffdf5!important;
}
.s2-rail-stats-grid article span{
  font-size:.5rem!important;
  letter-spacing:.11em!important;
}
.s2-rail-stats-grid article strong{
  margin:3px 0 1px!important;
  font-size:1.15rem!important;
  line-height:1.05;
  overflow-wrap:anywhere;
}
.s2-rail-stats-grid article small{
  display:block;
  font-size:.58rem!important;
  line-height:1.25;
}

/* Comment metadata is visually separate from the actual message. */
.s2-comment{align-items:start}
.s2-comment-body{padding:8px 10px 9px}
.s2-comment-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:4px;
}
.s2-comment-meta strong{
  min-width:0;
  font-size:.78rem;
  cursor:pointer;
}
.s2-comment-time{
  flex:0 0 auto;
  padding:2px 6px;
  border:1px solid #ddd3b9;
  border-radius:999px;
  background:#fffaf0;
  color:#7b8178;
  font-size:.57rem;
  font-weight:900;
  line-height:1.2;
  white-space:nowrap;
}
.s2-comment-text{
  color:#273229;
  font-size:.86rem!important;
  line-height:1.42;
  overflow-wrap:anywhere;
}

/* Private messages: message body first, subdued timestamp beneath. */
.chat-bubble .chat-message-text{
  margin:0 0 7px;
  font-size:.92rem;
  line-height:1.48;
}
.chat-bubble .chat-message-time{
  display:block;
  width:max-content;
  max-width:100%;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.5);
  color:#707a70;
  font-size:.59rem;
  font-weight:800;
  line-height:1.25;
  white-space:normal;
}
.chat-bubble.mine .chat-message-time{margin-left:auto}

/* Laptop/tablet: feed remains the first thing; side information follows naturally. */
@media(max-width:1050px){
  .s2-feed-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"feed" "left" "right";
    gap:14px;
  }
  .s2-feed-main{grid-area:feed}
  .s2-left-rail{grid-area:left}
  .s2-right-rail{grid-area:right}
  .s2-left-rail,.s2-right-rail{
    position:static;
    top:auto;
  }
  .s2-side-stats .s2-rail-stats-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .s2-left-rail,.s2-right-rail{
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:start;
  }
  .s2-side-stats{margin-top:0}
  .s2-side-stats-left,.s2-side-stats-right{grid-column:1/-1}
}

/* Phones: one clean scrolling document. Feed first, utilities/stats afterward. */
@media(max-width:650px){
  .s2-pane{padding:10px}
  .s2-feed-layout{gap:11px}
  .s2-left-rail,.s2-right-rail{display:grid;grid-template-columns:1fr;gap:10px}
  .s2-side-stats .s2-rail-stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .s2-feed-welcome{
    align-items:flex-start;
    flex-direction:column;
    padding:14px;
  }
  .s2-feed-welcome h1{font-size:1.8rem}
  .s2-feed-welcome .button{width:100%}
  .s2-composer{padding:13px}
  .s2-composer-options{grid-template-columns:1fr}
  .s2-composer-footer{align-items:stretch;flex-direction:column}
  .s2-composer-footer .button{width:100%}
  .s2-post-images img,
  .s2-post-images.one img{height:auto;max-height:70vh}
  .s2-post-actions{display:grid;grid-template-columns:1fr 1fr}
  .s2-comment-box{grid-template-columns:minmax(0,1fr) auto}
  .s2-comment-meta{align-items:flex-start}
}

@media(max-width:390px){
  .s2-side-stats .s2-rail-stats-grid{grid-template-columns:1fr!important}
  .s2-comment-meta{display:grid;grid-template-columns:1fr}
  .s2-comment-time{justify-self:start}
}

.s2-notification-target{outline:3px solid rgba(214,168,77,.72);outline-offset:4px;animation:s2TargetGlow 1.6s ease 1}
@keyframes s2TargetGlow{0%,100%{box-shadow:inherit}50%{box-shadow:0 0 0 8px rgba(214,168,77,.14),0 10px 28px rgba(38,49,31,.1)}}
@media(prefers-reduced-motion:reduce){.s2-notification-target{animation:none}}


/* ==========================================================================
   2.6.2 — TRUE PHONE VIEWPORT FIX
   Keep My Oathwood at the device width and prevent form/select focus zoom.
   ========================================================================== */
@media (max-width:760px){
  html,
  body.portal-body{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:clip;
  }

  body.portal-body *{
    box-sizing:border-box;
  }

  .portal-main,
  .portal-dashboard,
  .portal-content,
  .social2-shell,
  .social2-body,
  .s2-pane,
  .s2-feed-layout,
  .s2-feed-main,
  .s2-feed,
  .s2-composer,
  .s2-post,
  .s2-profile-page,
  .s2-message-inbox,
  .s2-realty-layout,
  .s2-realty-grid{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  /* Mobile browsers can magnify the viewport when focusing sub-16px controls.
     social2.css loads after portal.css, so this belongs here. */
  body.portal-body input,
  body.portal-body select,
  body.portal-body textarea{
    font-size:16px!important;
  }

  .myo-header-menu,
  .myo-header-menu .social2-nav,
  .myo-header-menu .s2-section-picker,
  .myo-header-menu .s2-section-picker select{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .myo-header-menu .s2-section-picker select{
    font-size:16px!important;
    line-height:1.25;
  }

  .s2-composer textarea,
  .s2-comment-box textarea,
  .s2-wall-composer textarea,
  .s2-profile-editor input,
  .s2-profile-editor textarea,
  .s2-profile-editor select,
  .s2-extra-fields input,
  .s2-composer select{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .s2-format-bar{
    width:100%;
    max-width:100%;
    display:flex;
    flex-wrap:wrap;
    overflow:visible;
    gap:5px;
  }
  .s2-format-bar button{
    flex:0 1 auto;
    max-width:100%;
    white-space:normal;
  }

  .s2-composer-head,
  .s2-post-head,
  .s2-comment,
  .s2-comment-body,
  .s2-post-head-copy{
    min-width:0;
    max-width:100%;
  }

  .s2-composer-head>div:last-child,
  .s2-post-head-copy,
  .s2-post-text,
  .s2-comment-text,
  .s2-comment-body,
  .s2-card,
  .s2-card *{
    overflow-wrap:anywhere;
  }

  .s2-post-actions{
    width:100%;
    max-width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow:hidden;
  }
  .s2-post-actions button{
    min-width:0;
    width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
  }

  .s2-reactions{
    width:100%;
    max-width:100%;
    overflow:visible;
    flex-wrap:wrap;
  }

  .s2-photo-pick,
  .s2-photo-pick *,
  .image-compress-help{
    max-width:100%;
    overflow-wrap:anywhere;
  }

  .s2-upload-preview{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .s2-comment-box{
    grid-template-columns:minmax(0,1fr);
  }
  .s2-comment-box button{
    width:100%;
  }

  img,video,canvas,svg{
    max-width:100%;
  }
}

@media (max-width:430px){
  .s2-pane{padding:8px}
  .s2-composer{padding:11px}
  .s2-post-head{padding-left:11px;padding-right:11px}
  .s2-post-text{padding-left:11px;padding-right:11px}
  .s2-reactions{padding-left:9px;padding-right:9px}
}


/* 2.6.3 — My Profile is edit-first; public preview remains below. */
.s2-profile-edit-zone{display:grid;gap:12px;margin-bottom:22px;scroll-margin-top:150px}
.s2-profile-preview-zone{display:grid;gap:10px}
.s2-profile-edit-head,.s2-profile-preview-head{margin-bottom:0}
.s2-profile-editor{border:2px solid rgba(111,147,75,.32);box-shadow:0 12px 32px rgba(36,58,37,.08)}
.s2-profile-editor>h3{display:none}
.s2-profile-preview-zone>.s2-profile-page{margin-bottom:0}
@media(max-width:760px){
  .s2-profile-edit-zone{scroll-margin-top:190px;margin-bottom:16px}
  .s2-profile-upload-row,.social-form-grid{grid-template-columns:minmax(0,1fr)!important}
  .s2-profile-edit-head h3,.s2-profile-preview-head h3{font-size:1.55rem}
  .s2-profile-editor{padding:12px}
}


/* 2.6.4 — reactive social actions */
.ow-action-busy{opacity:.82!important;cursor:wait!important;pointer-events:none}
.ow-action-success{background:#e6f0d4!important;color:#23462d!important;border-color:#8cac62!important;transform:scale(.985)}
.ow-mini-spinner{display:inline-block;width:.9em;height:.9em;margin-right:.35em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.12em;animation:owMiniSpin .7s linear infinite}
@keyframes owMiniSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ow-mini-spinner{animation:none;border-right-color:currentColor}}


/* 2.6.5 — clickable links + rich previews in posts/comments */
.s2-inline-link{
  color:#456f2e;
  font-weight:1000;
  text-decoration:underline;
  text-decoration-thickness:1.5px;
  text-underline-offset:2px;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.s2-inline-link:hover{color:#264c20}

.s2-link-preview{
  margin:8px 12px 11px;
  border:1px solid #d6c9a8;
  border-radius:12px;
  overflow:hidden;
  background:#fff9e9;
  color:#26372a;
}
.s2-comment-body .s2-link-preview{margin:8px 0 2px}
.s2-link-preview>a,
a.s2-link-preview{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  color:#26372a;
  text-decoration:none;
}
.s2-link-preview>a:hover,
a.s2-link-preview:hover{background:#edf3df}
.s2-link-preview>a>span,
a.s2-link-preview>span{font-size:1.15rem}
.s2-link-preview strong{display:block;font-size:.8rem}
.s2-link-preview small{display:block;margin-top:2px;color:#70796e;font-size:.68rem;overflow-wrap:anywhere}

.s2-video-frame{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:#101010;
}
.s2-video-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.s2-generic-link-preview{
  margin-top:8px;
}
@media(max-width:760px){
  .s2-link-preview{margin-left:8px;margin-right:8px}
  .s2-comment-body .s2-link-preview{margin-left:0;margin-right:0}
}

/* 2.7.5 — My Oathwood Realty phone containment
   Realty inside the Social2 pane uses .s2-realty-property (not the older
   .property-card component). Keep long server property IDs and action buttons
   inside the viewport on phones. */
.s2-realty-property > div:first-child{
  min-width:0;
}
.s2-realty-property strong,
.s2-realty-property small{
  overflow-wrap:anywhere;
  word-break:break-word;
}
@media(max-width:760px){
  .s2-realty-property{
    width:100%;
    max-width:100%;
    min-width:0;
    flex-direction:column;
    align-items:stretch;
    overflow:hidden;
  }
  .s2-realty-property > div:first-child{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .s2-realty-property > button,
  .s2-realty-property > .button{
    position:static;
    transform:none;
    align-self:flex-start;
    width:auto;
    max-width:100%;
    min-width:0;
    white-space:normal;
  }
}

/* Small interaction polish: friend actions now clearly persist after a request. */
#memberFriendBtn.ow-friend-pending:disabled{opacity:1;cursor:default;border-color:rgba(111,147,75,.5);background:rgba(111,147,75,.12);color:inherit}
#memberFriendBtn.ow-friend-connected:disabled{opacity:1;cursor:default;border-color:rgba(111,147,75,.6);background:rgba(111,147,75,.18);color:inherit}

.s2-quick-links a{text-decoration:none}

/* Social circles, mentions, search and editing. */
.s3-social-bar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border:1px solid #b2ce81;background:linear-gradient(120deg,#f4ffd9,#fff9e9)}
.s3-social-bar>div{flex:1;min-width:200px}.s3-social-bar p{margin:6px 0;line-height:1.5}
.s3-composer-tools,.s3-button-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.s3-composer-tools small{flex-basis:100%}
.s3-composer-tools button,.s3-search button,.s3-dialog button,.s3-reply{border:1px solid #a7bd8b;background:#f6fbe9;color:#274721;border-radius:12px;padding:9px 12px;cursor:pointer;font:inherit}
.s3-tag{display:inline;border:0;border-radius:7px;background:#e5f5c8;color:#315f21;font:inherit;font-weight:700;padding:1px 4px;overflow-wrap:anywhere}.s3-tag[data-s2-member]{cursor:pointer}
.s3-tag-options{display:flex;flex-direction:column;gap:4px;background:#fffdf4;border:1px solid #abc67e;border-radius:12px;padding:8px;margin-top:5px;max-height:250px;overflow:auto;box-shadow:0 5px 16px #24432118}.s3-tag-options[hidden]{display:none}
.s3-tag-options button{text-align:left;border:0;padding:10px;border-radius:8px;background:#f0f6e3;color:#23471c;font:inherit;cursor:pointer}.s3-tag-options button.active,.s3-tag-options button:hover{background:#ceeaa1}
.s3-dialog{width:min(640px,94vw);max-height:88dvh;overflow:auto;box-sizing:border-box;border:2px solid #b1cb81;border-radius:22px;padding:24px;background:#fffdf3;color:#233b20;box-shadow:0 20px 80px #0004}.s3-dialog::backdrop{background:#10230db0}
.s3-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.s3-dialog h2{margin:0;font-size:1.5rem}.s3-dialog label{display:block;margin:12px 0}.s3-dialog input:not([type=checkbox]),.s3-dialog select,.s3-dialog textarea,.s3-search input{display:block;box-sizing:border-box;width:100%;max-width:100%;font:inherit;font-size:16px;padding:12px;border:1px solid #abc08f;border-radius:10px;background:white;color:#20391a}.s3-dialog textarea{margin:15px 0;resize:vertical}.s3-dialog fieldset{border:1px solid #c8d8ad;border-radius:12px;margin:15px 0}
.s3-friend-checks{max-height:240px;overflow:auto}.s3-friend-checks label{display:flex;align-items:center;gap:10px;padding:6px}.s3-friend-checks input{width:20px;height:20px;accent-color:#638d2b}
.s3-circle-list>div{padding:12px 0;border-bottom:1px solid #d7dfc6;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.s3-circle-list small{flex-basis:100%}.s3-status{font-size:.85rem;line-height:1.5;margin:8px 0;overflow-wrap:anywhere}
.s3-search{padding:14px;margin:14px 0;border-radius:16px;background:#f7faec;border:1px solid #c4d8a6;color:#29411f}.s3-search>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.s3-search input{flex:1;min-width:150px}.s3-search button{white-space:nowrap}.s3-reply{font-size:.8rem;padding:3px 8px;margin-top:5px}.s2-comment-box{flex-wrap:wrap}.s2-comment-box .s3-tag-options{flex-basis:100%;order:3}.s2-post-actions{flex-wrap:wrap}.s3-single-post{padding:12px;background:#edf6d7;border-radius:12px}
.s3-dialog button:focus-visible,.s3-tag:focus-visible,.s3-search button:focus-visible{outline:3px solid #638d2b;outline-offset:2px}@media(max-width:600px){.s3-dialog{padding:16px}.s3-social-bar{padding:14px}.s3-search button{flex:1}.s3-composer-tools button{flex:1}}

.s3-mobile-filter{display:none}@media(max-width:760px){.s3-mobile-filter{display:flex;gap:10px;align-items:center;margin:10px 0}.s3-mobile-filter select{flex:1;min-width:0;font:inherit;font-size:16px;padding:10px;border:1px solid #abc08f;border-radius:10px;background:white;color:#20391a}}