*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#18334a;background:#f7fafc;line-height:1.55}a{color:#167ca1;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1160px;margin:auto;padding:0 24px}.header{background:white;border-bottom:1px solid #e2ebef;position:sticky;top:0;z-index:5}.nav{display:flex;justify-content:space-between;align-items:center;min-height:74px;gap:20px}.brand{font-weight:850;font-size:1.35rem;letter-spacing:-.05em;color:#18334a}.brand span{color:#0e91a8}.navlinks{display:flex;gap:24px;font-weight:650;font-size:.94rem}.hero{background:linear-gradient(120deg,#e6f6f5,#f6fbff);padding:82px 0 76px}.eyebrow{color:#087e90;text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:.78rem}.hero h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.09;letter-spacing:-.055em;max-width:760px;margin:14px 0}.hero p{font-size:1.17rem;color:#51697b;max-width:640px}.btn{display:inline-block;background:#087f9b;color:white;border:0;border-radius:10px;padding:13px 20px;font-weight:750;cursor:pointer}.btn:hover{background:#066a80;text-decoration:none}.btn.alt{background:white;color:#087f9b;border:1px solid #c8dfe7}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.section{padding:55px 0}.section h2{font-size:2rem;letter-spacing:-.04em;margin:0 0 8px}.muted{color:#5b7080}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.card{background:#fff;border:1px solid #dfeaf0;border-radius:16px;padding:23px;box-shadow:0 5px 20px #153b5110;display:block;color:inherit}.card:hover{border-color:#71bac8;text-decoration:none;transform:translateY(-2px);transition:.2s}.card h3{margin:8px 0;font-size:1.14rem}.card p{margin:0;color:#607485;font-size:.92rem}.pill{font-size:.73rem;font-weight:800;letter-spacing:.04em;color:#007e91;background:#e6f7f8;border-radius:30px;padding:5px 9px;display:inline-block}.panel{background:white;border:1px solid #dfeaf0;border-radius:18px;padding:28px;margin:22px 0}.toolgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field label{display:block;font-weight:700;font-size:.9rem;margin-bottom:6px}.field input,.field select,.field textarea,#search{width:100%;border:1px solid #cbdce5;border-radius:9px;padding:12px;font:inherit;background:#fff;color:#17354a}.result{background:#eaf8f8;border-radius:14px;padding:24px;margin-top:20px}.result strong{font-size:2rem;color:#087f9b;display:block}.crumb{padding:24px 0 0;color:#63798a;font-size:.9rem}.article{max-width:820px}.article h1{font-size:clamp(2.1rem,4vw,3.2rem);letter-spacing:-.05em;margin:12px 0}.article p,.article li{color:#526b7d}.footer{background:#163348;color:#d4e5eb;padding:40px 0;margin-top:55px}.footer a{color:#d4e5eb}.footerlinks{display:flex;gap:18px;flex-wrap:wrap}.hint{font-size:.85rem;color:#61798b}.searchbar{max-width:500px;margin-top:25px}.smallgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini{background:#fff;border:1px solid #dce8ed;border-radius:12px;padding:20px}.note{border-left:4px solid #0e91a8;padding:13px 18px;background:#eef8f9;margin:25px 0}button{font:inherit}@media(max-width:750px){.grid,.smallgrid{grid-template-columns:1fr 1fr}.toolgrid{grid-template-columns:1fr}.navlinks{gap:10px;font-size:.8rem}.hero{padding:55px 0}}@media(max-width:500px){.grid,.smallgrid{grid-template-columns:1fr}.wrap{padding:0 17px}.nav{flex-wrap:wrap;padding:12px 0}.navlinks{width:100%;justify-content:space-between}.panel{padding:18px}}@media print{.header,.footer,.actions,.crumb{display:none!important}body{background:white}.panel{border:0;box-shadow:none}.wrap{max-width:100%}}
/* Playful pet-friendly visual refresh */
:root{--ink:#26354e;--purple:#7055ce;--pink:#ff7da7;--yellow:#ffd36c;--mint:#baf0df;--sky:#d9efff}
body{color:var(--ink);background:#fffaf5;font-family:ui-rounded,"Trebuchet MS",Inter,system-ui,sans-serif}
a{color:#6550c6}.header{background:#fffefb;border-bottom:3px solid #f6e9fb}.brand{color:#26354e;font-weight:900;letter-spacing:-.055em}.brand span{color:#7954d6}.navlinks a:hover{color:#ef6195}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 23%,#ffe2a8 0 10%,transparent 10.5%),radial-gradient(circle at 95% 73%,#ffc9dd 0 9%,transparent 9.5%),linear-gradient(115deg,#f1e8ff 0%,#e2f8ff 56%,#fff4d7 100%);padding:90px 0 88px}
.hero:after{content:"🐶  🐱  🐾";position:absolute;right:6%;bottom:15%;font-size:clamp(3rem,6vw,6.5rem);transform:rotate(-8deg);filter:drop-shadow(0 12px 8px #493d7020);pointer-events:none}
.hero .wrap{position:relative;z-index:1}.hero h1{color:#283456;max-width:680px;font-weight:950}.hero p{color:#53637d;max-width:570px}.eyebrow{color:#7755cf}.btn{background:#7354d4;border-radius:999px;box-shadow:0 6px 0 #4d35a6;transition:transform .15s,box-shadow .15s}.btn:hover{background:#6343c7;transform:translateY(2px);box-shadow:0 4px 0 #4d35a6}.btn.alt{background:#fff;color:#6e4ec5;border:2px solid #cbb9ff;box-shadow:0 5px 0 #e4d9ff}
.section h2{color:#26354e}.grid{gap:20px}.card{border:2px solid #ece4f8;border-radius:25px;box-shadow:0 9px 0 #efe7fa;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{border-color:#bd9ef5;transform:translateY(-5px) rotate(-.5deg);box-shadow:0 13px 0 #e7dcfa}.card:nth-child(4n+2){border-color:#ffe0e9;box-shadow:0 9px 0 #ffedf2}.card:nth-child(4n+3){border-color:#d5f3e8;box-shadow:0 9px 0 #e4f8f1}.card:nth-child(4n){border-color:#ffe9bc;box-shadow:0 9px 0 #fff3da}.card:before{content:attr(data-emoji);display:block;font-size:2.25rem;line-height:1.2;margin-bottom:10px}.card h3{color:#293858}.card p{color:#5e6e83}.pill{background:#f0eaff;color:#6e50c5;border-radius:99px}.mini{border:2px solid #eee4ff;border-radius:23px;box-shadow:0 6px 0 #f0e9fc}.mini:nth-child(2){background:#fff1f6;border-color:#ffd8e7;box-shadow:0 6px 0 #ffedf3}.mini:nth-child(3){background:#edfff8;border-color:#c8f2df;box-shadow:0 6px 0 #dff8ee}.panel{border:2px solid #eee4ff;border-radius:25px;box-shadow:0 7px 0 #f2eafd}.field input,.field select,.field textarea,#search{border:2px solid #ddd4ef;border-radius:15px}.field input:focus,.field select:focus,#search:focus{outline:3px solid #dbcaff;border-color:#7954d6}.result{background:#f1eaff;border:2px dashed #c8b2f8;border-radius:20px}.result strong{color:#6e4bc9}.note{background:#f6efff;border-left-color:#8a68e3;border-radius:0 15px 15px 0}.footer{background:#2d2952;color:#f3eaff}.footer a{color:#f3eaff}
.fun-ribbon{display:inline-flex;align-items:center;gap:8px;background:#fff;border:2px solid #e9d9ff;padding:9px 15px;border-radius:999px;font-weight:850;color:#6f4cc4;box-shadow:0 4px 0 #e6d8fb}.fun-banner{margin:0 auto 20px;max-width:1160px;padding:14px 24px;text-align:center;background:#fff2c9;border-radius:0 0 22px 22px;font-weight:750;color:#71552a}.section#tools{scroll-margin-top:100px}
@media(max-width:900px){.hero:after{opacity:.28;right:0;bottom:5%}}@media(max-width:500px){.hero{padding:55px 0 62px}.hero:after{font-size:3rem;opacity:.22}.card{padding:20px}.fun-banner{border-radius:0}}
@media print{.hero:after{display:none}.card,.panel{box-shadow:none}}