/* Warframe resource finder. Editorial labels, real lookup, keyboard access. */
.wf-resource-desk{max-width:1380px;margin:28px auto 34px;padding:clamp(21px,3vw,40px);background:linear-gradient(135deg,#132637,#0c1724 65%);border:1px solid #8099a6;border-top:3px solid #e5bf79;color:#eaf3fa}
.wf-resource-kicker{font:.75rem/1.5 ui-monospace,monospace;color:#efcc8a;letter-spacing:.12em}
.wf-resource-desk h2{font-size:clamp(1.65rem,3.3vw,2.55rem);margin:7px 0 8px}
.wf-resource-intro{max-width:85ch;line-height:1.65;color:#c6d8e4;margin:0 0 23px}
.wf-resource-controls{display:grid;grid-template-columns:minmax(220px,2fr) minmax(135px,1fr) minmax(160px,1fr) auto;gap:12px;align-items:end;margin:18px 0}
.wf-resource-label{font-weight:700;display:flex;flex-direction:column;gap:8px;color:#f6e1b7;font-size:.81rem}
.wf-resource-label input,.wf-resource-label select{width:100%;border:1px solid #8195a5;border-radius:4px;background:#091522;color:#fff;min-height:46px;padding:10px 12px;font:inherit}
:is(.wf-resource-reset,.wf-resource-browse-all){min-height:46px;padding:8px 17px;background:#eacf9e;border:2px solid #f3dbad;color:#18222e;font-weight:800;cursor:pointer}
.wf-resource-count{color:#d3e4ee;font-size:.86rem}
.wf-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wf-resource-card{min-width:0;background:#112132;border:1px solid #577284;padding:18px;display:flex;flex-direction:column;gap:13px;transition:border-color .15s,transform .15s}
.wf-resource-card:hover{border-color:#e9cb91;transform:translateY(-2px)}
.wf-resource-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.wf-resource-identity{display:flex;align-items:center;gap:10px;min-width:0}
.wf-resource-item-art{flex:0 0 auto;display:grid;place-items:center;min-width:54px;min-height:54px;padding:0 3px;border:1px solid #73849c;border-radius:6px;background:#182535;color:#eff6ff;cursor:zoom-in}
.wf-resource-item-art img{object-fit:contain}
.wf-resource-item-art:focus-visible{outline:3px solid #f5daa2;outline-offset:3px}
.wf-equipment-card .wf-resource-rarity{display:table;margin:.65rem 0 0}
.wf-equipment-materials{margin:.65rem 0;padding-inline-start:1.15rem}
.wf-equipment-materials li+li{margin-top:.25rem}
.wf-equipment-card > .wf-resource-source{display:table}
.wf-resource-card h3{color:#fff;font-size:1.12rem;margin:0}
.wf-resource-rarity{font-size:.73rem;white-space:nowrap;padding:4px 9px;border:1px solid #a7b4bc;color:#e4eef7}
.wf-resource-rarity[data-rarity="rare"]{border-color:#dbb56a;color:#f4d68b}
.wf-resource-rarity[data-rarity="uncommon"]{border-color:#a0bfe1;color:#bbdafb}
.wf-resource-tip{font-size:.86rem;line-height:1.55;color:#c6d7e1;margin:0;flex:1}
.wf-resource-destinations{display:flex;gap:7px;flex-wrap:wrap}
.wf-resource-destination{padding:8px 11px;background:#203749;border:1px solid #7297ae;color:#fff;font-weight:700;cursor:pointer}
.wf-resource-destination:hover:not(:disabled){background:#e5c68a;color:#14202b}
.wf-resource-destination:disabled{cursor:default;opacity:.83}
.wf-resource-source{display:inline-flex;color:#f6d899!important;font-weight:800;text-decoration:underline!important;text-underline-offset:4px;padding:7px 0}
.wf-resource-note{margin:22px 0 0;color:#bbcdda;font-size:.84rem;line-height:1.6}
.wf-resource-note a{color:#f5d69b!important;text-decoration:underline}
.wf-resource-empty{grid-column:1/-1;padding:20px;border:1px dashed #7c9bab}
.wf-resource-desk :is(button,input,select,a):focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:1050px){.wf-resource-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.wf-resource-desk{margin:18px 12px;padding:18px}.wf-resource-controls{grid-template-columns:1fr}.wf-resource-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.wf-resource-card{transition:none}}

/* Save several materials and compare sourced regions without claiming route yields. */
.wf-farm-planner{margin:20px 0 28px;padding:clamp(18px,2.5vw,27px);background:#0a1c2c;border:1px solid #7e9bb0;border-left:4px solid #e5bf79;border-radius:5px}
.wf-farm-planner h3{margin:0 0 7px;color:#fff;font-size:clamp(1.15rem,2vw,1.45rem)}
.wf-farm-help,.wf-farm-caveat{color:#c4d8e6;font-size:.87rem;line-height:1.55;margin:0 0 13px}
.wf-farm-count{font-weight:800;color:#f4d69b;margin:12px 0}
.wf-farm-chips,.wf-farm-overlap-links,.wf-farm-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.wf-farm-chip,.wf-farm-region{cursor:pointer;min-height:40px;border:1px solid #a3c6d8;background:#1b4053;color:#fff;padding:8px 12px;border-radius:4px;font-size:.82rem;font-weight:700;line-height:1.35}
.wf-farm-chip:hover,.wf-farm-region:hover{background:#326079}
.wf-farm-overlap{margin:16px 0;border-top:1px solid #526e82;padding-top:15px}
.wf-farm-overlap-title{display:block;margin-bottom:10px;color:#f2d9aa}
.wf-farm-empty{color:#c8d8e5;line-height:1.5;margin:8px 0}
.wf-farm-caveat{font-size:.79rem;margin:12px 0 0}
.wf-farm-action,.wf-resource-save{background:#ead19d;color:#1b2530;border:1px solid #f2dbab;min-height:42px;padding:9px 14px;border-radius:4px;font-size:.82rem;font-weight:800;line-height:1.3;cursor:pointer}
.wf-farm-action:disabled{opacity:.55;cursor:not-allowed}
.wf-farm-action:hover:not(:disabled),.wf-resource-save:hover{background:#fff0cb}
.wf-farm-share{margin:15px 0 0;max-width:100%}
.wf-farm-share[hidden]{display:none}
.wf-farm-share input{width:100%;min-width:0;min-height:45px;overflow:hidden;text-overflow:ellipsis}
.wf-farm-status{font-size:.82rem;color:#d9e7f1;min-height:1.2em;margin:11px 0 0}
.wf-resource-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.wf-resource-save{font-size:.77rem;min-height:36px;padding:6px 10px;white-space:nowrap}
.wf-resource-save[aria-pressed="true"]{background:#204936;border-color:#7cc2a0;color:#e8fff5}
.wf-resource-desk :is(.wf-farm-action,.wf-farm-chip,.wf-farm-region,.wf-resource-save):focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:640px){.wf-farm-planner{padding:16px}.wf-resource-card-head{flex-wrap:wrap}.wf-resource-head-actions{width:100%;justify-content:space-between}.wf-farm-action{flex:1 1 auto}}

.wf-resource-note{margin-top:1rem;border-top:1px solid #586b80}.wf-resource-note summary{cursor:pointer;padding:.8rem 0;font-weight:700}.wf-resource-note-body{display:grid;gap:.65rem}.wf-resource-note-body p{margin:0}.wf-resource-drop-type{font-size:.9rem}.wf-resource-region-art{display:inline-flex;align-items:center;gap:.6rem;justify-self:start;padding:.3rem .65rem .3rem .3rem;border:1px solid #73849c;border-radius:6px;background:#182535;color:#eff6ff;cursor:zoom-in}.wf-resource-region-art img{width:56px;height:56px;object-fit:contain}.wf-resource-region-art:focus-visible{outline:3px solid #f5daa2;outline-offset:3px}

.wf-resource-browse-all{margin-block:12px}

/* Resource browser: one illustrated directory and one contextual dossier. */
#wf-resource-finder.wf-resource-desk{background:transparent;padding:0;color:var(--text)}
#wf-resource-finder .wf-resource-label{color:var(--text)}
#wf-resource-finder .wf-resource-count,#wf-resource-finder>.wf-resource-note{color:var(--muted)}
#wf-resource-finder>.wf-resource-note a{color:var(--link)!important;text-decoration:underline}
#wf-resource-finder :is(.wf-resource-results-layout,.wf-resource-grid)[hidden]{display:none}
.wf-resource-results-layout{display:grid;grid-template-columns:minmax(230px,.78fr) minmax(0,1.45fr);gap:clamp(20px,4vw,58px);align-items:start}
.wf-resource-directory{min-width:0}
.wf-resource-results{max-height:500px;overflow:auto;scrollbar-gutter:stable}
#wf-resource-finder .wf-resource-row{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0 5px 0 0;border:0;border-bottom:1px solid var(--line)}
.wf-resource-row h3{min-width:0;flex:1;margin:0}
#wf-resource-finder .wf-resource-row:hover{transform:none}
.wf-resource-select{display:flex;width:100%;align-items:center;text-align:left;gap:12px;min-height:62px;padding:8px 10px;background:transparent;border:0;color:var(--text);cursor:pointer;font:inherit}
.wf-resource-select img{width:40px;height:40px;object-fit:contain;flex:none}
.wf-resource-select span{display:grid;gap:2px;font-size:1rem}
.wf-resource-select small{color:var(--muted);font-size:.82rem}
.wf-resource-select:is(:hover,[aria-pressed="true"]){background:var(--panel2)}
.wf-resource-select[aria-pressed="true"]{box-shadow:inset 3px 0 var(--link)}
#wf-resource-finder .wf-resource-row .wf-resource-save{background:transparent;border:1px solid var(--line);color:var(--text);min-height:44px}
#wf-resource-finder .wf-resource-row .wf-resource-save[aria-pressed="true"]{color:var(--link)}
.wf-resource-detail{min-width:0;padding:clamp(18px,3vw,40px);background:#131b23;color:#eff1f3}
.wf-resource-detail-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px}
.wf-resource-detail-head>div{flex:1;min-width:130px}
.wf-resource-detail-head h3{font-size:clamp(1.45rem,3vw,2.55rem);margin:0;scroll-margin-top:110px}
.wf-resource-detail-head .wf-resource-item-art{width:clamp(58px,8vw,96px);height:clamp(58px,8vw,96px);border:0;background:#1c2934}
.wf-resource-detail-head .wf-resource-item-art img{width:90%;height:90%}
.wf-resource-detail-rarity{color:#d8c29c;font-size:.9rem}
.wf-resource-detail h4{margin:1.25rem 0 .3rem}
.wf-resource-detail .wf-resource-tip{color:#e0e6eb;margin-top:1rem}
.wf-resource-detail .wf-resource-source{display:inline-flex;min-height:44px;align-items:center}
.wf-resource-detail .wf-resource-destination{display:inline-flex;align-items:center;min-height:44px;background:transparent;border:0;padding:0;color:#f4d6a2;text-decoration:underline;text-underline-offset:4px}
.wf-resource-detail .wf-resource-destinations{gap:4px 18px}
.wf-resource-region-label{color:#d7e2ea;padding-block:9px}
.wf-resource-back{display:none}
#wf-resource-finder .wf-farm-planner{margin-top:26px;padding:18px 0;background:transparent;color:var(--text);border:0;border-top:1px solid var(--line)}
#wf-resource-finder .wf-farm-planner :is(h3,.wf-farm-count,.wf-farm-empty,.wf-farm-caveat,.wf-farm-overlap-title,.wf-farm-status){color:var(--text)}
#wf-resource-finder .wf-farm-planner :is(.wf-farm-overlap,.wf-farm-status):empty{display:none}
#wf-resource-finder .wf-equipment-card{color:var(--text);background:var(--panel);padding:18px}
#wf-resource-finder .wf-equipment-card :is(.wf-resource-tip,.wf-resource-rarity){color:var(--text)}
#wf-resource-finder .wf-equipment-card a{color:var(--link);text-decoration:underline}
@media(max-width:760px){
 #wf-resource-finder .wf-resource-reset{color:var(--link)}
 .wf-resource-results-layout{grid-template-columns:1fr;gap:14px}
 .wf-resource-results{max-height:245px}
 .wf-resource-back{display:inline-flex;align-items:center;min-height:44px;background:transparent;border:0;color:#f4d6a2;text-decoration:underline;padding:0;cursor:pointer}
}