@font-face{font-family:CardBody;src:url(/assets/fonts/Figtree-400.woff2)}@font-face{font-family:CardBody;src:url(/assets/fonts/Figtree-700.woff2);font-weight:700}@font-face{font-family:CardDisplay;src:url(/assets/fonts/BricolageGrotesque-800.woff2);font-weight:800}
*{box-sizing:border-box}body{margin:0;background:#f6f3f8;color:#25172c;font:16px/1.45 CardBody,Arial,sans-serif}main{max-width:1150px;margin:auto;padding:24px}h1,h2,h3{font-family:CardDisplay,Arial,sans-serif;line-height:1.1}h1{font-size:clamp(30px,4vw,45px)}button,input,select{font:inherit}button,select{min-height:44px;padding:10px 14px;border-radius:8px;border:1px solid #4b1f63;background:white;color:#4b1f63}button{font-weight:700;cursor:pointer}button.primary,.tabs button[aria-selected=true]{background:#4b1f63;color:white}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #a64cdf;outline-offset:3px}.eyebrow{font-size:12px;letter-spacing:.06em;color:#4b1f63;font-weight:700}.tabs,.controls{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0;align-items:end}.control{flex:1;min-width:220px}.control label{display:block;font-weight:700;margin-bottom:6px}.control select{width:100%}.notice{background:#fff0d8;padding:14px;border-left:4px solid #9a5b00}.small{font-size:13px;color:#66586d}.action{background:white;border:2px solid #4b1f63;border-radius:13px;padding:24px;margin:20px 0}.action h2{font-size:30px;margin:3px 0 9px}.action h3{font:700 17px CardBody,Arial,sans-serif;margin:16px 0 5px}.action p{margin:6px 0 10px}.action .top{display:grid;grid-template-columns:1fr 190px;gap:18px;align-items:start}.action .photo{width:190px;height:125px;object-fit:contain;background:#f6f3f8;border-radius:8px}.action .role{font-weight:700;background:#ecf3ce;padding:9px 12px;border-radius:6px}.action .stop,.action .adult{background:#ffede4;color:#7c2d11}.action li{margin-bottom:9px}.action ol{padding-left:25px}.action a{color:#4b1f63}.action .footer{display:grid;grid-template-columns:1fr 75px;gap:15px;border-top:1px solid #d8cce0;padding-top:12px;margin-top:16px}.action .qr{width:75px;height:75px}.action .scope,.action .care,.action .safety,.action .note,.action .prep,.action .sources{font-size:15px}.action .sources ul{padding-left:19px;margin:5px 0}.action .fresh-reference{border-top:2px solid #d8cce0;padding-top:10px;margin-top:20px}.record-link{display:block;padding:15px;border:2px solid #4b1f63;border-radius:10px;font-weight:700;color:#4b1f63}iframe{width:100%;height:1100px;border:1px solid #d8cce0;background:white;border-radius:12px}[hidden]{display:none!important}@media(max-width:650px){main{padding:15px}.action{padding:16px}.action .top{grid-template-columns:1fr 115px;gap:10px}.action .photo{width:115px;height:100px}.action h2{font-size:27px}.action .scope,.action .care,.action .safety,.action .note,.action .prep,.action .sources{font-size:15px}.control{min-width:100%}}
@media print{@page{margin:0;size:auto}.screen-only{display:none!important}body,main{margin:0;padding:0;background:white;max-width:none}.action{border:0;border-radius:0;margin:0;padding:.35in .4in;font-size:11.55pt;line-height:1.3;box-decoration-break:clone;-webkit-box-decoration-break:clone}.action h2{font-size:23pt}.action .eyebrow{font-size:11.55pt}.action h3{font-size:11.55pt;break-after:avoid;margin:9pt 0 4pt}.action .top{grid-template-columns:1fr 1.6in;gap:12pt}.action .photo{width:1.6in;height:1.05in}.action p{margin:4pt 0 7pt}.action li{margin-bottom:6pt;break-inside:avoid}.action .role{padding:5pt 8pt;font-size:11.55pt}.action .scope,.action .care,.action .safety,.action .note,.action .prep,.action .sources,.action .small{font-size:11.55pt}.action .footer{grid-template-columns:1fr .65in;gap:12pt;margin-top:10pt;padding-top:7pt;break-inside:avoid}.action .qr{width:.65in;height:.65in}.action .sources ul{margin:3pt 0}.action .fresh-reference{margin-top:10pt;padding-top:8pt}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.running{display:none}@media print{.action{padding-top:.65in}.action .running{display:block;position:fixed;top:.12in;left:.4in;right:.4in;font-size:11.55pt;line-height:1.2;border-bottom:1px solid #d8cce0;padding-bottom:3pt;background:white}}

.symbol-chart{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.symbol-reference{display:grid;grid-template-columns:50px 1fr;gap:12px;border:1px solid #d8cce0;border-radius:7px;padding:10px;break-inside:avoid}.symbol-reference img{width:50px;height:50px}.symbol-reference p{margin:5px 0 0}@media(max-width:650px){.symbol-chart{grid-template-columns:1fr}}@media print{.symbol-chart{grid-template-columns:1fr 1fr;gap:6pt}.symbol-reference{grid-template-columns:.4in 1fr;gap:6pt;padding:6pt;font-size:11.55pt}.symbol-reference img{width:.4in;height:.4in}.symbol-reference p{margin:3pt 0 0}}

#tools-root>header{max-width:780px}#tools-root>header h1{margin:8px 0 12px}#tools-root>header>p:last-child{font-size:18px}#tools-root .control{min-width:180px}.tools-shell-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1150px;padding:18px 24px;margin:auto}.tools-shell-nav a{color:#4b1f63;font-weight:700;text-decoration:none}.tools-shell-nav .brand{font-family:CardDisplay,Arial,sans-serif;font-size:22px}.tools-status{background:#ecf3ce;padding:12px;border-radius:8px}.tabs{padding-bottom:10px;border-bottom:1px solid #d8cce0}.tabs button{border-radius:100px}.control select{background:#fff}.tabs button:hover,button:hover{box-shadow:0 0 0 2px #d8cce0}@media(max-width:650px){#tools-root .control{min-width:100%}.tools-shell-nav{padding:14px 15px}.tools-shell-nav .brand{font-size:18px}#tools-root>header h1{font-size:34px}.tabs{gap:7px}.tabs button{padding:9px 11px;font-size:14px}.action .role{font-size:15px}}@media print{.tools-shell-nav,.tools-status{display:none!important}}

.role-picker{font-size:14px;margin:12px 0}.role-picker summary{cursor:pointer;color:#4b1f63;font-weight:700}.role-picker label{display:block;margin-top:8px}.role-picker select{max-width:100%;margin-top:4px}.controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}.controls .control{min-width:0!important}.controls>button{grid-column:1/-1}.controls select{width:100%;max-width:100%;padding:9px 8px} @media(min-width:800px){.controls{grid-template-columns:1fr 1fr auto}.controls>button{grid-column:auto}}
