/* SUNDUQ v445: publication detail in the approved white and teal system. */
#su443App.su445TopicPage{background:#fafbfb!important;color:#172c2a!important}
#su443App .su445TopicLayout{grid-template-columns:235px minmax(0,1fr) 315px!important;gap:22px!important;align-items:start!important;padding-top:20px!important}
#su443App .tp106Main,#su443App .tp106Side,#su443App .tp106Root{min-width:0!important}
#su443App .tp106Back{display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:13px!important;font-weight:500!important;color:#34746d!important;margin:0 0 14px!important;text-decoration:none!important}
#su443App .tp106Back svg{width:17px!important;height:17px!important}
#su443App .tp106Root,#su443App .tp106Side{display:grid!important;gap:16px!important}
#su443App .tp106Side{padding-top:34px!important;align-content:start!important}
#su443App .tp106Card,#su443App .tp106SideCard{background:#fff!important;border:1px solid #e4eceb!important;border-radius:12px!important;box-shadow:0 2px 14px #1c473307!important;color:#203c39!important;padding:23px!important}
#su443App .tp106SideCard{padding:17px!important}
#su443App .tp106PostHead{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:start!important}
#su443App .tp106AuthorLink{display:flex!important;align-items:center!important;gap:12px!important;background:transparent!important;color:#253e3b!important;text-decoration:none!important;border:0!important;padding:0!important;text-align:left!important;min-width:0!important}
#su443App .tp106AuthorLink b,#su443App .tp106AuthorSideTop b{font-size:15px!important;color:#25413e!important;line-height:1.4!important;overflow-wrap:anywhere!important}
#su443App .tp106AuthorLink>div>span,#su443App .tp106AuthorLink>span>span,#su443App .tp106AuthorSideTop>div>span{display:block!important;font-size:12px!important;color:#758b88!important;margin-top:3px!important}
#su443App .tp106Avatar{display:grid!important;place-items:center!important;position:relative!important;overflow:hidden!important;width:42px!important;height:42px!important;flex:0 0 42px!important;border:1px solid #dce9e7!important;border-radius:50%!important;background:#e9f3f2!important;color:#356963!important;font-size:15px!important;font-weight:700!important}
#su443App .tp106Avatar.lg{width:48px!important;height:48px!important;flex-basis:48px!important;font-size:18px!important}
#su443App .tp106Avatar.sm{width:32px!important;height:32px!important;flex-basis:32px!important;font-size:13px!important}
#su443App .tp106Avatar>span{color:#356963!important;font-size:inherit!important;margin:0!important;line-height:1!important}
#su443App .tp106Avatar>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;margin:0!important}
#su443App .tp106PostHeadRight{display:flex!important;align-items:center!important;gap:8px!important;flex-shrink:0!important}
#su443App .tp106Tag{display:inline-flex!important;padding:5px 10px!important;border-radius:20px!important;background:#e8f3f2!important;color:#457670!important;font-size:11px!important;font-weight:700!important}
#su443App .tp106Dots{width:34px!important;height:34px!important;border:1px solid #dfebea!important;border-radius:50%!important;background:#f5f9f9!important;color:#567874!important;padding:5px!important;font-size:15px!important}
#su443App .tp106PostMenu{background:#fff!important;border:1px solid #dce9e7!important;border-radius:10px!important;box-shadow:0 8px 28px #16463122!important;top:41px!important;max-width:calc(100vw - 45px)!important;z-index:45!important}
#su443App .tp106PostMenu button{background:#fff!important;color:#416763!important;border:0!important;border-radius:6px!important;font-size:13px!important;padding:10px!important}
#su443App .tp106PostMenu button:hover{background:#edf6f5!important}
#su443App .tp106PostMenu .danger,#su443App .tp258Danger{color:#aa5144!important}
#su443App .tp106Meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;color:#879997!important;font-size:12px!important;margin:17px 0 12px!important}
#su443App .tp106Meta svg{width:15px!important;height:15px!important;color:#879997!important}
#su443App .tp106Card h1{font-size:32px!important;line-height:1.22!important;letter-spacing:-.6px!important;color:#193b37!important;margin:0 0 17px!important;overflow-wrap:anywhere!important}
#su443App .tp106Text{font-size:17px!important;line-height:1.65!important;color:#435e5b!important;white-space:normal!important;overflow-wrap:anywhere!important}
#su443App .tp106Text a{color:#137368!important;text-decoration:underline!important;text-underline-offset:3px!important;word-break:break-word!important}
#su443App .tp106Gallery{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;margin:21px 0!important}
#su443App .tp106Gallery.multi{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#su443App .tp106Gallery>a,#su443App .tp106Gallery>button{display:grid!important;place-items:center!important;min-height:0!important;min-width:0!important;overflow:hidden!important;border:1px solid #e7eeed!important;background:#f4f8f8!important;border-radius:9px!important;padding:0!important;cursor:zoom-in!important;text-decoration:none!important}
#su443App .tp106Gallery img{display:block!important;width:100%!important;height:auto!important;max-height:660px!important;object-fit:contain!important;border-radius:0!important;margin:0!important}
#su443App .tp106Video{border:1px solid #dce9e7!important;border-radius:10px!important;background:#142523!important;overflow:hidden!important;margin:20px 0!important}
#su443App .tp106Video video{display:block!important;width:100%!important;max-height:70vh!important}
#su443App .tp106Video>span{background:#183227bb!important;color:#fff!important}
#su443App .tp106Actions{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;margin-top:21px!important;padding-top:17px!important;border-top:1px solid #e7eeed!important}
#su443App .tp106Actions button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:39px!important;padding:8px 10px!important;border:1px solid #deebe9!important;border-radius:8px!important;background:#f6fafa!important;color:#4c746f!important;font-size:12px!important;font-weight:600!important;box-shadow:none!important}
#su443App .tp106Actions svg{width:17px!important;height:17px!important}
#su443App .tp106Actions button.active{background:#e3f1ef!important;border-color:#badcd8!important;color:#146a60!important}
#su443App .tp106Actions #tp106LikeBtn.active{color:#b35b56!important}
#su443App .tp106Actions button:disabled{opacity:.55!important;cursor:wait!important}
#su443App .tp106ContactBar{background:#eff7f6!important;border:1px solid #d9e9e7!important;border-radius:9px!important;padding:15px!important;color:#3b6560!important;gap:12px!important;margin-top:18px!important}
#su443App .tp106ContactBar span{font-size:12px!important;color:#74918e!important}
#su443App .tp106ContactBar button,#su443App .tp106ContactBar a{background:#0c685d!important;color:#fff!important;border:0!important;border-radius:8px!important;padding:9px 12px!important;font-size:13px!important;min-height:40px!important}
#su443App .tp106Comments{margin-top:26px!important;padding-top:23px!important;border-top:1px solid #e3eceb!important;scroll-margin-top:92px!important}
#su443App .tp106CommentsHead{display:flex!important;gap:12px!important;justify-content:space-between!important;align-items:center!important;margin:0 0 15px!important}
#su443App .tp106Comments h2{color:#264b47!important;font-size:22px!important;line-height:1.3!important;margin:0 0 6px!important}
#su443App .tp106CommentsHead p,#su443App .su445CommentsLoading p,#su443App .su445CommentsLoading noscript{color:#819794!important;font-size:12px!important;margin:0!important}
#su443App .tp106CommentsHead button{background:#eff7f6!important;color:#46746f!important;border:1px solid #d6e8e6!important;border-radius:8px!important;font-size:12px!important;padding:9px 12px!important;font-weight:600!important}
#su443App .tp106Comment{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important;padding:17px 0!important;border-top:1px solid #ecf2f1!important;scroll-margin-top:90px!important}
#su443App .tp106CommentTop{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px 10px!important}
#su443App .tp106CommentTop b{color:#355854!important;font-size:13px!important;overflow-wrap:anywhere!important}
#su443App .tp106CommentTop time{color:#8a9e9c!important;font-size:11px!important}
#su443App .tp106CommentBody>p,#su443App .tp106ReplyItem p{font-size:15px!important;line-height:1.6!important;color:#4f6d6a!important;overflow-wrap:anywhere!important;margin:7px 0!important}
#su443App .tp106CommentActions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 13px!important;margin-top:7px!important}
#su443App .tp106CommentActions button{background:transparent!important;border:0!important;color:#648c87!important;font-size:11px!important;padding:3px 0!important;min-height:30px!important;font-weight:500!important}
#su443App .tp106CommentActions svg{width:15px!important;height:15px!important}
#su443App .tp106CommentActions .tp106ResponseLike231.active{color:#ae6b5e!important}
#su443App .tp106Replies{margin-top:10px!important;padding-left:12px!important;border-left:2px solid #d1e6e4!important;min-width:0!important}
#su443App .tp106ReplyItem{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:9px!important;padding:11px 0!important;scroll-margin-top:90px!important}
#su443App .tp106CommentImage230{display:block!important;max-width:100%!important;padding:0!important;border:0!important;background:#f2f8f7!important;border-radius:8px!important;overflow:hidden!important;margin:9px 0!important;cursor:zoom-in!important}
#su443App .tp106CommentImage230 img{display:block!important;max-width:100%!important;max-height:300px!important;object-fit:contain!important;margin:0!important}
#su443App .tp106CommentForm{background:#f7fbfb!important;border:1px solid #d6ebe9!important;border-radius:10px!important;padding:17px!important;margin-top:18px!important;scroll-margin-top:90px!important}
#su443App .tp106CommentForm label>span{display:block!important;color:#486d69!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important}
#su443App .tp106CommentForm textarea,#su443App .tp106Modal textarea,#su443App .tp106Modal select,#su443App .tp258PostEditor input,#su443App .tp258PostEditor textarea,#su443App .tp258PostEditor select,#su443App .tp258EditBox textarea{width:100%!important;min-width:0!important;background:#fff!important;color:#35524f!important;border:1px solid #c7dfdc!important;border-radius:8px!important;font:14px/1.5 Arial,sans-serif!important;padding:11px!important;box-sizing:border-box!important;resize:vertical!important}
#su443App .tp106CommentForm textarea{min-height:110px!important}
#su443App .tp106CommentFormFoot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:13px!important;margin-top:12px!important}
#su443App .tp106CommentFormFoot small{font-size:11px!important;line-height:1.5!important;color:#7b9e9a!important}
#su443App .tp106CommentFormFoot button,#su443App .tp106Primary{background:#0d6c61!important;border:0!important;border-radius:8px!important;color:#fff!important;font-size:13px!important;padding:11px 14px!important;min-height:42px!important;font-weight:600!important;white-space:nowrap!important}
#su443App .tp106CommentComposerTools230{display:flex!important;align-items:center!important;gap:9px!important;position:relative!important;margin-top:10px!important}
#su443App .suEmojiToggle230,#su443App .tp106PhotoPick230{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;background:#e9f6f4!important;color:#54807b!important;border:1px solid #d0e8e5!important;border-radius:7px!important;font-size:12px!important;padding:8px 11px!important;min-height:36px!important;font-weight:500!important;cursor:pointer!important}
#su443App .suEmojiToggle230 svg,#su443App .tp106PhotoPick230 svg{width:17px!important;height:17px!important}
#su443App .tp106CommentPhotoPreview230{background:#e9f4f3!important;border:1px solid #cde6e3!important;border-radius:9px!important;padding:10px!important;position:relative!important;margin-top:10px!important;max-width:300px!important}
#su443App .tp106CommentPhotoPreview230 img{display:block!important;max-width:100%!important;max-height:200px!important;object-fit:contain!important}
#su443App .tp106CommentPhotoPreview230 button{background:#fff!important;color:#507c77!important;border:1px solid #bbd9d6!important;border-radius:50%!important;width:30px!important;height:30px!important;position:absolute!important;top:6px!important;right:6px!important;padding:0!important;font-size:20px!important}
#su443App .tp106ReplyContext{background:#e2f4f2!important;color:#437b74!important;border:1px solid #c4e2de!important;border-radius:8px!important;font-size:12px!important}
#su443App .tp106ReplyContext button{background:transparent!important;color:#4c7e78!important;border:0!important}
#su443App .tp106ReplyContext svg{width:15px!important;height:15px!important}
#su443App .tp106FormError,#su443App .tp258EditError{background:#fff1eb!important;color:#a45f45!important;border:1px solid #f0d9ca!important;border-radius:8px!important;font-size:12px!important;padding:10px!important}
#su443App .tp106Empty,#su443App .tp106Error{background:#f3faf9!important;color:#62908b!important;border:1px solid #d7eae8!important;border-radius:10px!important;padding:19px!important;font-size:14px!important}
#su443App .tp106Error h1,#su443App .tp106Error h2{color:#40706a!important;font-size:22px!important;line-height:1.3!important;margin:0 0 12px!important}
#su443App .tp106Error p{overflow-wrap:anywhere!important;font-size:13px!important}
#su443App .tp106Error a{color:#267a70!important}
#su443App .tp106SideHead h2,#su443App .tp106Rules h2{color:#365e59!important;font-size:18px!important;line-height:1.3!important}
#su443App .tp106SideHead a,#su443App .tp106Rules a{color:#327b72!important;font-size:12px!important}
#su443App .tp106Rules p{color:#7b9b97!important;font-size:13px!important;line-height:1.6!important}
#su443App .tp106Rules a{display:flex!important;align-items:center!important;gap:7px!important;margin-top:12px!important}
#su443App .tp106Rules svg{width:17px!important;height:17px!important}
#su443App .tp106AuthorSideTop{display:flex!important;align-items:center!important;gap:10px!important}
#su443App .tp106AuthorStats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:16px 0!important}
#su443App .tp106AuthorStats div{background:#eff8f7!important;border:0!important;border-radius:8px!important;padding:11px!important}
#su443App .tp106AuthorStats b{color:#45746f!important;font-size:19px!important}
#su443App .tp106AuthorStats span{color:#7ea29e!important;font-size:11px!important}
#su443App .tp106AuthorSideActions button,#su443App .su445AuthorProfile{background:#e8f6f4!important;border:1px solid #c7e4e1!important;border-radius:8px!important;color:#4a7b75!important;font-size:12px!important;padding:10px!important;text-decoration:none!important;display:block!important;text-align:center!important}
#su443App .su445AuthorProfile{margin-top:14px!important}
#su443App .tp106AuthorSideActions .primary{background:#116c61!important;border-color:#116c61!important;color:#fff!important}
#su443App .tp106Related a{display:block!important;padding:13px 0!important;text-decoration:none!important;border-bottom:1px solid #e0f0ee!important}
#su443App .tp106Related b{font-size:13px!important;color:#43746e!important;line-height:1.45!important}
#su443App .tp106Related span,#su443App .tp106SideLoading{font-size:11px!important;color:#7da5a0!important;line-height:1.5!important}
#su443App .tp106Related svg{width:13px!important;height:13px!important}
#su443App .tp106AiBadge{background:#e6f2f1!important;color:#4e8b84!important;border:1px solid #d5e6e4!important;font-size:9px!important}
#su443App .tp258Edited{background:#e9f5f4!important;color:#74a29d!important;font-size:10px!important;border:0!important}
#su443App .tp258RepliesMore,#su443App .tp258LoadMore,#su443App .tp258Retry{background:#e4f6f4!important;border:1px solid #bde2de!important;color:#48827b!important;border-radius:8px!important;font-size:12px!important;min-height:40px!important;box-shadow:none!important}
#su443App .tp258EditBox,#su443App .tp258PostEditor{background:#f8fbf3!important;border:1px solid #c4e4e0!important;border-radius:9px!important;padding:15px!important}
#su443App .tp258EditBox label>span,#su443App .tp258PostEditor label>span,#su443App .tp258PostEditor h2{color:#427b74!important;font-size:14px!important}
#su443App .tp258EditBox button,#su443App .tp258PostEditor button{background:#edf5e1!important;color:#4f9088!important;border:1px solid #d1e3b5!important;border-radius:7px!important;padding:9px 11px!important;font-size:12px!important;min-height:40px!important}
#su443App .tp258EditBox button[type=submit],#su443App .tp258PostEditor button[type=submit]{background:#216d64!important;border-color:#216d64!important;color:#fff!important}
#su443App #tp258DraftStatus{color:#5fa39b!important;font-size:11px!important}
#su443App .tp106Toast{background:#2b736b!important;color:#fff!important;border-radius:10px!important;box-shadow:0 5px 24px #21482b24!important;font-size:13px!important;font-weight:500!important}
#su443App .tp106Modal{background:#fff!important;color:#3a6c66!important;border:1px solid #cbe8e5!important;border-radius:12px!important;padding:24px!important;box-sizing:border-box!important;max-height:90vh!important;overflow:auto!important}
#su443App .tp106Modal h2{color:#356e67!important;font-size:23px!important;padding-right:25px!important}
#su443App .tp106Modal p,#su443App .tp106Modal label{color:#8c9f70!important;font-size:13px!important}
#su443App .tp106ModalClose{background:#f1f6e8!important;color:#749044!important;border:1px solid #d5e5bc!important;border-radius:50%!important;width:34px!important;height:34px!important;top:13px!important;right:13px!important;font-size:18px!important}
#su443App .tp106ModalClose svg{width:17px!important;height:17px!important}
#su443App .tp106Overlay{background:#12231ac9!important;z-index:10070!important;padding:18px!important}
#su443App .tp106LightFigure{max-width:min(1200px,85vw)!important;max-height:85vh!important}
#su443App .tp106LightFigure img{max-width:100%!important;max-height:80vh!important;object-fit:contain!important}
#su443App .tp106LightPrev,#su443App .tp106LightNext,#su443App .tp106OverlayClose{background:#fff!important;color:#467570!important;border:1px solid #c8e1de!important;border-radius:8px!important}
@media(max-width:1350px){#su443App .su445TopicLayout{grid-template-columns:200px minmax(0,1fr) 285px!important;gap:17px!important}#su443App .tp106Card{padding:19px!important}#su443App .tp106Card h1{font-size:29px!important}}
@media(max-width:1120px){#su443App .su445TopicLayout{grid-template-columns:190px minmax(0,1fr)!important;max-width:1000px!important}#su443App .tp106Side{grid-column:2!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-top:16px!important}#su443App .tp106SideCard:first-child{grid-column:1/-1!important}#su443App .tp106Tag{display:none!important}}
@media(max-width:760px){#su443App .su445TopicLayout{display:flex!important;flex-direction:column!important;padding:12px 12px 90px!important;gap:0!important}#su443App .tp106Main{width:100%!important;order:1!important}#su443App .tp106Side{width:100%!important;order:2!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding-top:15px!important}#su443App .su445TopicLayout .su443Invite{display:none!important}#su443App .tp106Back{margin-bottom:12px!important;font-size:12px!important}#su443App .tp106Card{padding:15px 13px!important;border-radius:10px!important}#su443App .tp106Card h1{font-size:26px!important;line-height:1.25!important;letter-spacing:-.4px!important}#su443App .tp106Text{font-size:16px!important}#su443App .tp106Actions{display:flex!important;gap:7px!important}#su443App .tp106Actions button{font-size:11px!important;min-height:38px!important;padding:8px 9px!important}#su443App .tp106CommentsHead button{display:none!important}#su443App .tp106Comment{grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important}#su443App .tp106Comment>.tp106PresenceWrap219 .tp106Avatar{width:34px!important;height:34px!important;flex-basis:34px!important}#su443App .tp106CommentBody>p,#su443App .tp106ReplyItem p{font-size:14px!important}#su443App .tp106Replies{padding-left:8px!important}#su443App .tp106ReplyItem{grid-template-columns:27px minmax(0,1fr)!important;gap:7px!important}#su443App .tp106ReplyItem .tp106Avatar.sm{width:27px!important;height:27px!important;flex-basis:27px!important}#su443App .tp106CommentForm{padding:13px!important}#su443App .tp106CommentFormFoot{display:block!important}#su443App .tp106CommentFormFoot button{width:100%!important;margin-top:12px!important}#su443App .tp106Gallery.multi{grid-template-columns:minmax(0,1fr)!important}#su443App .tp106LightFigure{max-width:95vw!important}#su443App .tp106LightPrev,#su443App .tp106LightNext{width:34px!important;height:45px!important;border-radius:6px!important;font-size:26px!important}#su443App .tp106LightPrev{left:3px!important}#su443App .tp106LightNext{right:3px!important}#su443App .tp106AuthorLink b{font-size:14px!important}#su443App .tp106SideCard:first-child{grid-column:1!important}}

#su443App .hidden,#su443App [hidden],#su443App .tp258ReplyCollapsed{display:none!important}

#su443App .tp106Card h1{color:#17272c!important}#su443App .tp106Text{color:#43565a!important}
#su443App .su445MissingPhoto{background:#fff8ee!important;border:1px solid #eddfc4!important;border-radius:8px!important;padding:12px!important;margin-top:12px!important;color:#8b7348!important;font-size:12px!important}
#su443App .su445MissingPhoto p{margin:0 0 9px!important;color:#8b7348!important;font-size:12px!important;line-height:1.5!important}
#su443App .su445MissingPhoto button{background:#fff!important;border:1px solid #e4d7bc!important;color:#856f49!important;border-radius:6px!important;min-height:36px!important;padding:8px 12px!important;font-size:12px!important}
#su443App .tp106Gallery.multi>button,#su443App .tp106Gallery.multi>a{height:220px!important;min-height:0!important}
#su443App .tp106Gallery.multi img{width:100%!important;height:100%!important;max-height:220px!important;object-fit:contain!important}
#su443App .tp106Meta,#su443App .tp106Meta svg,#su443App .tp106CommentTop time,#su443App .tp106Related span,#su443App .tp106SideLoading,#su443App .tp106CommentsHead p,#su443App .tp106CommentFormFoot small,#su443App .tp106AuthorStats span,#su443App .tp106AuthorSideTop>div>span,#su443App .tp106AuthorLink>div>span{color:#607775!important}
#su443App #tp258DraftStatus{color:#3d7a70!important}
@media(max-width:760px){#su443App .tp106Gallery.multi{grid-template-columns:repeat(2,minmax(0,1fr))!important}#su443App .tp106Gallery.multi>button,#su443App .tp106Gallery.multi>a{height:150px!important}#su443App .tp106Gallery.multi img{max-height:150px!important}}
#su443App .tp106LightPrev,#su443App .tp106LightNext{font-size:32px!important;font-weight:400!important;line-height:1!important}