/* Stoni Baza, derived from Dimipedia infobox and directory presentation. AGPL-3.0-or-later. */
.stoni-registration-note{display:block;font-size:.8em;margin-top:4px}
.stoni-profile{max-width:1200px;margin:auto;padding:40px 16px 64px}
.stoni-profile-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:40px;align-items:start;margin:32px 0}
.stoni-infobox{border:1px solid var(--wp--preset--color--theme-2,currentColor);padding:24px;background:rgba(255,255,255,.035)}
.stoni-infobox h2{font-size:1.4rem;margin:0 0 16px}.stoni-infobox figure{margin:0 0 20px}.stoni-infobox img{max-width:100%;height:auto;display:block;margin:auto}
.stoni-infobox dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.stoni-infobox dt{font-weight:700}.stoni-infobox dd{margin:0;overflow-wrap:anywhere}
.stoni-directory{margin:32px 0}.stoni-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.stoni-filters label{display:grid;gap:6px}
.stoni-filters input,.stoni-filters select,.stoni-filters button{font:inherit;min-height:44px;padding:8px 12px;max-width:100%;border:1px solid var(--wp--preset--color--theme-4,#9aa6c1);border-radius:4px}
.stoni-filters input,.stoni-filters select{background:var(--wp--preset--color--theme-1,#051041);color:var(--wp--preset--color--theme-3,#f5f7fa)}
.stoni-filters button{background:var(--wp--preset--color--theme-2,#0084ff);color:white;cursor:pointer}.stoni-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:24px}
.stoni-card{border:1px solid var(--wp--preset--color--theme-4,#9aa6c1);border-radius:6px;overflow:hidden}.stoni-card a{display:block;padding:20px;text-decoration:none;height:100%;box-sizing:border-box}.stoni-card h2{font-size:1.25rem;margin:12px 0 8px}.stoni-card p{margin:0}.stoni-card-image{width:100%;height:200px;object-fit:contain}
.stoni-card a:hover,.stoni-card a:focus-visible{background:rgba(255,255,255,.06)}.stoni-table-scroll{overflow-x:auto}.stoni-table-scroll table{border-collapse:collapse;width:100%;font-size:.95rem}.stoni-table-scroll th,.stoni-table-scroll td{padding:12px;text-align:left;border-bottom:1px solid var(--wp--preset--color--theme-4,#9aa6c1)}
.stoni-pagination{display:flex;gap:16px;margin-top:24px}.stoni-source-code{font-size:.8rem;margin-top:32px;opacity:.8}/* Hover profile card, shared across directories and profiles. */
.stoni-preview{position:fixed;z-index:10000;width:320px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:20px;background:#051041;color:#f5f7fa;border:1px solid #263b68;border-radius:12px;box-shadow:0 16px 48px #0006,0 4px 12px #0003;pointer-events:none;font-family:var(--wp--preset--font-family--rf-dewi,sans-serif);text-align:left;line-height:1.5;animation:stoni-preview-in .14s ease-out}
.stoni-preview[hidden]{display:none}.stoni-preview *{box-sizing:border-box}
.stoni-preview-header{display:flex;align-items:center;gap:14px;min-width:0}
.stoni-preview-avatar{display:grid;place-items:center;width:56px;height:56px;flex:0 0 56px;background:#0c1e52;border-radius:10px;color:#86bcff;font:700 1.2rem var(--wp--preset--font-family--dezen-pro,inherit);overflow:hidden}
.stoni-preview-avatar.has-image{background:transparent}.stoni-preview-avatar.is-club{border-radius:0}
.stoni-preview .stoni-preview-avatar img{display:block;width:100%;height:100%;margin:0;float:none;object-fit:cover;object-position:center;border:0}
.stoni-preview .stoni-preview-avatar.is-club img{object-fit:contain}
.stoni-preview-heading{min-width:0;flex:1}.stoni-preview-label{display:block;margin-bottom:4px;color:#0084ff;font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.stoni-preview-title{display:block;color:#f5f7fa;font-size:1rem;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.stoni-preview .stoni-preview-subtitle{margin:12px 0 0;color:#aebfdb;font-size:.8rem;overflow-wrap:anywhere}
.stoni-preview .stoni-preview-excerpt{margin:12px 0 0;color:#9aa6c1;font-size:.78rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.stoni-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid #1a2851;color:#687c9f;font-size:.68rem}.stoni-preview-footer>span:last-child{color:#86bcff;white-space:nowrap}
@keyframes stoni-preview-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.stoni-preview{animation:none}}

@media(max-width:700px){.stoni-profile-layout{grid-template-columns:1fr;gap:24px}.stoni-infobox{max-width:420px}.stoni-filters label{width:100%}}

/* Keep intrinsic portrait dimensions out of the fixed square avatar layout. */
.stoni-preview-avatar.has-image{position:relative;aspect-ratio:1/1;overflow:hidden}
.stoni-preview-avatar.has-image img{position:absolute;inset:0;width:100%;height:100%!important;max-height:100%;min-height:0;aspect-ratio:1/1}