/* Image navigation: all selectors are feature-scoped. */
.af-ranking-genres{display:grid;gap:22px;margin-block:26px;align-items:stretch}.af-ranking-genres-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.af-ranking-genres-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.af-ranking-genres-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.af-ranking-genres .af-genre-link{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--af-line,#dce4de);border-radius:12px;background:#fff;color:var(--af-ink,#253044);text-decoration:none!important;transition:box-shadow .2s,transform .2s}
.af-ranking-genres .af-genre-link:hover{color:var(--af-accent,#17645b);box-shadow:0 10px 25px #25304414;transform:translateY(-2px)}
.af-genre-link-image{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--af-soft,#f1f3f7)}.af-genre-link-image img{width:100%;height:100%;object-fit:cover}
.af-genre-link-label{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 21px;font-size:16px;line-height:1.65;font-weight:700}.af-genre-link-arrow{flex-shrink:0;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--af-soft,#f1f3f7);color:var(--af-accent,#17645b);font-size:18px}
.af-ranking-genres .af-genre-link.no-image{justify-content:center;min-height:195px;background:linear-gradient(135deg,var(--af-soft,#f1f3f7),#fffdf8)}.af-genre-link.no-image .af-genre-link-label{font-size:20px;padding:28px}.af-genre-link.no-image .af-genre-link-arrow{background:#fff}
.af-ranking-genres .af-genre-link:focus-visible{outline:3px solid #c28e38;outline-offset:4px}
@media(max-width:900px){.af-ranking-genres{gap:16px}}
@media(max-width:520px){.af-ranking-genres{gap:8px}.af-ranking-genres-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.af-ranking-genres .af-genre-link{border-radius:8px}.af-genre-link-image{aspect-ratio:1/1}.af-genre-link-image img{object-fit:contain}.af-genre-link-label,.af-genre-link.no-image .af-genre-link-label{display:block;padding:10px;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.af-genre-link-arrow{display:none}.af-ranking-genres .af-genre-link.no-image{min-height:135px}}
@media(prefers-reduced-motion:reduce){.af-ranking-genres .af-genre-link{transition:none}.af-ranking-genres .af-genre-link:hover{transform:none}}
/* Appearance > NAGRAISE ranking display. No general WordPress selectors. */
.af-ranking-display-settings{max-width:1080px;color:#293449;padding-top:18px}.af-rds-header{padding:30px 34px;border-radius:12px;background:#253d39;color:#f4f6ee;margin-bottom:25px}.af-rds-header>p:first-child{font-size:10px;letter-spacing:.17em;color:#c1d7c9;margin:0 0 16px}.af-ranking-display-settings .af-rds-header h1{font-size:25px;font-weight:700;line-height:1.6;color:#fff;padding:0;margin:0 0 13px}.af-rds-header>p:last-child{font-size:13px;line-height:1.9;margin:0;color:#dce7df}
.af-rds-panel{background:#fff;border:1px solid #dce0e3;border-radius:10px;padding:26px 30px;margin:22px 0}.af-rds-panel h2{font-size:17px;line-height:1.6;margin:0 0 22px;padding-bottom:16px;border-bottom:1px solid #e6e9e8}.af-ranking-display-settings .description{font-size:12px;line-height:1.9;color:#637169;font-style:normal;margin:12px 0 18px}.af-rds-check{display:block;font-size:14px;font-weight:600;margin-bottom:23px}
.af-rds-field-grid,.af-genre-admin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.af-rds-field-grid label>span,.af-genre-admin-fields label>span,.af-genre-admin-image-title,.af-rds-shortcode label>span{display:block;font-size:12px;font-weight:650;line-height:1.8;margin-bottom:8px}.af-rds-field-grid input[type=text],.af-rds-field-grid select,.af-genre-admin-fields input:not([type=hidden]),.af-genre-admin-fields select,.af-rds-shortcode input{width:100%;max-width:100%;padding:7px 10px;border-color:#b4beb8;border-radius:5px;font-size:13px}.af-rds-field-grid input[type=number]{width:110px;padding:7px 10px}
.af-rds-shortcode{display:flex;align-items:flex-end;gap:12px;max-width:620px}.af-rds-shortcode label{flex:1;min-width:0}.af-rds-shortcode .button{min-height:37px}.af-rds-note{padding:15px 18px;background:#f3f6ef;border:1px solid #dce5d7;border-radius:6px;font-size:12px;line-height:1.9;color:#526449}
.af-genre-admin-row{border:1px solid #d3dbd6;border-radius:9px;padding:20px 22px;margin:24px 0;background:#fdfefd}.af-genre-admin-row legend{padding:0 9px;font-size:13px;font-weight:700;color:#34534a}.af-genre-admin-tools{display:flex;align-items:center;gap:9px;margin:0 0 21px}.af-genre-admin-tools .button-link-delete{margin-left:auto}.af-genre-admin-image{grid-column:1/-1}.af-genre-admin-preview:empty{display:none}.af-genre-admin-preview{display:block;margin:0 0 12px}.af-genre-admin-preview img{display:block;width:150px;max-width:100%;height:95px;object-fit:cover;border-radius:6px;border:1px solid #d5ddd8}.af-rds-status{font-size:12px;line-height:1.8;color:#476554;min-height:1.8em}.af-ranking-display-settings :focus-visible{outline:2px solid #526f64;outline-offset:3px}
@media(max-width:700px){.af-rds-header,.af-rds-panel{padding:23px}.af-rds-field-grid,.af-genre-admin-fields{grid-template-columns:1fr}.af-genre-admin-row{padding:18px}.af-rds-shortcode{flex-wrap:wrap}.af-rds-shortcode label{flex-basis:100%}}