/* Match the existing parchment, ink and brass visual language. */
.practical-page .frustration-voices{padding-bottom:0}
.practical-page .home-practical-heading{padding-block:0;margin-block:24px 8px}
.practical-page .home-practical-heading h2{margin-block:0}
#anchor [hidden]{display:none!important}
.practical-help{font-weight:400;line-height:1.7;text-align:start;margin-block:12px 20px;color:#42362b}
.practical-controls{margin-bottom:16px;text-align:start}
.practical-dialog{width:min(520px,calc(100vw - 32px));max-height:80dvh;box-sizing:border-box;padding:24px;border:1px solid #88765b;border-radius:16px;background:#fffdf8;color:#241A2E;text-align:start;overflow:auto;overscroll-behavior:contain;box-shadow:0 16px 60px #241a2e33}
.practical-dialog::backdrop{background:#241a2e88}
.practical-dialog h3{margin:0 0 12px;font-size:1.131rem}
.practical-dialog [data-clarify-choices]{display:grid;gap:8px}
#anchor .anchor-mic{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:normal}
.anchor-mic svg{flex:none}
#anchor .practical-controls label,.practical-tool label{display:block;text-align:start;font-weight:500;margin-block:8px}
#anchor select,.practical-tool input[type=text],.practical-tool textarea{width:100%;min-width:0;max-width:100%;font:inherit;color:#241A2E;background:#fffdf8;border:1px solid #88765b;border-radius:8px;padding:12px;min-height:48px;text-align:start;box-sizing:border-box}
#anchor select{margin-top:6px;text-overflow:ellipsis}
#anchor :is(button,select,input,textarea,a,summary):focus-visible{outline:3px solid #77592C;outline-offset:3px}
.practical-tool,.practical-result{padding:clamp(16px,4vw,28px);background:#fffdf8;border:1px solid #cbbda7;border-radius:14px;text-align:start;margin-block:18px;overflow-wrap:anywhere}
.practical-tool h3,.practical-result h3{font-size:1.089rem;margin:0 0 12px}
.practical-tool{display:flow-root}
#anchor .practical-button{font:inherit;min-height:48px;border:1px solid #77592C;border-radius:8px;padding:10px 16px;cursor:pointer;background:#241A2E;color:#fff;margin:4px 0;text-align:start}
#anchor .practical-secondary{background:#F8F5EE;color:#241A2E}
#anchor .practical-print-button{float:left;max-width:100%;margin-inline-start:12px}
#anchor button:disabled{cursor:default;opacity:.6}
.practical-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.practical-small{font-size:1rem;line-height:1.65;color:#554A39;font-weight:400;text-align:start}
.practical-table-section{text-align:start;margin-top:28px;border-top:1px solid #cbbda7;padding-top:22px}
.practical-table-section>summary{cursor:pointer;min-height:44px;font-size:1rem;color:#554A39}
.practical-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:1rem}
.practical-table th,.practical-table td{padding:12px 8px;border-bottom:1px solid #d7ccbb;text-align:start;vertical-align:top;overflow-wrap:anywhere}
.practical-table th{background:#eee7da;color:#241A2E}
.practical-table .practical-small{display:block;margin-top:8px;font-size:1rem}
#anchor .practical-table button{width:100%;font-size:1rem}
#practical-research{margin-top:16px}
#practical-research summary{cursor:pointer;padding-block:14px;min-height:44px;font-weight:500}
#practical-research article{padding:16px 0;border-top:1px solid #d7ccbb}
#practical-research h4{margin:0 0 8px}
.practical-presets{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:16px 0}
.practical-presets legend{margin-bottom:8px}
.practical-presets label{display:flex;align-items:center;gap:8px;background:#f3eee5;border-radius:6px;padding:8px;min-height:44px}
.practical-presets input{width:20px;height:20px}
.practical-presets .practical-preset-art{width:50px;height:50px;object-fit:contain;margin-inline-start:auto;flex:none}
.practical-rows{list-style:none;padding:0;counter-reset:routine}
.practical-rows li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid #e3d4b9;padding-block:10px;counter-increment:routine}
.practical-rows li:before{content:counter(routine);font-weight:700}
.practical-rows .practical-row-text{flex:1;min-width:120px;overflow-wrap:anywhere}
.practical-rows .practical-row-art{width:clamp(64px,7vw,96px);height:clamp(64px,7vw,96px);object-fit:contain;flex:none;animation:practical-art-arrive .65s ease both;transition:transform .28s ease}
.practical-rows li:hover .practical-row-art,.practical-rows li:focus-within .practical-row-art{transform:translateY(-5px) rotate(-5deg) scale(1.08)}
@keyframes practical-art-arrive{from{opacity:.25;transform:translateY(12px) rotate(-8deg) scale(.88)}to{opacity:1;transform:none}}
.practical-rows .practical-actions{margin:0}
#anchor .practical-rows button{padding:8px 10px}
.practical-preview{border:2px solid #a28c67;background:#fff;padding:20px;margin-top:20px;border-radius:4px}
.practical-preview h4{font-size:1.089rem;margin:0 0 14px}
.practical-preview ol{padding-inline-start:28px}
.practical-preview li{padding-block:9px;line-height:1.6;border-bottom:1px solid #ddd;overflow-wrap:anywhere;break-inside:avoid}
.practical-preview li:before{content:'\2610';margin-inline-end:10px}
.practical-preview p{white-space:pre-wrap;overflow-wrap:anywhere}
#practical-print{display:none}
.practical-recipes{display:flex;gap:8px;flex-wrap:wrap}
.practical-tool input[type=number],.practical-tool input[type=time]{font:inherit;min-height:48px;border:1px solid #88765b;border-radius:8px;background:#fffdf8;color:#241A2E;width:100%;padding:12px;box-sizing:border-box}
.practical-timer{border-top:1px solid #cbbda7;margin-top:20px;padding-top:16px}
.practical-clock{font-size:2.513rem;font-variant-numeric:tabular-nums;text-align:center;color:#241A2E;margin-block:12px}
.homework-dialog .practical-button{display:block;width:100%;margin-block:8px!important}
.homework-content h4{font-size:1.089rem;margin-block:20px 12px}
.homework-step:not(:empty),.homework-content blockquote{border-inline-start:4px solid #88765b;padding:12px;background:#f3eee5;margin-inline:0}
.homework-feedback,.homework-example{border-top:1px solid #cbbda7;margin-top:20px;padding-top:12px}
.homework-content summary{cursor:pointer;min-height:44px;padding-block:10px}
.homework-numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.homework-beads{display:grid;grid-template-columns:repeat(5,24px);gap:8px;margin-block:12px}
.homework-beads span{width:22px;height:22px;border-radius:50%;background:#245c7b;border:2px solid #245c7b;box-sizing:border-box}
.homework-beads .homework-added{background:#fff;border-style:dashed}
.homework-equation{font-size:1.047rem;text-align:center}
.homework-check{display:flex!important;align-items:center;gap:10px;min-height:44px}
.homework-check input{width:22px;height:22px;flex-shrink:0}
@media(max-width:580px){.practical-selects{grid-template-columns:1fr}.practical-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.practical-table,.practical-table tbody,.practical-table tr,.practical-table td{display:block;width:100%;box-sizing:border-box}.practical-table tr{margin-bottom:12px;border:1px solid #d7ccbb;border-radius:8px;padding:8px}.practical-table td{border:0;padding:6px}.practical-table td:before{content:attr(data-label);display:block;font-size:1rem;font-weight:500;color:#554A39;margin-bottom:4px}.practical-rows .practical-row-text{min-width:0}.practical-rows .practical-row-art{width:72px;height:72px}.practical-rows .practical-actions{width:100%}}
@media(prefers-reduced-motion:reduce){#anchor *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{@page{size:A4;margin:16mm}body.practical-printing>*{display:none!important}body.practical-printing>#practical-print{display:block!important;direction:rtl;text-align:right;background:white;color:black;font-family:inherit}#practical-print .practical-preview{border:0;padding:0;margin:0;color:black}#practical-print h4{break-after:avoid}#practical-print .practical-small{color:black}}