/* r30: creation guidance and the shared development tree; other views keep their theme. */
.class-focus{display:grid;gap:3px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);color:var(--ink);font-size:.79rem;line-height:1.5}
.class-focus b{font-weight:650;color:var(--green)}
.class-guidance{margin:12px 0 18px;padding:16px 18px;border:1px solid #ccb98c;border-radius:12px;background:linear-gradient(120deg,#f7efd9,#fdfaf0);color:#253d32;min-width:0}
.class-guidance h3{font-size:1rem;margin:0 0 12px}.class-guidance-grid{display:flex;gap:12px 28px;flex-wrap:wrap}.class-guidance-grid>div{min-width:0;max-width:100%}.class-guidance-grid span{display:block;color:#5b6450;font-size:.76rem}.class-guidance-grid strong{display:block;font-size:.94rem;overflow-wrap:anywhere}
.class-guidance details{margin-top:12px;font-size:.84rem}.class-guidance summary{cursor:pointer;color:#665018;min-height:36px;display:list-item;align-content:center}.class-guidance p{margin:10px 0;line-height:1.6}.spell-coverage{list-style:none;padding:0;margin:10px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.spell-coverage li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #d7cfb7}.spell-coverage strong{white-space:nowrap;font-size:.8rem}
.origin-current>.class-guidance{margin-top:12px}.wizard-page .attribute-card .attribute-purpose{display:block;color:#685019;font-size:.72rem;line-height:1.45;margin-top:6px}.wizard-page .attribute-card{display:flex;flex-direction:column}.wizard-page .attribute-card>.row{margin-top:auto!important;padding-top:10px}
.compact-tree .tree-canvas{background-color:#14251f;background-image:radial-gradient(ellipse at 50% 0,#6c85562b,transparent 70%),radial-gradient(#d2dbbc1c .8px,transparent .8px);background-size:auto,22px 22px;isolation:isolate}
.development-tree.compact-tree .tree-edge{stroke:#71856d;stroke-opacity:.68;stroke-width:1.35;fill:none;vector-effect:non-scaling-stroke}
.development-tree.compact-tree .tree-edge.on-path{stroke:#f0c775;stroke-width:2.8;stroke-opacity:1}
.development-tree.compact-tree .tree-node rect.node-hit{fill:transparent;stroke:none;stroke-width:0;pointer-events:all}
.development-tree.compact-tree .node-frame{fill:#21372c;stroke:var(--node-color,#b5c49e);stroke-width:1.7;vector-effect:non-scaling-stroke}
.development-tree.compact-tree .node-inner{fill:none;stroke:var(--node-color,#b5c49e);stroke-width:1;stroke-opacity:.65;vector-effect:non-scaling-stroke;pointer-events:none}
.development-tree.compact-tree .node-halo{fill:var(--node-color,#b5c49e);opacity:.07;pointer-events:none}
.development-tree.compact-tree .node-icon{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:var(--node-color,#b5c49e);pointer-events:none}
.development-tree.compact-tree .tree-node .node-name{font:600 14px/1.3 system-ui;fill:#f3eedb;stroke:#14251f;stroke-width:4px;paint-order:stroke;stroke-linejoin:round;pointer-events:none}
.development-tree.compact-tree .tree-node .sub{font:12px/1.3 system-ui;fill:#b9c9ad;stroke:#14251f;stroke-width:3px;paint-order:stroke;pointer-events:none}
.development-tree.compact-tree .tree-node.available .node-frame{fill:#2c4132;stroke-width:2.3}
.development-tree.compact-tree .tree-node.known .node-frame{fill:#2b4937}
.development-tree.compact-tree .node-known circle{fill:#426f4a;stroke:#c5dfad;stroke-width:1.3;vector-effect:non-scaling-stroke}.development-tree.compact-tree .node-known path{fill:none;stroke:#f9ffe9;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.development-tree.compact-tree .tree-node.on-path .node-frame{stroke:#f0c775;stroke-width:2.6}
.development-tree.compact-tree .tree-node.selected .node-frame{fill:#514a2c;stroke:#ffe2a3;stroke-width:3}
.development-tree.compact-tree .tree-node.selected .node-halo{fill:#f0c775;opacity:.23}
.development-tree.compact-tree .tree-node.selected .node-name{fill:#ffe4a7}
.development-tree.compact-tree .tree-node.search-match .node-frame{stroke:#ffe2a3;stroke-width:3}
.development-tree.compact-tree .tree-node:focus-visible .node-frame{stroke:#bde8fa;stroke-width:3.5}.development-tree.compact-tree .tree-node:hover .node-halo{opacity:.18}
.development-tree.compact-tree .tree-list-node{display:flex;align-items:center;gap:13px;min-height:76px}.tree-list-node>span{min-width:0}.tree-list-node strong{overflow-wrap:anywhere}.compact-tree .tree-list-node small{line-height:1.5}.tree-list-emblem{display:block;width:48px;height:48px;flex:0 0 48px}.compact-tree .tree-list-node.known{border-left:4px solid #426f4a}.compact-tree .tree-list-node.selected{border-color:#9c722a}
.tree-key{border-top:1px solid #c6b48f;padding:0 14px;background:#eee5d2;color:#354b3a;flex-shrink:0}.tree-key>summary{min-height:44px;align-content:center;cursor:pointer;font-size:.8rem}.tree-key>summary>span{display:inline-block;margin-left:10px;color:#626b55;font-size:.72rem}.tree-key-types,.tree-key-branches{display:flex;gap:8px 18px;flex-wrap:wrap;padding:8px 0 12px}.tree-key-types>span,.tree-key-branches>span{display:inline-flex;align-items:center;gap:7px;font-size:.78rem}.tree-key-types svg{width:24px;height:24px;flex-shrink:0}.key-shape{fill:#2a4032;stroke:#c6a96d;stroke-width:4}.tree-key-branches{background:#20372c;padding:12px;border-radius:8px;margin-bottom:12px;color:#f2eedc}.tree-key-branches svg{width:19px;height:19px;color:var(--branch-color);flex-shrink:0}.compact-tree .tree-selection small{line-height:1.5}
@media(max-width:800px){.class-guidance{padding:12px;margin:10px 0 14px}.class-guidance h3{font-size:.96rem}.class-guidance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.class-guidance-grid>div:first-child:nth-last-child(3){grid-column:1/-1}.class-guidance-grid strong{font-size:.86rem}.class-guidance summary{min-height:44px}.spell-coverage{grid-template-columns:1fr}.class-focus{font-size:.78rem}.tree-key{padding:0 10px}.tree-key>summary>span{font-size:.67rem;margin-left:5px}.compact-tree .tree-list-node{padding:11px;gap:9px}.wizard-page .attribute-card .attribute-purpose{font-size:.69rem}}
@media(prefers-reduced-motion:reduce){.compact-tree *{scroll-behavior:auto}}

.compact-tree .tree-list-node[hidden]{display:none}

/* r31: creation-only category buttons, with live budgets from the rule preview. */
.wizard-tree-pools{scroll-margin-top:90px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;background:#eee5d2;border-bottom:1px solid var(--line);flex-shrink:0}
.wizard-tree-pools .btn{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:72px;padding:10px 6px;white-space:normal;line-height:1.3;border:1px solid #bba77e;background:#faf5e8;color:#344d3d;box-shadow:none}
.wizard-tree-pools .btn.active{background:#294d3c;border-color:#294d3c;color:#fff7df;box-shadow:inset 0 -3px #d4b26e}
.wizard-tree-pools .btn:focus-visible{outline:3px solid #a97927;outline-offset:2px}
.wizard-tree-pools .btn:disabled{opacity:1;background:#e8e2d4;border-color:#d0c7b5;color:#726b5e;cursor:default}
.tree-pool-label{font-size:.9rem;font-weight:650;hyphens:manual}.tree-pool-points{font-size:.8rem;font-weight:400;white-space:nowrap}.tree-pool-points strong{font-weight:750}.wizard-tree-pools .btn>small{font-size:.66rem;line-height:1.3}
@media(max-width:800px){.wizard-tree-pools{gap:6px;padding:8px}.wizard-tree-pools .btn{padding:8px 4px;min-height:78px}.tree-pool-label{font-size:.78rem}.tree-pool-points{font-size:.73rem}.single-tree-toolbar .tree-search{grid-column:1/-1}}