/* Structured species, care and buying guides — generated from Jonath's fields. */
.jak-species-profile,
.jak-guide-detail { padding:34px 0 90px; background:#090a0c; color:var(--ink); }
.jak-profile-hero { display:grid; grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr); overflow:hidden; border:1px solid var(--line); border-radius:26px; background:var(--card); }
.jak-profile-hero__copy { display:flex; flex-direction:column; justify-content:center; min-height:610px; padding:clamp(38px,5vw,74px); }
.jak-profile-hero h1 { max-width:720px; margin:12px 0 4px; font-family:var(--heading); font-size:clamp(62px,7.2vw,116px); line-height:.82; text-transform:uppercase; }
.jak-profile-scientific { margin:10px 0 0; color:#b8ff36; font-size:20px; font-style:italic; }
.jak-profile-aliases { margin:8px 0 0; color:var(--muted); font-size:13px; }
.jak-profile-lead { max-width:680px; margin:28px 0; color:#b5b7bd; font-size:17px; line-height:1.65; }
.jak-profile-actions { display:flex; flex-wrap:wrap; gap:10px; }
.jak-profile-hero__copy>small { margin-top:16px; color:#7f828a; font-size:10px; letter-spacing:.06em; text-transform:uppercase; }
.jak-profile-gallery { position:relative; min-height:610px; background:#0f1115; }
.jak-profile-gallery>img { width:100%; height:100%; display:block; object-fit:cover; }
.jak-profile-gallery.is-placeholder { display:grid; place-items:center; color:#ff2c91; font-family:var(--heading); font-size:42px; text-transform:uppercase; }
.jak-profile-thumbs { position:absolute; right:18px; bottom:18px; left:18px; display:grid; grid-template-columns:repeat(5,72px); justify-content:end; gap:8px; }
.jak-profile-thumbs button { width:72px; height:72px; overflow:hidden; padding:0; border:2px solid rgba(255,255,255,.35); border-radius:12px; background:#090a0c; }
.jak-profile-thumbs button.is-active { border-color:#ff2c91; }
.jak-profile-thumbs img { width:100%; height:100%; object-fit:cover; }
.jak-profile-facts { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin-top:16px; }
.jak-profile-facts article { min-height:118px; display:flex; flex-direction:column; gap:10px; padding:18px; border:1px solid var(--line); border-radius:16px; background:var(--card); }
.jak-profile-facts small { color:#ff2c91; font-size:9px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.jak-profile-facts strong { font-size:14px; line-height:1.35; }
.jak-profile-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:40px; margin-top:52px; }
.jak-profile-nav { align-self:start; position:sticky; top:110px; padding:20px; border:1px solid var(--line); border-radius:17px; background:var(--card); }
.jak-profile-nav nav { display:grid; margin-top:12px; }
.jak-profile-nav a { padding:10px 0; border-bottom:1px solid var(--line); color:#afb1b7; font-size:12px; }
.jak-profile-nav a:hover { color:#ff2c91; }
.jak-profile-content { max-width:980px; }
.jak-profile-content>section { scroll-margin-top:120px; padding:0 0 44px; margin:0 0 44px; border-bottom:1px solid var(--line); }
.jak-profile-content h2 { max-width:800px; margin:8px 0 18px; font-family:var(--heading); font-size:clamp(42px,5vw,70px); line-height:.9; text-transform:uppercase; }
.jak-profile-content p { max-width:820px; color:#b1b3b9; font-size:16px; line-height:1.75; }
.jak-profile-content audio { width:min(640px,100%); margin-top:16px; }
.jak-profile-taxonomy dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.jak-profile-taxonomy dl div { padding:14px 16px; border-radius:12px; background:#191c22; }
.jak-profile-taxonomy dt,.jak-profile-store dt { color:#ff2c91; font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.jak-profile-taxonomy dd,.jak-profile-store dd { margin:5px 0 0; color:#fff; font-size:14px; }
.jak-profile-store { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,.5fr) auto; align-items:end; gap:24px; padding:28px!important; border:1px solid rgba(255,44,145,.65)!important; border-radius:20px; background:linear-gradient(135deg,#171920,#22121c); }
.jak-profile-store dl { display:grid; gap:10px; margin:0; }
.jak-profile-store dl div { padding:13px; border-radius:11px; background:rgba(255,255,255,.05); }
.jak-profile-references ol,.jak-guide-references ol { display:grid; gap:9px; padding-left:20px; }
.jak-profile-references a,.jak-guide-references a { color:#ff70b3; text-decoration:underline; text-underline-offset:3px; }
.jak-profile-products { margin-top:70px; }
.jak-profile-products>header { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:20px; }
.jak-profile-products h2 { margin:5px 0 0; font-family:var(--heading); font-size:58px; text-transform:uppercase; }

.jak-guide-lead { max-width:720px; margin:22px 0; color:#b4b6bc; font-size:17px; line-height:1.65; }
.jak-guide-structured-layout { display:grid; grid-template-columns:200px minmax(0,1fr) 290px; gap:30px; margin-top:48px; }
.jak-guide-on-page,.jak-guide-download { align-self:start; position:sticky; top:110px; }
.jak-guide-on-page { padding:18px; border:1px solid var(--line); border-radius:16px; background:var(--card); }
.jak-guide-on-page nav { display:grid; margin-top:10px; }
.jak-guide-on-page a { padding:9px 0; border-bottom:1px solid var(--line); color:#aeb0b6; font-size:11px; }
.jak-guide-structured-content>section { scroll-margin-top:120px; padding:0 0 40px; margin:0 0 40px; border-bottom:1px solid var(--line); }
.jak-guide-structured-content h2 { margin:7px 0 17px; font-family:var(--heading); font-size:clamp(40px,4.5vw,64px); line-height:.92; text-transform:uppercase; }
.jak-guide-structured-content p { color:#b1b3b9; font-size:16px; line-height:1.75; }
.jak-guide-checklist { padding:26px!important; border:1px solid rgba(184,255,54,.45)!important; border-radius:18px; background:#131810; }
.jak-guide-checklist ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px 16px; padding:0; list-style:none; }
.jak-guide-checklist li { position:relative; padding:12px 12px 12px 40px; border-radius:10px; background:rgba(255,255,255,.04); color:#e7e7e9; }
.jak-guide-checklist li::before { content:'✓'; position:absolute; left:14px; color:#b8ff36; font-weight:900; }
.jak-guide-download { display:grid; gap:12px; }
.jak-guide-download section { padding:20px; border:1px solid var(--line); border-radius:16px; background:var(--card); }
.jak-guide-download h2 { margin:7px 0 12px; font-family:var(--heading); font-size:34px; line-height:.95; text-transform:uppercase; }
.jak-guide-download p { color:#aeb0b6; font-size:13px; line-height:1.55; }

@media (max-width:1100px) {
	.jak-profile-hero { grid-template-columns:1fr 1fr; }
	.jak-profile-facts { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.jak-guide-structured-layout { grid-template-columns:180px minmax(0,1fr); }
	.jak-guide-download { grid-column:2; position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:767px) {
	.jak-species-profile,.jak-guide-detail { padding:18px 0 60px; }
	.jak-profile-hero { grid-template-columns:minmax(0,1fr); border-radius:18px; }
	.jak-profile-hero>*,.jak-profile-facts article,.jak-profile-layout>*,.jak-guide-structured-layout>* { min-width:0; }
	.jak-profile-hero p,.jak-profile-facts strong,.jak-guide-detail p { overflow-wrap:anywhere; }
	.jak-profile-hero__copy { min-height:0; order:2; padding:25px 18px 28px; }
	.jak-profile-hero h1 { font-size:clamp(50px,14vw,72px); }
	.jak-profile-gallery { min-height:0; aspect-ratio:4/3; }
	.jak-profile-thumbs { right:8px; bottom:8px; left:8px; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; }
	.jak-profile-thumbs button { width:100%; height:auto; aspect-ratio:1; border-radius:8px; }
	.jak-profile-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:10px; }
	.jak-profile-facts article { min-height:98px; padding:13px; }
	.jak-profile-layout { grid-template-columns:minmax(0,1fr); gap:20px; margin-top:28px; }
	.jak-profile-nav { position:static; overflow-x:auto; padding:12px; }
	.jak-profile-nav nav { display:flex; gap:7px; }
	.jak-profile-nav a { flex:0 0 auto; padding:9px 12px; border:1px solid var(--line); border-radius:999px; }
	.jak-profile-content>section { padding-bottom:28px; margin-bottom:28px; }
	.jak-profile-content h2 { font-size:clamp(38px,11vw,52px); }
	.jak-profile-content p { font-size:15px; line-height:1.68; }
	.jak-profile-taxonomy dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.jak-profile-store { grid-template-columns:1fr; align-items:start; padding:20px!important; }
	.jak-profile-products { margin-top:48px; }
	.jak-profile-products h2 { font-size:44px; }

	.jak-guide-lead { font-size:15px; }
	.jak-guide-structured-layout { grid-template-columns:minmax(0,1fr); gap:20px; margin-top:28px; }
	.jak-guide-on-page { position:static; overflow-x:auto; padding:12px; }
	.jak-guide-on-page nav { display:flex; gap:7px; }
	.jak-guide-on-page a { flex:0 0 auto; padding:9px 12px; border:1px solid var(--line); border-radius:999px; }
	.jak-guide-structured-content>section { padding-bottom:28px; margin-bottom:28px; }
	.jak-guide-structured-content h2 { font-size:clamp(38px,11vw,52px); }
	.jak-guide-structured-content p { font-size:15px; line-height:1.68; }
	.jak-guide-checklist ul { grid-template-columns:1fr; }
	.jak-guide-download { grid-column:auto; grid-template-columns:1fr; }
}
