*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#FAF8F3;color:#3D3229;font-family:'Source Serif 4',serif;font-weight:400;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px}
.dashboard{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;max-width:1200px;width:100%}
.panel{padding:28px;opacity:0;transform:translateY(16px);transition:opacity 0.6s ease-out,transform 0.6s ease-out;position:relative}
.panel.visible{opacity:1;transform:translateY(0)}
.specimen{background:#F5F0E8;border:1px solid #6B8F71}
.observation{background:rgba(107,143,113,0.08);border-top:2px solid #6B8F71;padding-top:20px}
.aquarium{background:linear-gradient(180deg,#1A6B5C,#0D3D35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:180px}
.index{background:transparent;display:flex;flex-direction:column;gap:8px;padding:16px}

.p-title{grid-column:1/6;grid-row:1}
.p-aq1{grid-column:6/10;grid-row:1/3}
.p-idx1{grid-column:10/13;grid-row:1}
.p-obs{grid-column:1/5;grid-row:2}
.p-method{grid-column:5/6;grid-row:2;grid-column:1/6;grid-row:3}
.p-aq2{grid-column:6/9;grid-row:3}
.p-reflect{grid-column:9/13;grid-row:2/4}
.p-idx2{grid-column:1/4;grid-row:4}

.site-title{font-family:'Playfair Display',serif;font-weight:900;font-size:2.5rem;letter-spacing:-0.02em;line-height:1.15;color:#3D3229}
.sub{font-family:'Source Serif 4',serif;font-weight:300;font-size:0.9rem;color:#7A6E5D;margin-top:8px}
h2{font-family:'Playfair Display',serif;font-weight:700;font-size:1.75rem;letter-spacing:-0.02em;line-height:1.15;color:#3D3229;margin-bottom:12px}
p{font-size:1.0625rem;line-height:1.75;letter-spacing:0.01em;color:#3D3229}
.annotation{font-family:'Source Serif 4',serif;font-weight:300;font-size:1rem;color:#7A6E5D;line-height:1.75}
.fish-art{width:120px;height:60px}.fish-art.sm{width:80px;height:40px}
.fish-label{font-family:'Caveat',cursive;font-size:0.9375rem;letter-spacing:0.03em;color:rgba(245,240,232,0.7)}
.idx-text{font-family:'Caveat',cursive;font-size:0.9375rem;color:#7A6E5D;letter-spacing:0.03em}

/* Palette accent references */
.ref-copper{color:#6B8F71}
.ref-terracotta{color:#C8785A}
.ref-deep-teal{color:#1A6B5C}
.ref-faded{color:#7A6E5D}

@media(max-width:768px){
.dashboard{grid-template-columns:1fr}
.panel{grid-column:1/-1 !important;grid-row:auto !important}
body{padding:24px}
}