.study-resources{position:fixed;inset:0;z-index:150;display:flex;flex-direction:column;background:#f5f4e9;color:#354630;font-family:inherit;isolation:isolate}.study-resources[hidden],.study-resources [hidden]{display:none!important}.study-resources *{box-sizing:border-box}.study-resources button,.study-resources input{font:inherit}.study-resources button{cursor:pointer}.study-resources button:focus-visible,.study-resources input:focus-visible{outline:3px solid #759578;outline-offset:3px}.sr-header{min-height:76px;display:flex;align-items:center;gap:18px;padding:14px 26px;border-bottom:1px solid #dde2d1;background:#fcfbf2;flex:none}.sr-header h2{margin:0;flex:1;min-width:0;font-size:16px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-header button{padding:10px 14px;min-height:42px;background:transparent;color:inherit;border:1px solid #dce1d0;border-radius:12px;white-space:nowrap}.sr-timer{display:flex;gap:9px;align-items:center;padding:10px 14px;background:#e7eedf;border-radius:12px;white-space:nowrap}.sr-timer span{font:700 20px ui-monospace,monospace;font-variant-numeric:tabular-nums}.sr-timer small{font-size:11px;color:#72806b}.sr-directory{overflow:auto;padding:28px max(24px,calc((100vw - 1100px)/2));flex:1}.sr-search input{width:min(100%,520px);padding:13px 16px;border:1px solid #d8dfcf;border-radius:14px;background:#fffef6;color:inherit;min-height:46px;font-size:14px}.sr-search p{font-size:12px;color:#788371;margin:12px 0 22px}.sr-categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:23px}.sr-categories button{border:1px solid #dce1d2;border-radius:999px;padding:9px 16px;background:transparent;color:#5f6d57;font-size:13px;min-height:38px}.sr-categories button[aria-pressed=true]{background:#425d48;border-color:#425d48;color:#fff}.sr-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:12px}.sr-resource{min-height:104px;padding:19px;text-align:left;border:1px solid #e0e3d4;border-radius:16px;background:#fffef5;color:inherit;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.sr-resource:hover{background:#eef1e3;border-color:#adbda3}.sr-resource strong{font-size:14px;font-weight:600;line-height:1.5}.sr-resource span{font-size:12px;color:#809174}.sr-empty{color:#788371;font-size:14px}.sr-load-status{font-size:13px;color:#788371;padding:18px 0}.sr-load-status button{margin-left:12px;background:#e6ecdd;border:0;border-radius:8px;padding:8px 14px;color:inherit}.sr-viewer{flex:1;min-height:0;background:#ecebdf}.sr-viewer iframe{border:0;display:block;width:100%;height:100%;background:#fff}.sr-notice{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);max-width:min(650px,calc(100% - 32px));margin:0;padding:12px 18px;background:#34412f;color:#fff;border-radius:12px;font-size:12px;box-shadow:0 4px 18px #0002;pointer-events:none}@media(max-width:800px){.sr-header{gap:9px;padding:12px 16px;min-height:70px;flex-wrap:wrap}.sr-header h2{font-size:14px}.sr-header button{padding:9px 11px;font-size:12px}.sr-timer{gap:7px;padding:9px 11px}.sr-timer span{font-size:17px}.sr-directory{padding:22px 20px}.sr-categories{gap:6px}.sr-categories button{font-size:12px;padding:8px 13px}}@media(max-width:540px){.sr-header h2{order:4;flex-basis:100%;font-size:12px}.sr-header [data-sr-close]{margin-left:auto}.sr-timer small{display:none}.sr-list{grid-template-columns:1fr}.sr-search p{line-height:1.6}}