:root{--cream: #fff7e3;--paper: #ffffff;--ink: #1d2b26;--muted: #5a6b63;--line: #eadfc4;--green: #145a3a;--green2: #0f8a55;--coral: #ff6b4a;--yellow: #ffc93c;--sky: #8edbff;--fact: #fff1bf;--tint: #f3fbf6;--c-new-species: #e8572a;--c-ocean: #2e8fd0;--c-dinosaurs: #0f8a55;--c-bugs: #6c5bd4;--c-reptiles: #c46f1d;--c-birds: #138a7c;--c-pets: #cc3f72;--display: "Kanit", "Noto Sans Thai", system-ui, sans-serif;--text: "Sarabun", "Noto Sans Thai", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.75 var(--text)}img{max-width:100%;height:auto;display:block}a{color:var(--green2)}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;background:var(--paper);padding:6px 12px;z-index:9}.site-head{background:var(--paper);border-bottom:3px solid var(--green)}.head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:12px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.word,.foot-brand{font:700 30px/1 var(--display);letter-spacing:-.5px}.f{color:var(--green)}.p{color:var(--coral)}.tagline{font:500 15px var(--display);color:var(--muted)}.feat-nav{display:flex;gap:6px;flex-wrap:wrap}.feat-nav a{font:500 15px/1 var(--display);color:var(--green);text-decoration:none;padding:8px 12px;border-radius:99px;background:var(--fact)}.feat-nav a:hover,.feat-nav a[aria-current]{background:var(--yellow);color:var(--ink)}@media(max-width:760px){.feat-nav{flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none}.feat-nav a{flex:none}}.fp-toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:10px;background:var(--green);color:#fff;font:500 16px/1.4 var(--display);padding:10px 18px 10px 10px;border-radius:18px;box-shadow:0 6px 24px #0003;transition:opacity .5s;max-width:calc(100vw - 32px)}.fp-toast a{color:var(--yellow)}.fp-toast.out{opacity:0}.cats{display:flex;gap:8px;overflow-x:auto;padding-block:0 12px;scrollbar-width:none}.cat-link{flex:none;font:500 15px/1 var(--display);text-decoration:none;color:var(--ink);background:var(--tint);border:2px solid transparent;padding:8px 14px;border-radius:99px}.cat-link:hover,.cat-link[aria-current]{border-color:currentColor}.chip{display:inline-block;font:500 13px/1 var(--display);color:#fff;padding:6px 11px;border-radius:99px;text-decoration:none}.c-new-species{--cc: var(--c-new-species)}.c-ocean{--cc: var(--c-ocean)}.c-dinosaurs{--cc: var(--c-dinosaurs)}.c-bugs{--cc: var(--c-bugs)}.c-reptiles{--cc: var(--c-reptiles)}.c-birds{--cc: var(--c-birds)}.c-pets{--cc: var(--c-pets)}.chip{background:var(--cc)}.cat-link{color:var(--cc)}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.35;text-wrap:balance;margin:0}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;color:var(--muted);font-size:15px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.card{background:var(--paper);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;box-shadow:0 1px 0 var(--line);transition:transform .15s}.card:hover{transform:translateY(-3px)}.card img{aspect-ratio:16 / 9;object-fit:cover;width:100%}.card .in{padding:12px 16px 18px;display:flex;flex-direction:column;gap:8px}.card h3{font-size:19px;font-weight:500}.card .chip{align-self:flex-start}.card time{font-size:14px;color:var(--muted)}.section-title{display:flex;align-items:center;gap:10px;font-size:24px;margin:40px 0 16px}.section-title img{width:48px;height:48px}.section-title a{margin-left:auto;font:500 15px var(--display)}.site-foot{background:var(--green);color:#e6f4ec;margin-top:64px;padding-block:32px 20px;font-size:16px}.site-foot a{color:#fff}.foot-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.foot-grid p{max-width:52ch;margin:8px 0 0}.site-foot .f{color:#bff0d4}.foot-links{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap}.copy{color:#a9d3bb;font-size:14px;margin-top:20px}@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}@media print{body.print-coloring *{visibility:hidden}body.print-coloring .coloring-sheet,body.print-coloring .coloring-sheet *{visibility:visible}body.print-coloring .coloring-sheet{position:absolute;left:0;top:0;width:100%;border:0}}