/* DOGS LIFE ARTICLE KIT: styles scoped to .dla (content column) and .dla-toc (sidebar widget).
   Brand: edit the --g, --g2, --ac variables on the first line.
   Sticky top bar? set --dla-top on :root to its height (e.g. :root{--dla-top:60px}).
   Needs fonts: Newsreader (headings). Body font inherits your theme. */
.dla,.dla-toc,.dla-bar{--g:#1f6a35;--g2:#2f8a4b;--gs:#eef5ef;--ac:#8a5a2b;--ink:#1d2b3f;--mu:#5a6a78;--ln:#dfe8e0;--rd:#b42318}.dla{color:var(--ink);font-size:17px;line-height:1.75;position:relative}.dla *{box-sizing:border-box}.dla h2,.dla h3,.dla h4{font-family:Newsreader,Georgia,serif;line-height:1.2;margin:0;color:var(--ink)}.dla h2{font-size:clamp(26px,3.6vw,34px);margin:62px 0 18px;scroll-margin-top:calc(var(--dla-top,0px) + 80px)}.dla h2::before{content:"";display:block;width:46px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--g2),var(--ac));margin-bottom:14px}.dla p{margin:0 0 16px}.dla-bar{position:fixed;top:var(--dla-top,0px);left:0;height:4px;width:0;background:linear-gradient(90deg,var(--g2),var(--ac));z-index:999;border-radius:0 4px 4px 0}.dla .by{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 18px;border:1px solid var(--ln);border-radius:18px;background:#fff;margin-bottom:24px}.dla .av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--g2),var(--ac));display:grid;place-items:center;font-size:21px}.dla .by b{display:block;font-size:15px;line-height:1.2}.dla .by small{color:var(--mu);font-size:13px}.dla .ch{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.dla .chip{display:inline-block;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:99px;background:var(--gs);color:var(--g)}.dla .lead{font-size:20.5px;line-height:1.6}.dla details.dis{font-size:13.5px;color:var(--mu);margin:0 0 22px;border-left:3px solid var(--ac);padding:2px 0 2px 14px}.dla details.dis summary{cursor:pointer;font-weight:700;color:var(--ac)}.dla .note{display:flex;gap:14px;padding:18px 20px;border-radius:18px;border:1px solid;margin:22px 0}.dla .note>i{font-style:normal;font-size:24px}.dla .note b{display:block}.dla .note p{margin:4px 0 0;font-size:15.5px}.dla .tip{background:#eef7f0;border-color:#bfdcc6}.dla .warn{background:#fff7ed;border-color:#f3cfa5}.dla .bad{background:#fef2f2;border-color:#f3b8b8}.dla .jump{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:none}.dla .jump a{flex:none;font-size:13.5px;padding:8px 14px;border:1px solid var(--ln);border-radius:99px;color:var(--ink);text-decoration:none;background:#fff}.dla .jump a.on{background:var(--g);color:#fff;border-color:var(--g)}.dla .qa{border-radius:26px;padding:26px;background:linear-gradient(160deg,var(--gs),#fff);border:1px solid var(--ln);box-shadow:0 24px 50px -32px rgba(31,106,53,.6);margin:26px 0}.dla .qa h3{font-size:23px;margin-bottom:14px}.dla a.pk{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:14px 16px;margin-bottom:10px;border-radius:16px;background:#fff;border:1px solid var(--ln);text-decoration:none;color:var(--ink);transition:.3s}.dla a.pk:hover{transform:translateX(6px);border-color:var(--g2);box-shadow:0 12px 26px -16px rgba(31,106,53,.7)}.dla .pk .m{font-size:24px}.dla .pk b{display:block;font-size:16px}.dla .pk small{color:var(--mu)}.dla .pk i{font-style:normal;color:var(--g);font-weight:700}.dla .qa .nt{font-size:14px;color:var(--mu);margin:12px 0 0}.dla .facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.dla .facts div{text-align:center;padding:14px 8px;border-radius:16px;background:#fff;border:1px solid var(--ln)}.dla .facts b{display:block;font:700 28px Newsreader,serif;color:var(--g)}.dla .facts small{font-size:12px;color:var(--mu);line-height:1.3;display:block}.dla .tw{overflow-x:auto;border:1px solid var(--ln);border-radius:18px;margin:20px 0;background:#fff}.dla table{width:100%;border-collapse:collapse;min-width:520px;font-size:15px}.dla th{background:var(--gs);text-align:left;padding:12px 16px;font-size:13px}.dla td{padding:12px 16px;border-top:1px solid var(--ln)}.dla td:first-child,.dla th:first-child{position:sticky;left:0;background:#fff;font-weight:600}.dla th:first-child{background:var(--gs)}.dla tr:hover td{background:#f8fbf8}.dla .pc{display:grid;grid-template-columns:150px 1fr;gap:22px;padding:22px;border:1px solid var(--ln);border-radius:26px;background:#fff;margin:22px 0;transition:.4s;scroll-margin-top:calc(var(--dla-top,0px) + 90px)}.dla .pc:hover{transform:translateY(-4px);box-shadow:0 26px 54px -30px rgba(31,106,53,.6)}.dla .vs{position:relative;border-radius:18px;min-height:150px;background:linear-gradient(145deg,hsl(var(--h) 45% 40%),hsl(var(--h) 50% 20%));display:grid;place-items:center;font-size:58px}.dla .vs b{position:absolute;left:12px;top:6px;font:700 24px Newsreader,serif;color:rgba(255,255,255,.75)}.dla .bd{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ac);margin-bottom:4px}.dla .pc h3{font-size:24px;margin-bottom:8px}.dla .tg{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.dla .pc p{font-size:15.5px;margin-bottom:12px}.dla .pc details{border-top:1px dashed var(--ln);padding-top:10px;margin-bottom:14px}.dla .pc summary{cursor:pointer;font-weight:700;font-size:14.5px;color:var(--g)}.dla .pn{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px;font-size:14.5px}.dla .pn ul{margin:6px 0 0;padding-left:18px;display:grid;gap:5px}.dla .pn .p b{color:var(--g)}.dla .pn .c b{color:var(--rd)}.dla .cta{display:inline-flex;align-items:center;gap:8px;background:var(--g);color:#fff!important;font-weight:700;font-size:15px;padding:12px 22px;border-radius:99px;text-decoration:none;transition:.3s}.dla .cta:hover{background:var(--ac);transform:translateY(-2px)}.dla .steps{list-style:none;padding:0;margin:20px 0;counter-reset:s;display:grid;gap:12px}.dla .steps li{counter-increment:s;position:relative;padding:16px 18px 16px 64px;border:1px solid var(--ln);border-radius:18px;background:#fff;transition:.4s}.dla .steps li:hover{border-color:var(--g2);transform:translateX(6px)}.dla .steps li::before{content:counter(s);position:absolute;left:16px;top:15px;width:34px;height:34px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;font-weight:700}.dla .steps b{display:block}.dla .faq details{border:1px solid var(--ln);border-radius:16px;padding:16px 20px;margin-bottom:10px;background:#fff}.dla .faq summary{cursor:pointer;font-weight:700}.dla .faq details[open]{border-color:var(--g2)}.dla .faq p{margin:10px 0 0;font-size:15.5px}.dla .vd{border-radius:28px;padding:34px;color:#fff;background:linear-gradient(135deg,var(--g),#143f21);margin:40px 0}.dla .vd h3{color:#fff;font-size:27px;margin-bottom:12px}.dla .vd p{opacity:.92}.dla .vd .cta{background:#fff;color:var(--g)!important}.dla .rel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dla .rel a{padding:16px;border:1px solid var(--ln);border-radius:16px;text-decoration:none;color:var(--ink);font-weight:700;font-size:15px;background:#fff;transition:.3s}.dla .rel a:hover{border-color:var(--g2);transform:translateY(-3px)}.dla .rel small{display:block;color:var(--mu);font-weight:400}.dla .rv{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}.dla .rv.in{opacity:1;transform:none}.dla-toc{position:sticky;top:calc(var(--dla-top,0px) + 20px);padding:20px;border:1px solid var(--ln);border-radius:22px;background:#fff;box-shadow:0 22px 50px -34px rgba(31,106,53,.7);font-size:14.5px}.dla-toc h4{font:700 12px system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ac);margin:0 0 12px}.dla-toc .rail{position:relative;display:grid;gap:2px;padding-left:16px}.dla-toc .rail::before{content:"";position:absolute;left:4px;top:4px;bottom:4px;width:2px;background:var(--ln)}.dla-toc .rail i{position:absolute;left:4px;top:4px;width:2px;height:0;background:var(--g2);transition:height .2s}.dla-toc a{padding:6px 10px;border-radius:10px;color:var(--mu);text-decoration:none;transition:.25s}.dla-toc a.on{background:var(--gs);color:var(--g);font-weight:700}.dla-toc .tp{margin-top:16px;padding:14px;border-radius:16px;background:var(--gs)}.dla-toc .tp small{display:block;color:var(--ac);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.dla-toc .tp b{display:block;margin:2px 0 10px;font-size:15px}.dla-toc .tp a{display:inline-block;background:var(--g);color:#fff;padding:8px 14px;border-radius:99px;font-weight:700;font-size:13px}@media(min-width:1000px){.dla .jump{display:none}}@media(max-width:999px){.dla-toc{display:none}.dla .jump{position:sticky;top:var(--dla-top,0px);z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);margin:0 -4px;padding:8px 4px}}@media(max-width:700px){.dla .facts{grid-template-columns:1fr 1fr}.dla .pc{grid-template-columns:1fr}.dla .vs{min-height:110px}.dla .pn{grid-template-columns:1fr}.dla .rel{grid-template-columns:1fr}.dla .ch{margin-left:0}.dla .lead{font-size:18.5px}.dla h2{margin-top:46px}}@media(prefers-reduced-motion:reduce){.dla .rv{opacity:1;transform:none;transition:none}}
/* v1.0.1: images inside kit blocks */
.dla .vs img{max-width:100%;max-height:150px;object-fit:contain;border-radius:12px}
.dla .av{overflow:hidden}
.dla .av img{width:100%;height:100%;object-fit:cover;display:block}