/* Shared PawSteps template styles (extracted from 5 identical <style> blocks). */
:root{--paper:#F2F5EC;--ink:var(--ps-ink);--pine:var(--ps-green-700);--pine-soft:var(--ps-line);--mud:#7A5230;
--amber:#E39A2B;--amber-soft:#FBEBCB;--berry:#C25454;--berry-soft:#F6E0E0;--rule:var(--ps-ink-soft);--card:#fff;}
*{box-sizing:border-box;}
body{margin:0;background:var(--paper);color:var(--ink);
font-family:"Trebuchet MS","Segoe UI",Verdana,Arial,sans-serif;font-size:17px;line-height:1.6;}
.wrap{max-width:820px;margin:0 auto;padding:16px 16px 90px;}
.cover{text-align:center;background:var(--card);border:3px solid var(--ink);border-radius:22px;
padding:30px 22px;margin:14px 0 18px;box-shadow:0 4px 0 rgba(38,51,43,.15);}
.cover .paw{font-size:48px;}.cover .brand{color:var(--mud);font-weight:bold;letter-spacing:.05em;text-transform:uppercase;font-size:.82rem;}
.cover h1{color:var(--pine);font-size:1.9rem;margin:.3em 0;}
.badge{display:inline-block;background:var(--amber);color:#fff;font-weight:bold;padding:8px 18px;border-radius:12px;margin:6px 0 12px;}
.intro{background:var(--amber-soft);border:2px solid var(--amber);border-radius:12px;padding:13px 15px;text-align:left;font-size:.92rem;}
.toc{background:var(--card);border:2px solid var(--ink);border-radius:14px;padding:12px 16px;margin-bottom:18px;}
.toc h3{margin:.2em 0;color:var(--pine);} .toc ol{margin:.3em 0;padding-left:1.3em;} .toc a{color:var(--ink);}
.topic{background:var(--card);border:3px solid var(--ink);border-radius:18px;margin:0 0 22px;overflow:hidden;box-shadow:0 3px 0 rgba(38,51,43,.12);}
.topic>.thead{background:var(--pine);color:#fff;font-weight:bold;font-size:1.2rem;padding:13px 16px;}
.stage{display:flex;gap:6px;padding:10px 16px 0;flex-wrap:wrap;}
.pill{font-size:.72rem;font-weight:bold;text-transform:uppercase;letter-spacing:.05em;
padding:4px 10px;border-radius:20px;background:var(--pine-soft);color:var(--mud);}
.learn,.revise,.test{padding:8px 18px 4px;}
.learn h4{color:var(--pine);margin:14px 0 4px;font-size:1.05rem;}
.learn p{margin:8px 0;}
.def{background:#F3F8F3;border-left:4px solid var(--pine);border-radius:6px;padding:8px 12px;margin:8px 0;}
.def b{color:var(--pine);}
.keybox{background:var(--pine-soft);border-radius:12px;padding:10px 14px;margin:12px 0;}
.keybox .t{font-weight:bold;color:var(--pine);margin-bottom:4px;}
.keybox ul{margin:4px 0;padding-left:1.2em;}
.revise{background:var(--amber-soft);border-top:2px dashed var(--amber);border-bottom:2px dashed var(--amber);margin:8px 0;}
.revise .t{font-weight:bold;color:var(--mud);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;padding-top:8px;}
.revise ul{margin:6px 0 10px;padding-left:1.2em;}
.test .t{font-weight:bold;color:var(--berry);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;margin:6px 0;}
.q{margin:16px 0 6px;}.q .qn{font-weight:bold;}
.opts{display:grid;gap:8px;margin:6px 0;}
.opt{display:block;border:2px solid var(--rule);border-radius:12px;padding:10px 14px;cursor:pointer;background:#fff;text-align:left;font:inherit;color:inherit;}
.opt:hover{border-color:var(--pine);}
.opt.sel{border-color:var(--pine);background:var(--pine-soft);}
.opt.correct{border-color:var(--pine);background:var(--ps-green-50);}
.opt.wrong{border-color:var(--berry);background:var(--berry-soft);}
.explain{font-size:.9rem;background:#F3F8F3;border-radius:8px;padding:8px 12px;margin:6px 0;display:none;}
.explain.show{display:block;}
.explain.wrongfb{background:var(--berry-soft);}
.short textarea{width:100%;font:inherit;font-size:1rem;line-height:1.8;border:2px solid var(--rule);border-radius:10px;padding:8px;min-height:70px;background:#FbFdF9;}
.short textarea:focus{outline:none;border-color:var(--pine);}
.model{font-size:.92rem;background:var(--pine-soft);border-radius:8px;padding:8px 12px;margin:6px 0;display:none;}
.model.show{display:block;} .model b{color:var(--pine);}
.selfmark{display:none;gap:8px;margin:6px 0;} .selfmark.show{display:flex;}
.selfmark button{font:inherit;font-weight:bold;border:2px solid var(--ink);border-radius:10px;padding:6px 14px;cursor:pointer;background:#fff;}
.selfmark button.got{background:var(--ps-green-50);} .selfmark button.miss{background:var(--berry-soft);}
.testbtns{display:flex;gap:8px;flex-wrap:wrap;padding:6px 18px 16px;}
.testbtns button{font:inherit;font-weight:bold;color:#fff;background:var(--berry);border:none;border-radius:12px;padding:11px 18px;cursor:pointer;}
.testbtns button.mini{background:#fff;color:var(--ink);border:2px solid var(--ink);}
.result{display:none;padding:12px 18px 18px;} .result.show{display:block;}
.scorecard{background:var(--pine-soft);border:2px solid var(--pine);border-radius:14px;padding:14px;text-align:center;}
.scorecard .big{font-size:2.2rem;font-weight:bold;color:var(--pine);}
.stars{font-size:1.4rem;}
.toolbar{position:sticky;top:0;z-index:20;display:flex;gap:8px;flex-wrap:wrap;background:var(--paper);padding:10px 0;border-bottom:2px solid var(--rule);margin-bottom:12px;}
.toolbar button{font:inherit;font-weight:bold;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:12px;padding:9px 14px;cursor:pointer;}
.foot{text-align:center;color:var(--mud);font-size:.8rem;margin-top:18px;}
@media print{.toolbar,.testbtns,.opt{cursor:auto;}.explain,.model{display:block !important;}body{background:#fff;}}