/* Compact class calculators; article and guide layouts stay independent. */
.page.talent-workshop{padding-top:16px}
.talent-workshop .breadcrumbs{margin:0 0 8px;font-size:.73rem;min-height:20px}
.talent-workshop .planner-hero.planner-hero-immersive{width:100%;margin:0 0 10px;min-height:0;border:1px solid #82572d;height:auto}
.talent-workshop .planner-hero-immersive .planner-hero-copy{width:100%;padding:14px 20px;min-height:112px}
.talent-workshop .planner-hero .kicker{display:none}
.talent-workshop .planner-hero h1{font-size:clamp(1.6rem,2.7vw,2.25rem);margin:0 0 5px;line-height:1.15;max-width:85%}
.talent-workshop .planner-hero .lead{font:400 .88rem/1.45 Inter,Segoe UI,Arial,sans-serif;max-width:80%!important;margin:0 0 6px}
.talent-workshop .planner-guide-link,.talent-workshop .talent-calculator-jump{display:inline-flex;align-items:center;padding:0;margin:0 18px 0 0;font-size:.76rem;font-weight:700;line-height:1.5;color:#efbd71}
.talent-workshop .planner-hero .planner-hero-art{min-height:0}
.talent-workshop .planner-hero .planner-hero-art img{width:42%;left:58%;object-position:center 20%}
.talent-workshop .planner-mode-nav{margin:8px 0;gap:8px}
.talent-workshop .planner-mode-nav a{padding:5px 13px;font-size:.78rem;min-height:34px;display:inline-flex;align-items:center}
.talent-workshop .talent-class-nav{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin:8px 0 10px}
.talent-workshop .talent-class-selector{margin:0;border:0;padding:0;background:transparent}
.talent-workshop .talent-class-selector>summary{display:none}
.talent-workshop .talent-class-nav a{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:44px;padding:7px 5px;font-size:.78rem;line-height:1.2;white-space:nowrap}
.talent-workshop .talent-class-nav a>span{min-width:0;overflow-wrap:anywhere}
.talent-workshop .talent-class-nav a:hover,.talent-workshop .talent-class-nav a:focus-visible{background:#49301c;border-color:#efc476}
.talent-workshop .talent-class-icon{flex:0 0 26px;width:26px;height:26px;object-fit:cover;border:1px solid #bc8e4d;border-radius:5px;box-shadow:0 2px 7px #0008}
.talent-workshop .talent-guide-strip{display:flex;align-items:center;gap:12px;padding:7px 10px;margin:0 0 10px;background:#1e140d;border:1px solid #6f4c29}
.talent-workshop .talent-guide-strip h2{margin:0;font:700 .73rem/1.3 Inter,Segoe UI,sans-serif;color:#cbb18e;flex:0 0 auto;max-width:130px}
.talent-workshop .talent-guide-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1;min-width:0}
.talent-workshop .talent-guide-links a{display:flex;align-items:center;gap:7px;min-width:0;min-height:36px;padding:5px 10px;border:1px solid #77522d;background:#2b1b10;line-height:1.2}
.talent-workshop .talent-guide-links a:hover,.talent-workshop .talent-guide-links a:focus-visible{border-color:#edbc70;background:#3b2717}
.talent-workshop .talent-guide-links strong{font-size:.82rem;color:#efd3a5;overflow-wrap:anywhere}
.talent-workshop .talent-guide-links small{font-size:.65rem;color:#bca68a}
.talent-workshop .talent-guide-arrow{margin-left:auto;color:#efbd71}
.talent-workshop .talent-app{margin-top:10px;scroll-margin-top:10px}
.talent-workshop .talent-toolbar{grid-template-columns:130px 120px minmax(140px,1fr) auto auto auto;align-items:end;gap:9px;padding:10px;box-shadow:0 6px 16px #0005}
.talent-workshop .talent-toolbar>div{align-self:center}
.talent-workshop .talent-toolbar strong{font-size:1.45rem;line-height:1.2}
.talent-workshop .talent-toolbar small{font-size:.66rem;line-height:1.4}
.talent-workshop .talent-toolbar label,.talent-workshop .talent-toolbar>div>span{font-size:.61rem;letter-spacing:.05em}
.talent-workshop .talent-toolbar input,.talent-workshop .talent-toolbar select,.talent-workshop .talent-toolbar button{min-height:40px;font-size:.76rem;line-height:1.25}
.talent-workshop .talent-toolbar input,.talent-workshop .talent-toolbar select{margin-top:3px;padding:8px 9px;width:100%}
.talent-workshop .talent-toolbar button{padding:8px 12px;white-space:nowrap}
.talent-workshop .talent-message:empty{height:0;padding:0;min-height:0}
.talent-workshop .talent-message:not(:empty){height:auto;min-height:36px;overflow:visible}
.talent-workshop .talent-change-legend{font-size:.68rem;line-height:1.5;margin:8px 0}
.talent-workshop .talent-trees-live{margin-top:10px}
.talent-workshop .talent-tree-live>header{height:auto;min-height:52px;padding:8px 14px;gap:0;box-shadow:none;z-index:1}
.talent-workshop .talent-tree-live>header span{font-size:.57rem;line-height:1.3}
.talent-workshop .talent-tree-live>header h2{font-size:1.35rem;margin:2px 0 0}
.talent-workshop .talent-tree-live>header strong{font-size:.8rem}
.talent-workshop #verified-forever-updates{margin-top:32px}
.talent-workshop a:focus-visible{outline:2px solid #efc476;outline-offset:3px}
@media(max-width:1150px){
 .talent-workshop .talent-class-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
 .talent-workshop .talent-toolbar{grid-template-columns:1fr 1fr 1fr}
 .talent-workshop .talent-toolbar button{grid-row:2}
 .talent-workshop .talent-guide-links small{display:none}
}
@media(max-width:700px){
 .page.talent-workshop{padding-top:6px}
 .talent-workshop>.wrap{width:calc(100% - 24px)}
 .talent-workshop .breadcrumbs{margin-bottom:4px;min-height:18px}
 .talent-workshop .breadcrumbs .nav-icon{width:14px;height:14px}
 .talent-workshop .planner-hero-immersive .planner-hero-copy{padding:10px 12px;min-height:0}
 .talent-workshop .planner-hero h1{font-size:1.55rem;max-width:100%}
 .talent-workshop .planner-hero .lead{font-size:.78rem;max-width:100%!important}
 .talent-workshop .planner-hero .planner-hero-art img{width:70%;left:30%;opacity:.45}
 .talent-workshop .planner-guide-link,.talent-workshop .talent-calculator-jump{font-size:.7rem}
 .talent-workshop .talent-class-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .talent-workshop .talent-class-selector{margin:8px 0 10px;border:1px solid #76522d;background:#1e140d}
 .talent-workshop .talent-class-selector>summary{display:flex;align-items:center;gap:8px;min-height:42px;padding:7px 9px;cursor:pointer;list-style:none}
 .talent-workshop .talent-class-selector>summary::-webkit-details-marker{display:none}
 .talent-workshop .talent-class-selector>summary small{margin-left:auto;color:#cbb18e;font-size:.66rem}
 .talent-workshop .talent-class-selector>summary:after{content:'⌄';color:#efbd71}
 .talent-workshop .talent-class-selector[open]>summary:after{content:'⌃'}
 .talent-workshop .talent-class-selector .talent-class-nav{margin:0;padding:5px}
 .talent-workshop .talent-class-nav a{justify-content:flex-start;font-size:.72rem;min-height:40px;padding:5px;gap:5px;white-space:normal}
 .talent-workshop .talent-class-icon{width:24px;height:24px;flex-basis:24px}
 .talent-workshop .talent-guide-strip{display:block;padding:7px}
 .talent-workshop .talent-guide-strip h2{margin-bottom:5px;max-width:none;font-size:.68rem}
 .talent-workshop .talent-guide-links{gap:5px}
 .talent-workshop .talent-guide-links a{min-height:36px;padding:5px 6px;gap:3px}
 .talent-workshop .talent-guide-links strong{font-size:.7rem}
 .talent-workshop .talent-guide-arrow{font-size:.7rem}
 .talent-workshop .talent-toolbar{grid-template-columns:1fr 1fr 1fr;gap:7px;padding:8px}
 .talent-workshop .talent-toolbar>div,.talent-workshop .talent-toolbar label{grid-column:auto}
 .talent-workshop .talent-toolbar>div{grid-row:1;grid-column:1}
 .talent-workshop .talent-toolbar label:has([data-talent-character-level]){grid-row:1;grid-column:2}
 .talent-workshop .talent-toolbar label:has([data-talent-name]){grid-row:2;grid-column:1}
 .talent-workshop .talent-toolbar button{min-height:40px;padding:6px 4px;font-size:.67rem;white-space:normal}
 .talent-workshop .talent-toolbar button[data-talent-reset]{grid-row:1;grid-column:3}
 .talent-workshop .talent-toolbar button[data-talent-copy]{grid-row:2;grid-column:2}
 .talent-workshop .talent-toolbar button[data-talent-save]{grid-row:2;grid-column:3}
 .talent-workshop .talent-change-legend{font-size:.61rem}
}