*{box-sizing:border-box}body{margin:0;background:#f2f5f6;color:#17242b;font-family:"Tajawal",Tahoma,Arial,sans-serif;padding:20px}.shell{max-width:720px;margin:auto}.brand{display:flex;align-items:center;gap:9px;font-weight:800;margin-bottom:12px;color:#2d7180}.brand .mark{width:34px;height:34px;border-radius:10px;background:#17394d;color:#fff;display:grid;place-items:center;font-weight:900}.post{background:#fff;border:1px solid #dde5e8;border-radius:18px;padding:18px;box-shadow:0 15px 45px #18333f12}.head{display:flex;align-items:center;gap:11px}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#d9e9f3;font-size:19px;font-weight:800;overflow:hidden}.avatar img{display:block;width:100%;height:100%;object-fit:cover}.head b{font-size:17px}.head small{display:block;color:#7a898f;margin-top:3px}.text{font-size:17px;line-height:1.9;margin:20px 0;white-space:pre-line}.embed{margin:14px 0;border:1px solid #dce5e8;border-radius:14px;overflow:hidden;background:#f7fafb}.embed iframe{display:block;width:100%;aspect-ratio:12/7;border:0}.embed small{display:block;padding:7px 10px;color:#70818a;font-size:11.5px}.actions{border-top:1px solid #edf1f2;padding-top:13px}.actions a{display:inline-flex;align-items:center;min-height:42px;padding:0 13px;border-radius:10px;background:#17394d;color:#fff;text-decoration:none;font-weight:700}@media(max-width:560px){body{padding:10px}.post{padding:14px}.text{font-size:16px}}small{font-size:11.5px!important}.text p{margin:.25em 0}.text blockquote{border-inline-start:3px solid #9ab8c2;padding-inline-start:12px}.text a{color:#1d718f}

/* RC11 — public post reporting */
.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actions .report-action{display:inline-flex;align-items:center;min-height:42px;padding:0 13px;border-radius:10px;border:1px solid #efd0d0;background:#fff;color:#9f4242;font:inherit;font-weight:700;cursor:pointer}.public-report-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(13,31,40,.35);display:grid;place-items:center;padding:16px}.public-report-modal{width:min(520px,100%);max-height:min(86vh,720px);overflow:auto;background:#fff;border:1px solid #d9e4e7;border-radius:18px;padding:17px;box-shadow:0 24px 70px rgba(15,35,46,.25);display:grid;gap:12px}.public-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.public-report-head h3{margin:0}.public-report-head p{margin:5px 0 0;color:#718189;font-size:12px;line-height:1.7}.public-report-head>button{width:34px;height:34px;border:1px solid #d9e4e7;border-radius:9px;background:#fff;cursor:pointer;font-size:20px}.public-report-modal label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#405763}.public-report-modal select,.public-report-modal textarea{width:100%;border:1px solid #d9e4e7;border-radius:10px;background:#fff;padding:10px;font:inherit;color:#263f4a}.public-report-modal textarea{min-height:100px;resize:vertical}.public-report-upload{min-height:44px;border:1px dashed #c8d9de!important;border-radius:10px;padding:10px!important;cursor:pointer}.public-report-upload input{display:none}.public-report-actions{display:flex;justify-content:flex-end;gap:8px}.public-report-actions button{min-height:39px;border-radius:10px;padding:0 14px;font:inherit;font-weight:800;cursor:pointer}.public-report-actions .cancel{border:1px solid #d9e4e7;background:#fff;color:#405763}.public-report-actions .submit{border:1px solid #e2bcbc;background:#fff2f2;color:#9f3f3f}.public-report-message{padding:12px;border-radius:11px;background:#eef7f5;color:#2c6c61;font-size:12px;font-weight:750}

/* rc.135 — Invisible scrollbar policy.
   Keep native wheel/touch/keyboard scrolling, but never render a page or
   inner-panel scrollbar rail/thumb. This changes visibility only; it does
   not lock overflow or alter layout/content dimensions. */
html,body,*{scrollbar-width:none!important;-ms-overflow-style:none!important}
html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent!important}



/* rc.208 — public post media + link preview */
.post-media-gallery{margin:14px 0;overflow:hidden;border-radius:14px}.post-media-main{position:relative}.post-media-main-visual,.post-media-main-visual img,.post-media-main-visual video{display:block;width:100%}.post-media-main-visual img,.post-media-main-visual video{max-height:560px;object-fit:cover;background:#edf2f3}.post-media-thumbs-overlay{display:flex;gap:6px;position:absolute;left:8px;right:8px;bottom:8px}.post-media-thumbs-overlay button{position:relative;width:74px;height:58px;padding:0;border:2px solid #fff;border-radius:9px;overflow:hidden;background:#eaf0f2;box-shadow:0 5px 18px #102c3940}.post-media-thumb-visual,.post-media-thumb-visual img,.post-media-thumb-visual video{display:block;width:100%;height:100%;object-fit:cover}.post-media-index{position:absolute;right:5px;bottom:4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#0b1f28cc;color:#fff;display:grid;place-items:center;font-size:10px}.link-preview-card{position:relative;margin:14px 0;display:grid;grid-template-columns:minmax(0,1fr) 150px;overflow:hidden;border:1px solid #dce5e8;border-radius:14px;background:#f7fafb;min-height:104px}.link-preview-copy{padding:12px 14px;display:flex;flex-direction:column;justify-content:center;gap:5px;color:inherit;text-decoration:none;min-width:0}.link-preview-copy small{color:#75868e;font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-preview-copy b{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview-copy span{font-size:12px;line-height:1.55;color:#6e7f87;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview-image{display:block;background:#edf2f3}.link-preview-image img{width:100%;height:100%;min-height:104px;max-height:132px;display:block;object-fit:cover}@media(max-width:560px){.link-preview-card{grid-template-columns:minmax(0,1fr) 110px}.link-preview-copy{padding:10px}.link-preview-copy span{-webkit-line-clamp:1}}

/* rc.218 — public Mosaic post identity */
body{background:var(--public-bg,#eef3f4);padding:28px 16px;color:#16323e}.public-mosaic-shell{max-width:1180px;margin:0 auto}.public-mosaic-post{padding:0;overflow:hidden;border-radius:18px;background:#fff;border:1px solid #dce6e8;box-shadow:0 18px 54px #17384712}.public-post-top{padding:14px 16px;border-bottom:1px solid #e7edef;display:flex;align-items:center;justify-content:space-between;gap:16px}.public-post-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#226273;font-weight:900}.public-post-brand .mark{width:32px;height:32px;border-radius:9px;background:#123c4f;color:#fff;display:grid;place-items:center}.public-post-top .head{margin-inline-start:auto}.public-post-top .avatar{width:42px;height:42px}.public-post-top .head b{font-size:14px}.public-post-top .head small{font-size:10px!important}.public-mosaic-content{display:grid;gap:12px;padding:16px}.public-mosaic-content>.text{margin:0;font-size:16px;line-height:1.85}.public-mosaic-content .align-center{text-align:center}.public-mosaic-content .align-end{text-align:end}.public-mosaic-content .align-start{text-align:start}.public-mosaic-post .actions{margin:0 16px 16px;padding-top:12px}.public-mosaic-post .actions a{background:#123c4f}.public-mosaic-post .actions .report-action{min-height:40px}
.public-mosaic-post .post-media-gallery{margin:0;border-radius:13px}.public-mosaic-post .post-media-main{position:relative}.post-media-overlay{position:absolute;inset:auto 14px 14px 14px;z-index:5;display:flex;pointer-events:none}.post-media-overlay span{max-width:82%;padding:10px 12px;border-radius:10px;background:#07151cbd;color:#fff;font-size:13px;line-height:1.6;font-weight:800;backdrop-filter:blur(6px);box-shadow:0 8px 24px #0004}
.link-preview-card.is-compact{display:flex;min-height:0;padding:7px 9px;align-items:center;border-radius:999px;overflow:visible}.compact-link{display:flex;align-items:center;gap:7px;min-width:0;color:#24434f;text-decoration:none;font-size:11px;font-weight:850}.compact-link>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-link small{font-size:9px!important;color:#70848d}.compact-link-symbol{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eaf6f4;color:#1d8f86;flex:0 0 auto}.link-preview-card.is-hero{grid-template-columns:1fr;min-height:0}.link-preview-card.is-hero .link-preview-image{min-height:240px}.link-preview-card.is-hero .link-preview-image img{min-height:240px;max-height:520px}.link-preview-card.is-hero .link-preview-copy{padding:15px 16px}.link-preview-symbol{margin-inline-end:6px}
.mosaic-cta-wrap{display:flex}.mosaic-cta{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:10px;text-decoration:none;font-size:11.5px;font-weight:900}.mosaic-cta.tone-primary{background:#123c4f;color:#fff}.mosaic-cta.tone-soft{background:#eaf6f4;color:#18776d}.mosaic-cta.tone-outline{background:#fff;color:#24434f;border:1px solid #cbdde1}
.public-mosaic-shell.mosaic-size-s{max-width:430px}.public-mosaic-shell.mosaic-size-m{max-width:650px}.public-mosaic-shell.mosaic-size-l{max-width:760px}.public-mosaic-shell.mosaic-size-wide{max-width:980px}.public-mosaic-shell.mosaic-size-hero{max-width:1180px}.public-mosaic-shell.mosaic-size-hero .public-mosaic-content{padding:20px}.public-mosaic-shell.mosaic-size-hero .post-media-main-visual img{max-height:720px}
@media(max-width:680px){body{padding:12px}.public-post-top{align-items:flex-start;flex-direction:column}.public-post-top .head{margin-inline-start:0}.public-mosaic-content{padding:12px}.public-mosaic-post .actions{margin:0 12px 12px}.post-media-overlay{inset:auto 9px 9px 9px}.post-media-overlay span{max-width:95%;font-size:11.5px}.link-preview-card.is-hero .link-preview-image,.link-preview-card.is-hero .link-preview-image img{min-height:170px}}