.wb-library,.wb-page{padding-bottom:70px}.wb-hub-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}.wb-hub-nav a{border:1px solid #c9d3c7;border-radius:24px;padding:10px 18px;text-decoration:none}.wb-hub-nav a[aria-current]{background:#284f42;color:#fff}.wb-intro{background:#e8eee2;border-radius:24px;padding:26px;margin:24px 0}.wb-intro h2{margin-top:0}.wb-counts{display:flex;gap:30px;flex-wrap:wrap;margin-top:22px}.wb-counts b{display:block;font-size:30px}.wb-boundary{background:#f1eee5;border-left:3px solid #95816a;padding:14px 18px;line-height:1.6;font-size:14px;max-width:900px;margin-bottom:28px}.wb-heading{display:grid;grid-template-columns:1fr 220px;align-items:center;gap:25px}.wb-heading>img{width:220px;height:auto;border-radius:20px}.wb-heading .page-heading{margin-bottom:26px}.wb-workspace,.wb-practice{max-width:900px;background:#fff;border:1px solid #d5dbcf;border-radius:22px;padding:28px;margin-bottom:35px}.wb-local{font-size:13px;letter-spacing:.06em;color:#42614c;font-weight:700}.wb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0}.wb-workspace button:not(.button),.wb-practice button:not(.button){background:#eef2e9;border:1px solid #bac8b5;color:#203d35;border-radius:9px;padding:11px 16px;font:inherit;cursor:pointer}.wb-workspace button:disabled,.wb-practice button:disabled{opacity:.45;cursor:default}.wb-field{display:grid;gap:7px;margin:24px 0}.wb-field span{font-size:14px;color:#56645a}.wb-workspace textarea,.wb-practice select,.wb-timer input{display:block;width:100%;max-width:100%;font:inherit;padding:12px;border:1px solid #aebdab;border-radius:8px;background:#fff;color:#213d36;line-height:1.5}.wb-workspace textarea{resize:vertical;min-height:100px}.wb-workspace :focus-visible,.wb-practice :focus-visible{outline:3px solid #97653f;outline-offset:3px}.wb-words{border:1px solid #d5dbcf;border-radius:12px;padding:15px;display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.wb-words legend{padding:0 8px}.wb-preview{border:1px solid #bccbb5;border-radius:16px;padding:22px;background:#f5f6ef}.wb-preview h2{margin-top:0}.wb-output{display:grid;gap:16px}.wb-output section{border-bottom:1px solid #d8dfd2;padding-bottom:12px}.wb-output h3{font-size:14px;color:#58705c;margin:0 0 7px}.wb-output p,.wb-example dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.wb-output-options,.wb-output-map,.wb-output-values{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-output-card{max-width:450px;padding:22px;background:#e6eddf;border-radius:15px}.wb-output-letter h3{font-size:12px}.wb-import{margin-top:20px}.wb-import summary,.wb-sound summary{cursor:pointer;font-weight:700;padding:10px 0}.wb-timer{margin-top:30px;background:#eef2e9;padding:20px;border-radius:16px}.wb-timer input{max-width:120px}.wb-time{font-variant-numeric:tabular-nums;font-size:44px;margin:15px 0}.wb-step{background:#edf1e6;border-radius:18px;padding:26px;min-height:210px}.wb-step>p:first-child{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.wb-step h2{font-size:25px;line-height:1.3}.wb-step>p:last-child{font-size:21px;line-height:1.6}.wb-sound{border-top:1px solid #d8dfd2;padding-top:14px}.wb-sound label{display:grid;gap:8px;margin:16px 0;max-width:360px}.wb-sound input{width:100%}.wb-script li{margin-bottom:20px;padding-left:5px}.wb-example dt{font-weight:700;margin-top:20px}.wb-example dd{margin:6px 0 18px}.wb-page>.prose,.wb-page>section.prose{max-width:780px}.wb-import textarea{margin:12px 0}.wb-page .prose a{overflow-wrap:anywhere}@media(max-width:700px){.wb-heading{grid-template-columns:1fr}.wb-heading>img{display:none}.wb-workspace,.wb-practice{padding:18px}.wb-step{padding:19px}.wb-step>p:last-child{font-size:18px}.wb-output-options,.wb-output-map,.wb-output-values{grid-template-columns:1fr}.wb-counts{gap:18px}.wb-actions button{min-height:44px}.wb-hub-nav{gap:8px}.wb-hub-nav a{font-size:14px;padding:9px 13px}}@media print{.wb-actions,.wb-import,.wb-sound{display:none}.wb-workspace{border:0}}