.materials-frame{position:relative;isolation:isolate;overflow:clip;padding-top:clamp(24px,4vw,54px)}.materials-frame::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:150px;background:linear-gradient(115deg,rgba(22,91,116,.16),rgba(226,189,69,.18),rgba(255,255,255,0));clip-path:polygon(0 0,100% 0,100% 60%,80% 78%,58% 55%,36% 82%,15% 58%,0 76%);pointer-events:none}.material-folder-grid{width:min(100%,1180px);margin-inline:auto;grid-template-columns:repeat(2,minmax(220px,1fr));gap:18px}.material-folder{display:grid;place-items:center;align-content:center;gap:8px;min-height:150px;text-align:center;border:1px solid color-mix(in srgb,var(--brass) 58%,var(--line));border-radius:18px;background:linear-gradient(145deg,var(--white),color-mix(in srgb,var(--white) 86%,#c8dce5));box-shadow:0 14px 26px rgba(12,42,61,.1),inset 1px 1px 0 rgba(255,255,255,.9);transition:transform .18s ease,box-shadow .18s ease}.material-folder:hover,.material-folder:focus-visible{transform:translateY(-3px);box-shadow:0 18px 34px rgba(12,42,61,.17),inset 1px 1px 0 rgba(255,255,255,.95)}.material-folder-icon{width:52px;height:52px;padding:9px;border-radius:16px;background:linear-gradient(145deg,#f7d96f,#9f7414);box-shadow:inset 2px 2px 2px rgba(255,255,255,.55),inset -3px -3px 5px rgba(83,52,3,.3),0 7px 12px rgba(12,42,61,.18);filter:drop-shadow(0 2px 1px rgba(255,255,255,.5));transition:transform .18s ease}.material-folder:hover .material-folder-icon,.material-folder:focus-visible .material-folder-icon{transform:translateY(-3px)}.material-folder span{font-weight:900;letter-spacing:.12em}.material-folder small{color:var(--muted)}#cheat-sheet-library{max-width:1440px;margin-inline:auto}#architectSheetList{grid-template-columns:minmax(280px,720px);justify-content:center;margin-bottom:18px}#architectSheetList .cheat-sheet-folder{min-height:0;border-color:var(--brass);box-shadow:0 16px 34px rgba(12,42,61,.12)}#cheatSheetFolders{grid-template-columns:repeat(3,minmax(220px,1fr));align-items:stretch}#cheatSheetFolders .cheat-sheet-folder{border-radius:16px;box-shadow:0 10px 24px rgba(12,42,61,.08)}
html[data-theme="dark"] .material-folder{background:linear-gradient(145deg,#17384b,#102a3a);border-color:#8d762f}html[data-theme="dark"] .materials-frame::before{background:linear-gradient(115deg,rgba(79,173,197,.18),rgba(226,189,69,.13),transparent)}
@media(max-width:767px){.materials-frame{padding-top:24px}.materials-frame::before{height:110px}.material-folder-grid,#cheatSheetFolders{grid-template-columns:1fr}.material-folder{min-height:132px}#architectSheetList{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.material-folder,.material-folder-icon{transition:none}.material-folder:hover,.material-folder:focus-visible,.material-folder:hover .material-folder-icon,.material-folder:focus-visible .material-folder-icon{transform:none}}