.school-card{width:100%;height:100%;display:grid;place-items:center;pointer-events:none;color:#28392d;container-type:inline-size}
.school-card-journey{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;align-items:center;gap:20px;width:76%;max-width:660px}
.school-card-stop{display:flex;flex-direction:column;align-items:center;gap:0;min-width:0}
.school-card-mark{width:100%;height:140px;display:grid;place-items:center;transform-origin:center;mix-blend-mode:multiply}
.school-card-mark>img{display:block;width:100%;height:100%;object-fit:contain}
.school-card .school-card-case>svg{display:block;width:100%;height:100%;overflow:visible}
.school-card-caption{display:none}
.school-card:not(.school-card--compact) .school-card-case{transform:scale(1.2)}
.school-card-arrow{font:28px Georgia,serif;margin-top:0;color:#7f897d}
.school-card--compact{aspect-ratio:8/5;height:auto;position:relative;padding:10px;border:1px solid var(--ink,#1a1410);box-sizing:border-box}
.school-card--compact .school-card-journey{grid-template-columns:1fr 1fr 1.2fr;gap:6px;width:100%;height:100%}
.school-card--compact .school-card-stop{display:grid;place-items:center;gap:0}
.school-card--compact .school-card-mark{width:100%;height:48px}
.school-card--compact .school-card-case{width:100%;height:54px}
.school-card--compact .school-card-caption,.school-card--compact .school-card-arrow{display:none}
@container(max-width:640px){.school-card-journey{width:84%;gap:10px;grid-template-columns:1fr 14px 1fr 14px 1fr}.school-card-mark{height:76px}.school-card-arrow{font-size:20px}}

.post-row:has([data-writing-thumbnail="schools"]){--post-thumb-size:180px}
@media(max-width:640px){.post-row:has([data-writing-thumbnail="schools"]){--post-thumb-size:144px}}
@media(max-width:400px){.post-row:has([data-writing-thumbnail="schools"]){--post-thumb-size:128px}}