.word-garden{--leaf:#397958;--sky:#abc4da;--pollen:#e9b84a;--lilac:#b4a6c8;max-width:980px;margin:auto}.word-garden p{max-width:70ch}.word-garden .page-heading{max-width:780px}.word-garden fieldset{margin:0;padding:0;border:0;min-width:0}.word-garden legend{font-family:Georgia,serif;font-size:24px;margin-bottom:18px}.word-bench{border-bottom:8px solid #90b9ae;background:#eef4f0;padding:28px 30px 16px;border-radius:18px 18px 0 0}.word-tools{display:grid;grid-template-columns:1.25fr 1fr;gap:32px}.word-root-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.word-root{min-height:82px;background:white;border:2px solid #bdcec2;border-radius:30px 30px 5px 5px;font-size:17px;padding:8px 3px;color:#183f39;display:grid;place-items:center;gap:2px}.word-root>span:first-child{font-size:25px;color:var(--leaf)}.word-root.selected{background:#dceade;border-color:#183f39;box-shadow:inset 0 -5px var(--pollen)}.word-part-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.word-part{border:2px solid #bdc9d2;border-radius:5px 18px 5px 18px;background:white;font-family:Georgia,serif;font-size:26px;min-height:72px;padding:8px 4px;color:#183f39}.word-part span{display:block;font:12px 'Trebuchet MS',sans-serif;margin-top:3px}.word-part.selected{background:#dae7f0;border-color:#183f39;box-shadow:inset 0 -5px var(--lilac)}.word-part-meaning{font-size:15px;margin:15px 0 12px;min-height:48px}.word-ready{border-top:1px solid #a3bcaa;margin-top:24px;padding-top:20px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.word-construction{display:inline-flex;gap:9px;align-items:center;flex-wrap:wrap;font-family:Georgia,serif;font-size:24px}.word-base{background:white;border-bottom:3px solid var(--leaf);padding:4px 9px}.word-cutting{background:#dbe8f1;border-bottom:3px solid #728bac;padding:4px 9px}.word-ready .primary{min-height:52px}.word-permission{font-size:13px;margin-top:15px;color:var(--quiet)}.word-result{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;padding:32px 8px 35px;border-bottom:1px solid var(--line);align-items:start}.word-plant{display:block;width:180px;max-width:100%;height:auto;margin-top:18px}.word-result h2{font-size:44px;margin:5px 0 16px;overflow-wrap:anywhere}.word-result-kind{font-size:15px;margin:0;color:var(--quiet)}.word-meaning{font-size:21px;font-family:Georgia,serif}.word-yields{font-size:16px}.word-story{display:flex;align-items:center;gap:18px;margin:21px 0}.word-story p{font-family:Georgia,serif;font-size:21px;line-height:1.65;margin:0}.word-scene{width:120px;min-width:90px;flex:0 0 120px;background:#f5f3e7;border-radius:12px;padding:10px}.word-wonder{margin-top:22px}.word-two{line-height:1.9;font-family:Georgia,serif}.word-notebook{padding:30px 8px;border-bottom:1px solid var(--line)}.word-notebook h2,.word-discussion h2,.word-away h2{font-size:28px}.word-labels{display:flex;gap:10px;flex-wrap:wrap}.word-labels button{font-family:Georgia,serif;font-size:19px;min-height:48px;max-width:100%;overflow-wrap:anywhere}.word-labels .word-construction{font-size:19px}.word-discussion{padding:30px 8px}.word-discussion label{display:block;font-size:14px;margin:18px 0 6px}.word-discussion select{font:16px 'Trebuchet MS',sans-serif;min-height:48px;width:100%;max-width:400px;border:1px solid var(--leaf);padding:10px;background:white;border-radius:6px;color:#183f39}.word-discussion h3{font-size:25px;margin:24px 0 16px;line-height:1.5}.word-answer-choices{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.word-answer-choices button{min-height:48px;text-align:left}.word-answer-choices .selected{background:#dceade;border:2px solid #183f39}.word-thought{background:#eaf1e9;border-left:4px solid var(--leaf);padding:18px;margin-top:18px}.word-away{background:#e8eef4;padding:24px;border-radius:12px;margin:20px 0}.word-garden button:focus-visible,.word-garden select:focus-visible{outline:3px solid #183f39;outline-offset:4px}.word-garden h2:focus,.word-garden h3:focus{outline:2px dashed var(--leaf);outline-offset:5px}.word-home-invite{margin-top:24px;padding:23px 26px;border-left:5px solid #b4a6c8;background:#eef4f0}.word-home-invite h2{font-size:25px;margin-bottom:10px}
@media(max-width:700px){.word-tools{grid-template-columns:1fr;gap:25px}.word-bench{padding:22px 16px 12px}.word-root-grid{gap:7px}.word-root{min-height:75px;font-size:16px}.word-ready{justify-content:flex-start}.word-ready .primary{width:100%}.word-result{grid-template-columns:75px minmax(0,1fr);gap:12px;padding:28px 0}.word-plant{width:75px}.word-result h2{font-size:34px}.word-construction{font-size:22px}.word-story{flex-direction:column;align-items:flex-start;gap:9px}.word-scene{flex-basis:auto;width:100px}.word-story p{font-size:20px}.word-discussion,.word-notebook{padding:25px 0}.word-answer-choices{display:grid}.word-home-invite{padding:20px}.word-home-invite h2{font-size:23px}.word-result .hear-button{max-width:100%;white-space:normal}}
@media(max-width:360px){.word-root-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.word-result{grid-template-columns:1fr}.word-plant{width:90px;margin:0 auto}.word-result>div:first-child{display:none}}
@media(prefers-reduced-motion:no-preference){.word-bloom .word-plant{animation:word-unfold .35s ease-out}@keyframes word-unfold{from{transform:translateY(8px) scale(.95)}to{transform:translateY(0) scale(1)}}}

.word-root[data-word-base="helpful"]{grid-column:span 2}