/* Shared event chronology: event month, authentic mark, name and original SNS post. */
.creator-appearances {padding-block:var(--hattie-space-24);}
.creator-appearances h2 {font-size:clamp(32px,4vw,60px);}
.creator-records li {grid-template-columns:6rem minmax(0,1fr) auto;gap:var(--hattie-space-16);padding-block:var(--hattie-space-8);}
.creator-records time {white-space:nowrap;font-size:var(--hattie-secondary-size);}
.creator-record-main {min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:var(--hattie-space-16);}
.creator-record-main>div {min-width:0;}
.creator-record-main[data-no-logo] {grid-template-columns:minmax(0,1fr);}
.creator-records h3 {font-size:clamp(17px,1.5vw,24px);overflow-wrap:anywhere;}
.creator-record-logo {width:72px;height:48px;display:flex;align-items:center;justify-content:center;}
.creator-record-logo img {max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
.creator-appearances .creator-records p {display:none;}
.creator-records a {font-size:var(--hattie-secondary-size);white-space:nowrap;min-height:44px;}
@media(max-width:720px){
 .creator-appearances {padding:var(--hattie-space-16);}
 .creator-appearances h2 {font-size:clamp(26px,7vw,36px);}
 .creator-records li {grid-template-columns:4rem minmax(0,1fr) auto;gap:var(--hattie-space-8);}
 .creator-record-main {grid-template-columns:40px minmax(0,1fr);gap:var(--hattie-space-8);}
 .creator-record-logo {width:40px;height:40px;}
 .creator-records h3 {font-size:var(--hattie-secondary-size);}
 .creator-records li a {grid-column:auto;font-size:12px;white-space:normal;width:3.4em;line-height:1.4;}
 .creator-records time {font-size:12px;}
}
@media(max-width:720px) and (max-height:700px){
 .creator-appearances .creator-records li:nth-child(n+4) {display:none;}
}