.folderloom-resources { position:relative; color:#102b28; font-size:13px; line-height:1.5; }
.folderloom-resources summary { display:flex; align-items:center; justify-content:center; gap:6px; min-height:44px; padding:0 4px; border-radius:6px; color:#49675f; font-weight:650; list-style:none; cursor:pointer; user-select:none; }
.folderloom-resources summary::-webkit-details-marker { display:none; }
.folderloom-resources summary svg { flex:none; transition:transform 180ms ease; }
.folderloom-resources[open] summary { color:#12655a; }
.folderloom-resources[open] summary svg { transform:rotate(180deg); }
.folderloom-resources summary:hover { color:#12655a; background:#f2f7f4; }
.folderloom-resources summary:focus-visible,.folderloom-resources-panel a:focus-visible { outline:2px solid #12655a; outline-offset:3px; }
.folderloom-resources-panel { position:absolute; top:100%; right:0; z-index:20; display:grid; grid-template-columns:1fr 1fr; gap:24px; width:520px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 100px); overflow-y:auto; padding:24px; border-radius:14px; background:#fff; box-shadow:0 18px 48px -12px rgb(16 43 40 / .24); scrollbar-color:#a4bfb4 #f2f7f4; scrollbar-width:thin; }
.folderloom-resources-group { min-width:0; }
.folderloom-resources .folderloom-resources-group h2 { margin:0 10px 8px; color:#49675f; font-size:12px; font-weight:600; line-height:1.5; letter-spacing:0; text-align:left; }
.folderloom-resources .folderloom-resources-panel a { display:flex; align-items:center; min-height:44px; padding:10px; border-radius:7px; color:#163e38; font-size:13px; font-weight:550; line-height:1.5; text-decoration:none; transition:background-color 120ms ease,color 120ms ease; }
.folderloom-resources .folderloom-resources-panel a:hover { background:#edf6f0; color:#10574d; }
.folderloom-resources-panel ::selection { background:#c9eadc; color:#102b28; }
@media (max-width:1000px) {
  .folderloom-resources { position:static; }
  .folderloom-resources-panel { top:100%; left:16px; right:16px; width:auto; max-width:none; }
}
@media (max-width:480px) {
  .folderloom-resources summary { gap:4px; padding-inline:2px; font-size:12px; }
  .folderloom-resources-panel { grid-template-columns:1fr; gap:20px; padding:20px; }
}
@media (prefers-reduced-motion:no-preference) {
  .folderloom-resources[open] .folderloom-resources-panel { transform-origin:top right; animation:folderloom-resources-reveal 200ms cubic-bezier(.16,1,.3,1); }
}
@keyframes folderloom-resources-reveal {
  from { opacity:.65; transform:translateY(-6px) scale(.985); }
  to { opacity:1; transform:translateY(0) scale(1); }
}
@media (prefers-reduced-motion:reduce) {
  .folderloom-resources summary svg,.folderloom-resources .folderloom-resources-panel a { transition:none; }
}
