.site-mascot{display:block;width:160px;height:160px;max-width:100%;object-fit:contain;flex-shrink:0;pointer-events:none;user-select:none;background:transparent}
.mascot-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.mascot-heading>div{min-width:0;flex:1}
.mascot-heading .site-mascot{width:170px;height:170px}
.ss-mascot-lead{margin-bottom:20px}
.ss-mascot-lead .site-mascot{width:125px;height:125px}
.mascot-aside{margin:0 auto 12px;width:170px;height:170px}
.mascot-tail-row{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;column-gap:20px}
.mascot-tail-row .site-mascot{grid-column:2;grid-row:1 / 4;width:120px;height:120px}
.mascot-tail-row>p,.mascot-tail-row>small{grid-column:1}
.blog-empty .site-mascot,.error-shell>.site-mascot{margin:0 auto 16px}
.error-shell>.site-mascot{width:180px;height:180px}
.mascot-first-visual .site-mascot{width:100px;height:100px}
.mascot-first-visual{position:relative}
body.route-topic-first-session .mascot-first-visual{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:16px;min-height:440px;padding:24px;align-content:center}
body.route-topic-first-session .mascot-first-visual .thought-map-card{grid-column:auto;grid-row:auto;padding:20px;gap:12px;grid-template-columns:1fr;justify-items:start}
body.route-topic-first-session .mascot-first-visual .thought-map-card strong{font-size:19px}
html[data-theme="dark"] .site-mascot--symbols{filter:drop-shadow(0 0 1px #eee7ff) drop-shadow(0 0 1px #eee7ff)}
html[data-theme="dark"] body.route-topic-first-session{--fs2-ink-deep:#eeeaff;--fs2-violet-strong:#b7a5ff}
@media(max-width:700px){
 .mascot-heading{gap:12px;align-items:flex-start}
 .mascot-heading .site-mascot{width:100px;height:100px}
 .mascot-heading h1{overflow-wrap:normal}
 .mascot-aside{width:115px;height:115px}
 .mascot-first-visual .site-mascot{width:80px;height:80px}
 body.route-topic-first-session .mascot-first-visual{grid-template-columns:1fr;min-height:0;padding:18px}
 body.route-topic-first-session .mascot-first-visual .thought-map-card{grid-template-columns:80px minmax(0,1fr);align-items:center}
 .mascot-tail-row{grid-template-columns:minmax(0,1fr) 88px;column-gap:12px}
 .mascot-tail-row .site-mascot{width:88px;height:88px}
}
@media(max-width:420px){.mascot-heading:has(h1){flex-wrap:wrap}.mascot-heading:has(h1)>div{flex-basis:100%}.mascot-heading:has(h1)>.site-mascot{width:90px;height:90px;margin-left:auto;margin-top:-8px}}