#yz-portal .cz-banner{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;min-height:170px;margin-bottom:24px;padding:26px 30px;background:#101010;color:#fff;border:1px solid #ffffff20;border-radius:16px;gap:20px}
#yz-portal .cz-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
#yz-portal .cz-banner::before{content:'';position:absolute;inset:0;background:#00000033;z-index:-1}
#yz-portal .cz-banner-copy{background:#10101080;padding:14px 18px;border-radius:10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#yz-portal .cz-banner small{display:block;color:#59bfc1;font-size:11px;letter-spacing:1.5px;margin-bottom:7px}
#yz-portal .cz-banner .cz-banner-copy strong{display:block;font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(30px,4.5vw,40px);font-weight:700;line-height:1.02;letter-spacing:.2px;text-transform:uppercase;color:#fff!important}
#yz-portal .cz-banner .cz-banner-sub{display:block;color:#fff;font-size:13px;margin-top:8px}
#yz-portal .cz-banner-arrow{position:relative;flex-shrink:0;display:block;width:44px;height:44px;color:#fff}
#yz-portal .cz-banner-arrow::before{content:"";position:absolute;top:12px;right:12px;width:13px;height:13px;border-top:2px solid currentColor;border-right:2px solid currentColor}
#yz-portal .cz-banner-arrow::after{content:"";position:absolute;top:22px;left:12px;width:24px;height:2px;background:currentColor;transform:rotate(-45deg);transform-origin:center}
#yz-portal .cz-hero{margin:4px 0 25px}#yz-portal .cz-kicker{font-size:11px;letter-spacing:1.8px;color:var(--yz-soft)}#yz-portal .cz-hero h1{margin-top:10px}#yz-portal .cz-hero p{margin-top:14px;color:var(--yz-muted);line-height:1.7}
#yz-portal .cz-intro{display:flex;align-items:center;gap:20px;justify-content:space-between;background:#eaf5f4}#yz-portal .cz-intro p{margin-top:7px;font-size:13px;line-height:1.6;max-width:650px}
#yz-portal .cz-composer{display:flex;gap:14px;align-items:center;border-color:#59bfc160}#yz-portal .cz-composer>div{flex:1}#yz-portal .cz-composer p{color:var(--yz-muted);margin-top:5px}
#yz-portal .cz-avatar{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#e3f3f2;color:#147f82;font-weight:600}
#yz-portal .cz-post{padding:24px}#yz-portal .cz-post-head{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}#yz-portal .cz-author{display:flex;align-items:center;gap:11px;text-align:left;border:0;background:transparent;padding:0;min-height:44px;color:var(--yz-ink)}#yz-portal .cz-author small{display:block;margin-top:4px}
#yz-portal .cz-tools{display:flex;flex-wrap:wrap;gap:6px}#yz-portal .cz-tools button{min-height:44px;font-size:12px;padding:7px 10px}#yz-portal .cz-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;margin:18px 0;font-family:Manrope,Arial,'Apple Color Emoji','Segoe UI Emoji',sans-serif}
#yz-portal .cz-post-bottom{display:flex;gap:8px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--yz-line)}#yz-portal .cz-comments{margin-top:18px;border-left:2px solid #59bfc170;padding-left:16px}#yz-portal .cz-comment{padding:14px 0;border-bottom:1px solid var(--yz-line)}#yz-portal .cz-comment .cz-avatar{width:34px;height:34px}#yz-portal .cz-comment .cz-body{margin:10px 0}
#yz-portal .cz-feed-footer{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}#yz-portal .cz-status{min-height:24px;margin-top:12px;text-align:center;color:var(--yz-soft)}#yz-portal .cz-empty{text-align:center;padding:35px 24px}#yz-portal .cz-empty>span{font-size:28px}#yz-portal .cz-empty h2{margin:14px 0}#yz-portal .cz-empty p{line-height:1.6;max-width:430px;margin:0 auto 20px}
#yz-portal .cz-dialog{color:#171919;background:#fff;border:1px solid #c8dada;border-radius:18px;padding:26px;max-width:480px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;box-shadow:0 20px 70px #00000040;box-sizing:border-box}#yz-portal .cz-dialog::backdrop{background:#080e0edb}#yz-portal .cz-dialog h2{margin-bottom:22px}#yz-portal .cz-dialog label{display:block;margin:16px 0;font-size:14px}#yz-portal .cz-dialog input:not([type=checkbox]),#yz-portal .cz-dialog textarea{display:block;box-sizing:border-box;margin-top:8px;width:100%;padding:12px;font:16px Manrope,Arial,'Apple Color Emoji','Segoe UI Emoji',sans-serif;background:#f4f6f6;border:1px solid #dce1e1;border-radius:10px;color:#171919}#yz-portal .cz-dialog textarea{resize:vertical;min-height:70px}#yz-portal .cz-dialog-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px}#yz-portal .cz-dialog-status{color:#9a4d12;line-height:1.5}#yz-portal .cz-sharing{font-size:12px;color:#626b6b;line-height:1.6;margin-top:15px}#yz-portal .cz-consent{display:flex!important;gap:12px;align-items:flex-start;line-height:1.6}#yz-portal .cz-consent input{width:20px;height:20px;flex-shrink:0;accent-color:#59bfc1;margin-top:3px}
#yz-portal .cz-emojis summary{min-height:44px;display:flex;align-items:center;color:#147f82}#yz-portal .cz-emojis>div{display:flex;flex-wrap:wrap;gap:4px}#yz-portal .cz-emojis button{background:#edf4f3;border:0;border-radius:8px;width:44px;height:44px;font-size:20px}
@media(any-pointer:fine){#yz-portal .cz-author,#yz-portal .cz-banner,#yz-portal .cz-emojis summary{cursor:url('./cursor-turquoise.svg') 3 2,default}}
@media(max-width:600px){#yz-portal .cz-banner{padding:16px;min-height:160px;gap:8px}#yz-portal .cz-banner .cz-banner-copy strong{font-size:24px}#yz-portal .cz-banner-copy{padding:12px}#yz-portal .cz-banner-arrow{width:44px;height:44px}#yz-portal .cz-intro{align-items:flex-start;flex-direction:column;gap:12px}#yz-portal .cz-composer{flex-wrap:wrap}#yz-portal .cz-composer>button{width:100%}#yz-portal .cz-post{padding:18px}#yz-portal .cz-tools{width:100%;margin-left:53px}#yz-portal .cz-comment .cz-tools{margin-left:0}#yz-portal .cz-dialog{padding:20px}}

/* Original yourZone hexagon, proportionally scaled using its existing alpha. */
#yz-portal .yz-nav .yz-community-nav-icon{display:inline-block;flex:0 0 20px;width:20px;height:20px;background:#fff;-webkit-mask:url('./icons/yourzone-community-original.png') center/contain no-repeat;mask:url('./icons/yourzone-community-original.png') center/contain no-repeat}
#yz-portal .yz-nav button[aria-current=page] .yz-community-nav-icon{background:var(--yz-soft)}
