.materials-browser{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start;gap:22px;margin:20px 0 30px}.materials-sidebar{background:#f0eee8;border:1px solid #e4e0d7;border-radius:20px;padding:20px 12px 12px}.materials-sidebar h2{font-size:15px;margin:0 12px 14px}.materials-sidebar nav{display:grid;gap:5px}.materials-topic{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:52px;padding:12px;border:1px solid transparent;border-radius:12px;color:#5e625c;font-size:14px;font-weight:600;text-decoration:none;line-height:1.4;transition:background .15s,border-color .15s}.materials-topic:hover{background:#fff9f3;color:#b94413}.materials-topic[aria-current]{background:#fff;border-color:#f1b291;color:#aa3c11;box-shadow:0 2px 5px #46321a05}.materials-topic-icon svg{width:21px;height:21px;display:block}.materials-topic-count{font-size:11px;font-weight:700;background:#e8e7e0;border-radius:7px;min-width:24px;text-align:center;padding:3px 5px}.materials-topic[aria-current] .materials-topic-count{background:#fff0e4;color:#a83d15}.materials-panel{min-width:0;border:1px solid #e4e0d7;border-radius:20px;background:#fff;overflow:hidden}.materials-panel-heading{padding:25px 26px 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #ebe7e0}.materials-panel-heading h2{font-size:23px;line-height:1.22;letter-spacing:-.5px;margin:4px 0 8px}.materials-panel-heading p{font-size:13px;line-height:1.65;color:#77786f;max-width:65ch;margin:0}.materials-count{flex:none;padding:5px 9px;border-radius:20px;background:#f3f2ed;color:#76766d;font-size:11px;white-space:nowrap}.materials-panel .library-documents{display:block}.materials-panel .library-document{border:0;border-bottom:1px solid #eeebe5;border-radius:0;background:transparent;margin:0;padding:19px 25px;gap:14px;box-shadow:none}.materials-panel .library-document:last-child{border-bottom:0}.materials-panel .library-document:hover{background:#fffcf8}.materials-panel .library-document h3{font-size:15px;line-height:1.45;margin:4px 0}.materials-panel .library-document p{font-size:12px;line-height:1.6;max-width:65ch;margin:5px 0 0}.materials-panel .library-document-kind{font-size:10px;letter-spacing:.03em}.materials-panel .library-document-icon{background:#fff1e6;color:#cf591f;width:40px;height:46px;border-radius:10px}.materials-panel .button.small{font-size:11px;padding:9px 12px;min-height:38px;white-space:nowrap}.materials-mobile-picker{display:none}.materials-topic:focus-visible,.materials-mobile-picker select:focus-visible{outline:3px solid #d96727;outline-offset:3px}
@media(max-width:1050px){.materials-browser{grid-template-columns:240px minmax(0,1fr);gap:16px}.materials-panel .library-document{display:grid;grid-template-columns:36px minmax(0,1fr)}.materials-panel .library-document>.button{grid-column:2;justify-self:start;margin-left:0;width:auto}.materials-panel-heading{padding:22px}.materials-panel .library-document{padding:17px 22px}.materials-panel .library-document-icon{width:36px;height:42px}}
@media(max-width:700px){.materials-browser{display:block;margin-top:15px}.materials-sidebar{display:none}.materials-mobile-picker{display:grid;gap:7px;margin-bottom:14px}.materials-mobile-picker label{font-size:12px;font-weight:650;color:#727568}.materials-mobile-picker select{width:100%;background:#fff;border:1px solid #dcdcd0;border-radius:12px;min-height:48px;padding:11px 36px 11px 13px;color:#353b31;font:inherit;font-size:14px}.materials-panel{border-radius:17px}.materials-panel-heading{padding:20px 17px;display:block}.materials-panel-heading h2{font-size:21px}.materials-count{display:inline-block;margin-top:12px}.materials-panel .library-document{padding:17px;gap:11px}.materials-panel .library-document h3{font-size:14px}.materials-panel .library-document p{font-size:12px}.materials-panel .button.small{font-size:12px;min-height:42px}.materials-panel .library-document-icon{margin-top:3px}}
@media(prefers-reduced-motion:reduce){.materials-topic{transition:none}}
.materials-panel .library-documents{margin-top:0}.materials-panel-heading h2,.materials-panel-heading p,.materials-topic>span{overflow-wrap:anywhere}
.materials-filters{border:1px solid #e4e0d7;border-radius:14px;background:#fff;margin:18px 0;color:#333930}.materials-filters>summary{cursor:pointer;padding:13px 16px;font-size:13px;font-weight:650;min-height:46px}.materials-filters>summary span{font-size:11px;margin-left:7px;color:#a63c12}.materials-filters form{padding:0 16px 16px}.materials-filter-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.materials-filter-fields label{display:grid;gap:6px;min-width:0;font-size:12px}.materials-filter-fields select{box-sizing:border-box;min-width:0;width:100%;color-scheme:light;background:#fff;color:#20261c;min-height:44px;border:1px solid #d6d8ce;border-radius:10px;padding:8px;font:inherit;font-size:14px}.materials-filter-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px}.materials-filter-actions a{padding:9px 0;min-height:44px;font-size:12px}.materials-filters summary:focus-visible,.materials-filters select:focus-visible{outline:3px solid #d96727;outline-offset:3px}@media(max-width:580px){.materials-filter-fields{grid-template-columns:1fr}.materials-filter-fields select{font-size:16px}.materials-filter-actions .button{min-height:44px}}

/* The topic index stays in place while only the right-hand content changes. */
#materials-content{min-width:0;outline:none}#materials-content>.materials-filters{margin-top:0}
.materials-sidebar{position:sticky;top:24px;max-height:calc(100dvh - 48px);overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}
.materials-topic{grid-template-columns:22px minmax(0,1fr)}
#materials-content>.collection,#materials-content>.tutorial-article{max-width:none;margin:0}
#materials-content .learning-layout{display:block}#materials-content .collection-heading{gap:20px}
#materials-content .collection-heading>img{width:210px;max-width:40%}
@media(max-width:850px){#materials-content .collection-heading{flex-direction:column;align-items:stretch}#materials-content .collection-heading>img{width:100%;max-width:100%;max-height:200px}}
@media(max-width:700px){.materials-mobile-picker{position:sticky;top:0;z-index:5;background:#f6f4ee;padding:10px 0}.materials-sidebar{position:static}#materials-content .collection-heading>img{max-width:100%}}