.medaka-learning { padding: 64px clamp(22px,6vw,96px); background: #eff5f0; border-bottom: 1px solid var(--line); }
.learning-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; }
.learning-heading h2 { margin:0; font-size:clamp(1.8rem,3vw,2.7rem); line-height:1.35; }
.learning-heading>p { color:var(--soft); font-size:.85rem; line-height:1.8; margin:0; }
.learning-jumps { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0; }
.learning-jumps a { color:var(--green); background:white; border:1px solid #c5dbcf; border-radius:999px; padding:9px 18px; font-size:.8rem; text-decoration:none; font-weight:700; }
.learning-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; }
.learning-card { background:#fff; border:1px solid #d3e2d8; border-radius:18px; box-shadow:0 4px 14px rgba(16,46,50,.04); overflow:hidden; }
.learning-card summary { cursor:pointer; padding:24px 42px 24px 24px; position:relative; list-style:none; }
.learning-card summary::-webkit-details-marker { display:none; }
.learning-card summary::after { content:'+'; position:absolute; right:22px; top:30px; font-size:1.4rem; color:var(--green); }
.learning-card[open] summary::after { content:'−'; }
.learning-card summary:hover { background:#f7faf7; }
.learning-number { color:var(--green); font-size:.63rem; font-weight:800; letter-spacing:.14em; }
.learning-card h3 { margin:9px 0 7px; font-size:1.15rem; }
.learning-teaser { color:var(--soft); font-size:.78rem; line-height:1.6; }
.learning-body { padding:0 24px 24px; font-size:.88rem; line-height:1.9; }
.learning-body>p:first-child { margin-top:0; }
.learning-facts { display:grid; gap:10px; }
.learning-facts>div { border-left:3px solid #bed8ca; padding:4px 0 4px 14px; }
.learning-facts dt { font-weight:700; color:var(--green); }
.learning-facts dd { margin:2px 0 0; }
.learning-note { padding:12px 15px; border-radius:10px; background:#f6f3e8; font-size:.8rem; color:#62583d; }
.learning-sex { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.learning-sex>div { background:#eff6f2; border-radius:12px; padding:14px; }
.learning-sex strong { color:var(--green); }
.learning-sex p { margin:7px 0 0; font-size:.82rem; }
.learning-sources { border-top:1px solid var(--line); padding-top:12px; font-size:.72rem; color:var(--soft); }
.learning-sources a { color:var(--green); text-underline-offset:3px; }
.learning-credit { color:var(--soft); font-size:.72rem; line-height:1.8; margin:22px 0 0; }
#learn, .learning-card, #varieties, #directory, #trust { scroll-margin-top:96px; }
.learning-jumps a:focus-visible, .learning-card summary:focus-visible { outline:3px solid var(--green); outline-offset:-3px; }
@media(min-width:761px) and (max-width:1250px) { .site-header { gap:16px; padding-inline:24px; } .site-header nav { gap:14px; } .site-header nav a { font-size:.77rem; } }
@media(max-width:760px) { .learning-heading { display:block; } .learning-heading>p { margin-top:14px; } .learning-grid { grid-template-columns:1fr; } .medaka-learning { padding-block:44px; } .learning-card summary { padding-left:20px; } .learning-body { padding-inline:20px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }