/* Shared premium material, scoped to own widgets; native widgets and ads retain their styles. */
.jn-widget.jn-own-widget { --widget-active-ink:#a7211f; min-width:0; color:var(--ink); font:var(--text-sm)/1.6 var(--font-body); overflow-wrap:anywhere; padding:20px; border:1px solid var(--glass-edge); border-radius:24px; background-color:var(--glass-fill); background-image:var(--glass-sheen); box-shadow:var(--glass-shadow),var(--shadow); overflow:visible; }
html[data-theme=dark] .jn-own-widget { --widget-active-ink:var(--accent-text); }
.jn-own-widget .jn-widget__title { position:relative; padding-inline-start:16px; margin:0 0 20px; color:var(--ink); font:700 var(--text-lead)/1.35 var(--font-display); text-wrap:balance; }
.jn-own-widget .jn-widget__title::before { content:""; position:absolute; inset-inline-start:0; top:3px; bottom:3px; width:5px; border-radius:4px; background:var(--accent); box-shadow:0 0 12px rgb(230 57 53 / 30%); }
.jn-own-widget ul { list-style:none; padding:0; margin:0; }
.jn-own-widget :is(a,button):focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
.jn-widget.jn-own-widget--plain, .jn-widget.widget_block:has(> .jn-own-widget) { padding:0; border:0; border-radius:0; background:none; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; overflow:visible; }
.jn-own-links { display:grid; gap:11px; }
.jn-own-link { display:flex; align-items:center; gap:10px; min-height:48px; padding:10px 14px; min-width:0; border:1px solid var(--glass-edge); border-radius:24px; color:var(--ink); background-color:var(--glass-strong); background-image:var(--control-sheen); box-shadow:var(--control-shadow); transition:background-color var(--control-motion),border-color var(--control-motion),box-shadow var(--control-motion),transform var(--control-motion); }
.jn-own-link:where(:hover,:focus-visible) { color:var(--accent-text); border-color:var(--control-hover-edge); background-color:var(--glass-soft); box-shadow:var(--control-hover-shadow); transform:translateY(-1px); }
.jn-own-link.is-active { border-color:var(--accent); color:var(--widget-active-ink); background-color:var(--control-active-fill); box-shadow:inset 0 1px 0 rgb(255 255 255 / 10%),0 0 16px rgb(230 57 53 / 12%); }
.jn-own-link__icon { display:flex; flex:0 0 22px; width:22px; height:22px; align-items:center; justify-content:center; color:var(--widget-icon,var(--accent-text)); }
.jn-own-link__icon svg { width:22px; height:22px; }
.jn-own-link__label { min-width:0; font-family:var(--font-display); font-weight:600; }
.jn-own-link__copy { display:grid; min-width:0; gap:2px; }
.jn-own-link__count { margin-inline-start:auto; flex-shrink:0; min-width:30px; padding:2px 8px; border-radius:100px; border:1px solid var(--glass-edge); background:var(--glass-soft); box-shadow:inset 0 1px 0 rgb(255 255 255 / 8%); color:var(--ink); text-align:center; font-size:var(--text-xs); }
.jn-own-link.is-active .jn-own-link__count { color:var(--widget-active-ink); background:var(--control-active-fill); border-color:var(--control-hover-edge); }
.jn-own-widget__footer { display:flex; justify-content:flex-end; margin:20px 0 0; padding-top:14px; border-top:1px solid var(--glass-edge); color:var(--muted); font-size:var(--text-xs); }
.jn-own-link__subtitle, .jn-own-widget__note, .jn-own-post time, .jn-own-post__excerpt { color:var(--muted); font-size:var(--text-xs); }
.jn-own-widget__note { margin:0 0 12px; }
/* Category IDs select a stable palette; labels and chosen SVGs never determine identity. */
.jn-own-link[data-color="0"] { --widget-icon:#98501e; }
.jn-own-link[data-color="1"] { --widget-icon:#ad3671; }
.jn-own-link[data-color="2"] { --widget-icon:#895315; }
.jn-own-link[data-color="3"] { --widget-icon:#176b87; }
.jn-own-link[data-color="4"] { --widget-icon:var(--accent-text); }
.jn-own-link[data-color="5"] { --widget-icon:#776015; }
.jn-own-link[data-color="6"] { --widget-icon:#7751a9; }
.jn-own-link[data-color="7"] { --widget-icon:#b52d39; }
.jn-own-link[data-color="8"] { --widget-icon:#855392; }
html[data-theme=dark] .jn-own-link[data-color="0"] { --widget-icon:#f5b179; }
html[data-theme=dark] .jn-own-link[data-color="1"] { --widget-icon:#f59bc5; }
html[data-theme=dark] .jn-own-link[data-color="2"] { --widget-icon:var(--accent2); }
html[data-theme=dark] .jn-own-link[data-color="3"] { --widget-icon:#79d7ec; }
html[data-theme=dark] .jn-own-link[data-color="5"] { --widget-icon:#ead47d; }
html[data-theme=dark] .jn-own-link[data-color="6"] { --widget-icon:#bda4ee; }
html[data-theme=dark] .jn-own-link[data-color="7"] { --widget-icon:#ff959e; }
html[data-theme=dark] .jn-own-link[data-color="8"] { --widget-icon:#d4a6e3; }
.jn-own-link--whatsapp { --widget-icon:var(--state-success); }
.jn-own-link--telegram { --widget-icon:#176b87; }
.jn-own-link--discord { --widget-icon:#6650a1; }
.jn-own-link--facebook { --widget-icon:#2e60ac; }
.jn-own-link--instagram { --widget-icon:#ad3671; }
.jn-own-link--youtube { --widget-icon:var(--accent-text); }
html[data-theme=dark] .jn-own-link--telegram { --widget-icon:#79d7ec; }
html[data-theme=dark] .jn-own-link--discord { --widget-icon:#bda4ee; }
html[data-theme=dark] .jn-own-link--facebook { --widget-icon:#94bfff; }
html[data-theme=dark] .jn-own-link--instagram { --widget-icon:#f59bc5; }
.jn-own-posts { display:grid; gap:0; }
.jn-own-posts > li + li { border-top:1px solid var(--glass-edge); }
.jn-own-post { display:grid; grid-template-columns:60px minmax(0,1fr); gap:12px; align-items:start; padding-block:13px; min-width:0; }
.jn-own-posts > li:first-child .jn-own-post { padding-top:0; }
.jn-own-posts > li:last-child .jn-own-post { padding-bottom:0; }
.jn-own-posts--no-images .jn-own-post { grid-template-columns:minmax(0,1fr); }
.jn-own-post__image { display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:12px; overflow:hidden; background:var(--glass-soft); color:var(--muted); }
.jn-own-post__image img { width:100%; height:100%; object-fit:cover; }
.jn-own-posts--circle .jn-own-post__image { border-radius:50%; }
.jn-own-post__copy { display:grid; min-width:0; gap:4px; }
.jn-own-post__title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; font-family:var(--font-display); font-weight:600; line-height:1.4; color:var(--ink); }
.jn-own-post:where(:hover,:focus-visible) .jn-own-post__title { color:var(--accent-text); }
.jn-own-post__category { justify-self:start; max-width:100%; padding:2px 7px; border:1px solid var(--glass-edge); border-radius:100px; color:var(--accent-text); background:var(--glass-soft); font-size:var(--text-xs); font-weight:600; line-height:1.5; }
.jn-own-post__excerpt { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; line-height:1.6; }
.jn-own-promo__image { margin:0 0 14px; }
.jn-own-promo__image img { display:block; width:100%; height:auto; border-radius:12px; }
.jn-own-promo__description { margin:0 0 16px; color:var(--muted); white-space:normal; }
.jn-own-widget__label { display:table; max-width:100%; padding:3px 9px; border:1px solid var(--glass-edge); border-radius:100px; background:var(--glass-soft); margin:0 0 12px; color:var(--discovery-text); font-size:var(--text-xs); font-weight:600; }
.jn-own-promo__button { max-width:100%; white-space:normal; }
.jn-own-widget--plain .jn-own-link { border-color:transparent; border-radius:0; background:none; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.jn-own-widget--plain .jn-own-link.is-active { border-inline-start-color:var(--accent); }
@media(max-width:479px) { .jn-widget.jn-own-widget--glass { padding:16px; border-radius:20px; } .jn-own-link { padding:9px 10px; gap:8px; } }
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    .jn-widget.jn-own-widget--glass { backdrop-filter:blur(var(--glass-blur)); -webkit-backdrop-filter:blur(var(--glass-blur)); }
    .jn-own-widget--glass .jn-own-link { background-color:var(--glass-fill); backdrop-filter:blur(var(--glass-blur-quiet)); -webkit-backdrop-filter:blur(var(--glass-blur-quiet)); }
    .jn-own-widget--glass .jn-own-link.is-active { background-color:var(--control-active-fill); }
}
@media(prefers-reduced-motion:reduce) { .jn-own-link { transition:none; transform:none; } }
@media(prefers-reduced-transparency:reduce) { .jn-widget.jn-own-widget--glass, .jn-own-widget--glass .jn-own-link { background-color:var(--surface); backdrop-filter:none; -webkit-backdrop-filter:none; } }
@media(forced-colors:active) { .jn-own-link.is-active { outline:2px solid Highlight; box-shadow:none; } }
