/* /en/session/izi-private-session/ (izi.py; Kohei 2026-10-10「padding 大きいとこあるよね?」, Cid 1558415997109534732) */

/* half a band above and below each section: where two meet, one band (polish.css --band) */
main.izi > section { padding-top: var(--s7, 48px) !important; padding-bottom: var(--s7, 48px) !important; }
main.izi > section.page-head { padding-top: var(--s8, 64px) !important; padding-bottom: 0 !important; }
@media (max-width: 768px) {
    main.izi > section { padding-top: var(--s6, 32px) !important; padding-bottom: var(--s6, 32px) !important; }
    main.izi > section.page-head { padding-top: var(--s7, 48px) !important; }
}

/* the intro's two buttons under its words */

/* the instructors: three to a row, the last row centred (5 = 3 + 2), no half-empty row */
main.izi .instructors-grid { display: flex !important; flex-wrap: wrap; justify-content: center; gap: var(--s5, 24px) !important;
    max-width: 980px !important; margin: var(--s7, 48px) auto 0 !important; }
main.izi .instructors-grid > .instructor-card { flex: 0 1 300px; display: flex; flex-direction: column; gap: var(--s2, 8px);
    padding: var(--s6, 32px) var(--s5, 24px); }
main.izi .instructor-card > * { margin-top: 0 !important; margin-bottom: 0 !important; }
main.izi .instructor-card .inst-photo { aspect-ratio: 4 / 5; max-width: 220px; width: 100%; margin: 0 auto var(--s3, 12px) !important; }
main.izi .instructor-card .inst-book { margin-top: auto !important; }
@media (max-width: 600px) {
    /* the phone keeps session-book.css's compact card (a round photo beside the name) */
    main.izi .instructors-grid > .instructor-card { flex: 1 1 100%; display: grid; gap: 0 var(--s4, 16px); }
    main.izi .instructor-card .inst-photo { aspect-ratio: auto; width: 64px; margin: 0 !important; }
    main.izi .instructor-card .inst-msg { margin-top: var(--s3, 12px) !important; }
    main.izi .instructor-card .inst-book { margin-top: var(--s3, 12px) !important; }
}