.turtle-introduction { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 1rem; align-items: start; padding: 1rem; background: #f8fbf6; border: 1px solid var(--line); }
.turtle-introduction figure { margin: 0; max-width: 260px; }
.turtle-introduction img { display: block; width: 100%; height: auto; }
.turtle-introduction figcaption { margin-top: .5rem; font-size: .78rem; color: #617379; }
.turtle-introduction h3 { margin: 0 0 .7rem; font: 1.6rem/1.05 var(--display); }
.turtle-introduction p,.turtle-introduction li { font-size: .92rem; line-height: 1.45; }
.turtle-introduction p { margin: 0 0 .65rem; }
.turtle-introduction ul { margin: .3rem 0 .7rem; padding-left: 1.2rem; }
.turtle-introduction li { margin: .2rem 0; }
.turtle-info-title { font-weight: 700; }
.turtle-naming { padding-top: .65rem; border-top: 1px solid var(--line); }
.turtle-profiles { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; border-top: 1px solid var(--line); padding-top: 1.5rem; }
.turtle-profiles > h3 { flex-basis: 100%; margin: 0; font: 1.5rem/1.1 var(--display); }
.turtle-profile { display: grid; gap: .8rem; align-items: start; width: min(100%, 280px); padding: .7rem; background: #f8fbf6; border: 1px solid var(--line); }
.turtle-profile-heading { display: grid; grid-template-columns: minmax(0, 1fr) 92px; gap: .65rem; align-items: start; }
.turtle-profile figure { margin: 0; background: #e5eee6; }
.turtle-image-button { display: block; width: 100%; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.turtle-profile img { display: block; width: 100%; height: auto; object-fit: contain; }
.turtle-face { overflow: hidden; aspect-ratio: 1 / 1; }
.turtle-face img { width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
.turtle-face-empty { display: grid; place-items: center; padding: .45rem; text-align: center; }
.turtle-face-empty figcaption { color: #617379; font-size: .75rem; line-height: 1.35; }
.turtle-shell img { width: 100%; height: auto; }
.turtle-profile-uniform .turtle-shell { overflow: hidden; aspect-ratio: 3 / 4; }
.turtle-profile-uniform .turtle-shell img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.turtle-profile-tank .turtle-shell img { object-fit: contain; object-position: center; }
.turtle-profile-copy { padding: 0 .1rem; }
.turtle-profile-copy h4 { margin: .2rem 0 .45rem; font: 1.45rem/1 var(--display); }
.turtle-profile-copy p { margin: 0 0 .45rem; font-size: .9rem; line-height: 1.45; }
.turtle-profile-copy .card-kicker { margin-bottom: .4rem; font-size: .7rem; line-height: 1.2; }
.turtle-notes { margin-top: .7rem; border-top: 1px solid var(--line); padding-top: .55rem; }
.turtle-notes summary { cursor: pointer; color: var(--red); font-size: .86rem; font-weight: 700; }
.turtle-notes p { margin: .5rem 0 0; }
@media (max-width: 700px) { .turtle-introduction { grid-template-columns: 1fr; } }