*{box-sizing:border-box}
:root{--green:#00664f;--green-dark:#004c3b;--green-soft:#e8f3ef;--bg:#f4f7f6;--line:#dce6e2;--text:#18302a;--muted:#71817c;--white:#fff}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
body{min-height:100vh}
/* LKGER Logo */
.logo-brand{display:flex;align-items:center;justify-content:flex-start;padding:0 10px 18px;width:100%;box-sizing:border-box;}
.logo-brand img,.logo-brand .site-logo{display:block!important;width:110px!important;height:auto!important;max-width:110px!important;max-height:110px!important;object-fit:contain;}
@media(max-width:940px){.logo-brand{justify-content:center;padding:0 4px 18px}.logo-brand img,.logo-brand .site-logo{width:54px!important;max-width:54px!important;max-height:54px!important;object-fit:contain;object-position:center;}}
@media(max-width:680px){.mobile-header{height:76px!important;overflow:hidden}.mobile-header .logo-brand{padding:0!important;justify-content:center;width:auto;height:76px;display:flex;align-items:center}.mobile-header .logo-brand img,.mobile-header .logo-brand .site-logo{width:68px!important;max-width:68px!important;max-height:68px!important;height:68px!important;object-fit:contain;}.auth-page .mobile-header .logo-brand img,.auth-page .mobile-header .logo-brand .site-logo{width:68px!important;max-width:68px!important;max-height:68px!important;height:68px!important;}}
.app-shell{display:grid;grid-template-columns:240px minmax(0,600px);justify-content:center;min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;padding:28px 16px;border-right:1px solid var(--line);background:#f8faf9;display:flex;flex-direction:column}
.brand{display:inline-flex;color:var(--green);text-decoration:none;font-size:24px;font-weight:950;letter-spacing:1px;padding:0 14px 24px}
.main-nav{display:flex;flex-direction:column;gap:4px}.nav-item{position:relative;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:#25483e;text-decoration:none;font-weight:750;font-size:15px}.nav-item:hover,.nav-item.active{background:var(--green-soft);color:var(--green-dark)}.nav-icon{width:22px;text-align:center;font-size:16px}.badge{margin-left:auto;background:#b52e25;color:white;border-radius:999px;font-size:11px;padding:2px 7px}
.account-mini{margin-top:auto;display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--text);padding:10px;border-top:1px solid var(--line);padding-top:18px}.account-mini img,.avatar-mini{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--green-soft);display:grid;place-items:center;color:var(--green);font-weight:900}.account-mini span:last-child{display:flex;flex-direction:column}.account-mini small{color:var(--muted)}
.content-column{min-width:0;background:var(--white);border-right:1px solid var(--line);min-height:100vh}.mobile-header{display:none}.page-title{height:56px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);z-index:5}.page-title h1{font-size:17px;margin:0}.page-content{min-height:calc(100vh - 56px)}
.social-grid{display:grid;grid-template-columns:minmax(0,600px) 260px;gap:18px;align-items:start}.feed{min-width:0}.right-rail{padding:16px 14px 0 0;position:sticky;top:56px}.rail-card,.card,.post-card{background:#fff;border-bottom:1px solid var(--line)}.rail-card{border:1px solid var(--line);border-radius:14px;padding:15px;margin-bottom:14px}.rail-card h3{margin:0 0 12px;font-size:16px}.search-box{display:flex;align-items:center;gap:8px;background:#f1f5f3;border-radius:999px;padding:9px 13px}.search-box input{border:0;background:transparent;outline:0;width:100%;padding:0}.trend{display:flex;flex-direction:column;padding:9px 0;border-bottom:1px solid #edf2f0;text-decoration:none;color:var(--text)}.trend:last-child{border:0}.trend small,.muted{color:var(--muted)}.full{width:100%;text-align:center}
.card{padding:16px}.composer{display:flex;gap:12px;border-bottom:1px solid var(--line)}.composer-avatar,.post-avatar{flex:0 0 44px;width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--green-soft);display:grid;place-items:center;color:var(--green);font-weight:900}.composer-avatar img,.post-avatar img{width:100%;height:100%;object-fit:cover}.composer form{flex:1}.composer textarea{border:0;outline:0;resize:vertical;min-height:74px;width:100%;font:inherit;font-size:17px;padding:2px 0;background:transparent}.composer-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid #edf2f0;padding-top:10px}.upload-btn{color:var(--green);font-weight:750;cursor:pointer}.upload-btn input{display:none}.counter{color:var(--muted);font-size:12px;margin-left:auto}
.button,button{border:0;border-radius:999px;padding:9px 17px;background:var(--green);color:#fff;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}.secondary{background:#edf3f1;color:#245148}
.post-card{display:flex;gap:12px;padding:16px 18px}.post-card:hover{background:#fbfdfc}.post-content{min-width:0;flex:1}.post-meta{display:flex;gap:7px;align-items:center}.post-meta a{color:var(--text);text-decoration:none}.post-meta time{color:var(--muted);font-size:13px}.post-text{display:block!important;visibility:visible!important;font-size:15px;line-height:1.55;margin:6px 0 10px;overflow-wrap:anywhere;white-space:normal;color:var(--text)!important}.post-text a{color:var(--green);font-weight:650}.post-media{width:100%;max-height:520px;object-fit:cover;border-radius:12px;margin-top:6px}.post-actions{display:flex;align-items:center;gap:14px;margin-top:10px}.post-actions form{margin:0}.action-btn{border:0;background:transparent;color:#62756f;padding:5px 3px;font-weight:700;cursor:pointer;text-decoration:none}.action-btn:hover,.action-btn.is-liked,.action-btn.is-bookmarked{color:var(--green)}.report{margin-left:auto}.empty-state{text-align:center;padding:50px 20px}.empty-icon{font-size:35px;color:var(--green)}
.profile-hero{padding:0;overflow:hidden;border:1px solid var(--line);border-radius:0}.cover-area{height:190px;background:linear-gradient(135deg,#dceee8,#b9d8ce)}.cover-area img{width:100%;height:100%;object-fit:cover}.profile-info{display:flex;gap:18px;padding:0 20px;margin-top:-45px;position:relative}.profile-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;border:5px solid white;background:var(--green-soft);display:grid;place-items:center;color:var(--green);font-size:32px;font-weight:900;flex:none}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-copy{padding-top:48px}.profile-copy h2{margin:0;font-size:21px}.profile-copy p{margin:5px 0}.profile-copy small{color:var(--muted)}.profile-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.profile-stats{display:flex;gap:22px}.profile-stats a{display:flex;gap:5px;flex-direction:column;text-decoration:none;color:var(--text)}.profile-stats span{color:var(--muted);font-size:12px}.profile-buttons{display:flex;gap:8px}.list-card{margin-top:15px}.user-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #edf2f0;text-decoration:none;color:var(--text)}.user-row img,.user-row .avatar-mini{width:38px;height:38px}
footer{text-align:center;color:var(--muted);font-size:12px;padding:22px 12px}
form label{display:block;font-weight:700;margin:12px 0}input,textarea{border:1px solid #cbd9d4;border-radius:9px;padding:10px;font:inherit;background:#fff}form label input,form label textarea{display:block;width:100%;margin-top:6px;font-weight:400}
.alert,.error{background:#fff0f0;border:1px solid #e1b1b1;padding:12px;border-radius:9px;margin-bottom:12px}.success{background:#effaf5;border:1px solid #b8decf;padding:12px;border-radius:9px;margin-bottom:12px}.hp{position:absolute;left:-10000px}
@media(max-width:940px){.app-shell{grid-template-columns:78px minmax(0,650px)}.sidebar{padding:22px 10px}.brand{padding:0 9px 24px}.brand span{font-size:20px}.nav-item{justify-content:center;padding:12px}.nav-item span:not(.nav-icon){display:none}.account-mini{justify-content:center}.account-mini span:last-child{display:none}.social-grid{grid-template-columns:1fr}.right-rail{display:none}}
@media(max-width:680px){.app-shell{display:block}.sidebar{position:fixed;bottom:0;top:auto;left:0;right:0;height:64px;z-index:20;display:block;padding:5px 8px;border-top:1px solid var(--line);border-right:0;background:#fff}.sidebar .brand,.account-mini{display:none}.main-nav{height:100%;flex-direction:row;justify-content:space-around;align-items:center}.nav-item{padding:8px;flex:1}.nav-item .nav-icon{font-size:20px}.content-column{border:0;padding-bottom:64px}.mobile-header{display:flex;height:54px;align-items:center;justify-content:center;border-bottom:1px solid var(--line);background:#fff}.mobile-header .brand{padding:0;font-size:22px}.page-title{display:none}.post-card{padding:15px}.composer{padding:15px}.composer-bottom{flex-wrap:wrap}.counter{order:3;width:100%;margin:0}.profile-info{padding:0 12px;gap:10px}.profile-avatar{width:78px;height:78px}.profile-copy{padding-top:38px}.profile-bar{padding:12px;flex-direction:column;align-items:stretch;gap:12px}.profile-buttons{justify-content:flex-end}}

/* Mobile login/register refinement */
.auth-card{max-width:600px;margin:0 auto;padding:28px 20px 8px}.auth-card h2{margin:0 0 24px;font-size:28px}.auth-card form label{font-size:16px;margin:0 0 20px}.auth-card form label input{margin-top:8px;height:48px}.auth-card .button{margin-top:2px;font-size:15px;padding:11px 20px}
.auth-page footer{margin-top:26px;padding:18px 12px 24px}
@media(max-width:680px){.auth-page .sidebar{display:none}.auth-page .content-column{padding-bottom:0}.auth-page .mobile-header{height:76px}.auth-page .mobile-header .brand{font-size:24px}.auth-card{padding:40px 0 0}.auth-card h2{font-size:28px;margin:0 0 42px;padding:0}.auth-card form label{font-size:16px;margin:0 0 26px}.auth-card form label input{height:56px;border-radius:14px;margin-top:10px;padding:12px 14px}.auth-card .button{font-size:16px;padding:13px 22px}.auth-page footer{margin-top:34px;padding:18px 10px 20px;font-size:12px}}

/* Auth navigation */
.auth-switch{text-align:center;margin:22px 0 0;color:var(--muted);font-size:14px}.auth-switch a{color:var(--green);font-weight:800;text-decoration:none}.auth-switch a:hover{text-decoration:underline}
@media(max-width:680px){.auth-switch{margin-top:20px;font-size:15px}.auth-card{padding-left:16px;padding-right:16px}}

/* Legal pages */
.legal-page{padding:24px 22px 30px;line-height:1.65}.legal-page h2{margin:0 0 22px;font-size:24px}.legal-page h3{margin:24px 0 8px;font-size:16px;color:var(--green-dark)}.legal-page p{margin:0 0 12px}.legal-page a{color:var(--green);font-weight:700}.legal-links{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:10px}.legal-links a{color:var(--muted);text-decoration:none}.legal-links a:hover{color:var(--green);text-decoration:underline}.legal-links span{color:#b0bcb8}
@media(max-width:680px){.legal-page{padding:22px 16px 28px}.legal-page h2{font-size:23px}.legal-page h3{margin-top:22px}.legal-links{flex-wrap:wrap;gap:10px;font-size:11px}}
.delete-btn{color:#62756f!important}
.delete-btn:hover{color:var(--green)!important}
.post-text a{cursor:pointer}

/* =========================================================
   LKGER Werbung im Feed
   ========================================================= */
.feed-ad{margin:0;padding:16px 18px;background:#f4f9f7;border-top:1px solid #d8e5e0;border-bottom:1px solid #d8e5e0}
.feed-ad-label{display:inline-block;margin-bottom:9px;padding:3px 7px;border:1px solid #b9d3ca;border-radius:4px;background:#eaf4f0;color:#00664f;font-size:9px;line-height:1;letter-spacing:.12em;font-weight:700}
.feed-ad h3{margin:2px 0 5px;color:#00664f;font-size:16px;line-height:1.3;font-weight:700}
.feed-ad p{margin:0 0 10px;color:#42534e;font-size:13px;line-height:1.45}
.feed-ad-image{margin:0 0 12px}.feed-ad-image img{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:6px}.feed-ad-html{margin:4px 0 8px;overflow:hidden}.feed-ad-html a{display:block}.feed-ad-html img{display:block;width:100%;height:auto;max-width:100%;border-radius:6px}
.feed-ad-link{display:inline-block;padding:7px 11px;border:1px solid #00664f;border-radius:5px;background:#00664f;color:#fff;font-size:12px;line-height:1.2;font-weight:700;text-decoration:none}.feed-ad-link:hover{background:#005640;text-decoration:none}
@media(max-width:700px){.feed-ad{padding:14px 15px}.feed-ad h3{font-size:15px}.feed-ad p{font-size:13px}.feed-ad-image img{max-height:220px}}

/* =========================================================
   LKGER Link-Vorschau
   ========================================================= */
.link-preview{display:flex!important;align-items:stretch;gap:0;margin:10px 0 12px;border:1px solid #d8e5e0;border-radius:10px;overflow:hidden;background:#f7faf9;color:var(--text)!important;text-decoration:none!important;font-weight:400!important;max-width:100%;transition:background .15s,border-color .15s}.link-preview:hover{background:#f1f7f4;border-color:#b9d3ca}.link-preview img{display:block;width:180px;min-width:180px;height:110px;object-fit:cover;border-radius:0}.link-preview-body{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:12px 14px;gap:4px}.link-preview-body strong{font-size:14px;line-height:1.3;color:#18302a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview-body small{font-size:12px;line-height:1.4;color:#62756f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview-body em{font-style:normal;font-size:10px;color:#82928d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-preview:not(:has(img)) .link-preview-body{padding-left:14px}.feed-ad-html{display:flex;justify-content:center;align-items:center}.feed-ad-html a{display:block;width:100%;text-align:center}.feed-ad-html img{display:block;width:auto;max-width:100%;height:auto;max-height:260px;margin:0 auto;border-radius:6px}.feed-ad-html a img{width:auto;max-width:100%}
@media(max-width:680px){.link-preview img{width:120px;min-width:120px;height:90px}.link-preview-body{padding:10px 11px}.link-preview-body strong{font-size:13px}.link-preview-body small{font-size:11px}.feed-ad-html img{max-height:220px}}

/* =========================================================
   LKGER Feed Polish – Link previews & Werbung
   ========================================================= */
.post-card {
    padding: 17px 18px 15px;
}
.post-card .post-text {
    margin-bottom: 8px;
}

/* Link preview: modern, readable card inside the post */
.link-preview {
    display: flex !important;
    width: 100%;
    min-height: 128px;
    margin: 10px 0 12px;
    border: 1px solid #d5e3de;
    border-radius: 10px;
    overflow: hidden;
    background: #f7faf9;
    box-sizing: border-box;
    color: var(--text) !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.link-preview:hover {
    background: #f2f7f5;
    border-color: #b8d2c9;
    box-shadow: 0 2px 8px rgba(0, 102, 79, .06);
}
.link-preview img {
    flex: 0 0 210px;
    width: 210px;
    min-width: 210px;
    height: 128px;
    object-fit: cover;
    display: block;
    border: 0;
}
.link-preview-body {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 13px 15px;
    gap: 5px;
}
.link-preview-body strong {
    color: #18302a;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 750;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.link-preview-body small {
    color: #62756f;
    font-size: 12px;
    line-height: 1.42;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.link-preview-body em {
    color: #83928d;
    font-style: normal;
    font-size: 10px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 1px;
}
.link-preview:not(:has(img)) .link-preview-body {
    padding-left: 15px;
}

/* Feed advertising: compact and visually integrated with LKGER */
.feed-ad {
    margin: 0;
    padding: 13px 18px 15px;
    background: #f5f9f7;
    border-top: 1px solid #d9e5e1;
    border-bottom: 1px solid #d9e5e1;
}
.feed-ad-label {
    margin: 0 0 8px;
}
.feed-ad h3 {
    margin: 0 0 7px;
    color: #00664f;
    font-size: 15px;
    line-height: 1.3;
}
.feed-ad p {
    margin: 0 0 9px;
}
.feed-ad-image {
    margin: 0 0 9px;
}
.feed-ad-image img {
    display: block;
    width: 100%;
    max-width: 468px;
    height: auto;
    max-height: none;
    object-fit: contain;
    margin: 0 auto;
    border-radius: 6px;
}
.feed-ad-html {
    width: 100%;
    margin: 2px 0 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.feed-ad-html a {
    display: block;
    width: 100%;
    max-width: 468px;
    text-align: center;
    line-height: 0;
}
.feed-ad-html img {
    display: block;
    width: 100% !important;
    max-width: 468px !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 auto;
    border-radius: 6px;
}
.feed-ad-link {
    margin-top: 2px;
}

@media (max-width: 680px) {
    .post-card {
        padding: 15px 14px 13px;
    }
    .link-preview {
        display: flex !important;
        flex-direction: column;
        min-height: 0;
        margin: 10px 0 11px;
    }
    .link-preview img {
        flex: none;
        width: 100%;
        min-width: 0;
        height: 165px;
        object-fit: cover;
    }
    .link-preview-body {
        padding: 11px 12px 12px;
        gap: 4px;
    }
    .link-preview-body strong {
        font-size: 13px;
        line-height: 1.35;
    }
    .link-preview-body small {
        font-size: 11px;
        line-height: 1.4;
        -webkit-line-clamp: 3;
    }
    .link-preview-body em {
        font-size: 10px;
    }
    .feed-ad {
        padding: 12px 14px 14px;
    }
    .feed-ad-html a,
    .feed-ad-html img,
    .feed-ad-image img {
        max-width: 100% !important;
    }
}