:root{--ink:#152a22;--green:#12654f;--paper:#f3efe5;--card:#fffdf8;--line:#d9cfbd;--accent:#d46554}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans Thai",sans-serif}header,main,footer{width:min(1440px,calc(100% - 40px));margin:auto}header{height:72px;display:flex;align-items:center;justify-content:space-between}a{color:var(--green);font-weight:700;text-decoration:none}.hero{display:grid;grid-template-columns:1.4fr .75fr;gap:6vw;align-items:end;padding:48px 0 34px}.eyebrow{font-size:.75rem;letter-spacing:.18em;font-weight:700;color:var(--green);margin:0 0 10px}.hero h1{font-family:"DM Serif Display","IBM Plex Sans Thai",serif;font-size:clamp(3.2rem,7vw,7rem);line-height:.9;max-width:900px;margin:0}.hero>p{color:#657068;line-height:1.7}.view-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.view-tabs button{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:13px;color:var(--green);font:700 1rem inherit;cursor:pointer}.view-tabs small{display:block;font-size:.62rem;letter-spacing:.12em;margin-top:3px}.view-tabs button.active{background:var(--green);color:white;box-shadow:inset 0 -3px rgba(0,0,0,.18)}.lab-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.65fr);gap:16px}.atlas-card,.detail,.note{background:var(--card);border:1px solid var(--line);border-radius:24px}.atlas-card{padding:18px}.view-meta,.orientation{display:flex;justify-content:space-between;color:#69736d;font-size:.78rem}.view-meta span:first-child{color:var(--green);font-weight:700}.atlas{position:relative;margin:14px 0 7px;border-radius:18px;overflow:hidden;background:#f8f4ea;aspect-ratio:3/2}.atlas img{display:block;width:100%;height:100%;object-fit:cover}.hotspot{position:absolute;translate:-50% -50%;width:27px;height:27px;border:3px solid white;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--green),0 6px 16px #142a2255;cursor:pointer;transition:.18s}.hotspot:hover,.hotspot:focus,.hotspot.active{scale:1.32;box-shadow:0 0 0 4px #ffffffaa,0 0 0 7px var(--accent),0 8px 22px #142a2266;outline:0}.hotspot:after{content:attr(data-short);position:absolute;left:50%;top:calc(100% + 11px);translate:-50% 0;background:var(--ink);color:#fff;padding:5px 8px;border-radius:8px;white-space:nowrap;font-size:.7rem;opacity:0;pointer-events:none}.hotspot:hover:after,.hotspot:focus:after{opacity:1}.detail{padding:26px;--accent:#d46554;border-top:7px solid var(--accent)}.detail-head{display:flex;justify-content:space-between;color:var(--accent);font-size:.7rem;letter-spacing:.15em;font-weight:700}.detail h2{font-family:"DM Serif Display","IBM Plex Sans Thai",serif;font-size:clamp(2rem,3vw,3.4rem);line-height:1;margin:25px 0 4px}.latin{font-style:italic;color:#7b746a;margin:0}.summary{font-size:1.05rem;line-height:1.65;margin:24px 0}.detail dl{margin:0}.detail dl div{padding:14px 0;border-top:1px solid var(--line)}dt{font-size:.68rem;letter-spacing:.12em;font-weight:700;color:var(--green);text-transform:uppercase}dd{margin:5px 0 0;line-height:1.55;color:#515d56}.seen{margin-top:16px;padding:14px;border-radius:14px;background:#eef3ec;font-size:.72rem;color:var(--green)}#seenIn{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}#seenIn span{border:1px solid #abc9bd;border-radius:999px;padding:4px 8px}.note{margin-top:16px;padding:36px;display:grid;grid-template-columns:.5fr 1fr;gap:40px}.note h2{font-family:"DM Serif Display","IBM Plex Sans Thai",serif;font-size:2.2rem;margin:0}.note>p:last-child{line-height:1.7;color:#5e6962}footer{padding:35px 0;color:#637069}@media(max-width:900px){.hero,.lab-grid,.note{grid-template-columns:1fr}.hero{padding-top:20px}.view-tabs{grid-template-columns:1fr 1fr}.detail{min-height:auto}}@media(max-width:560px){header,main,footer{width:min(100% - 22px,1440px)}.hero h1{font-size:3rem}.view-tabs button{font-size:.85rem}.atlas-card{padding:10px}.hotspot{width:22px;height:22px}.detail{padding:20px}.orientation{font-size:.65rem}}