/* Homepage folder tabs only. The selected tab and sheet form one coloured surface. */
.playground-hero .folder{--folder-sheet-color:#ebc45e;background:var(--folder-sheet-color)}
.playground-hero .folder.theme-publications{--folder-sheet-color:#f78069}
.playground-hero .folder.theme-worksheets{--folder-sheet-color:#c7a4ff}
.playground-hero .folder.theme-record{--folder-sheet-color:#d5d0ae}
.playground-hero .folder-sheet{background:var(--folder-sheet-color)}
.playground-hero .folder-tabs{display:none}
.playground-hero .tabs-ready .folder-tabs{display:grid;z-index:2}
.playground-hero .folder-tabs button{appearance:none;min-width:0;position:relative;display:flex;justify-content:center;align-items:center;gap:8px;color:var(--ink);background:#ebc45e;border:2px solid var(--ink);border-bottom:2px solid var(--ink);border-radius:22px 22px 0 0;padding:12px 10px 14px;font:750 14px/1.3 var(--sans);text-align:center;cursor:pointer;isolation:isolate}
.playground-hero .folder-tabs button:nth-child(2){background:#f78069}
.playground-hero .folder-tabs button:nth-child(3){background:#c7a4ff}
.playground-hero .folder-tabs button:nth-child(4){background:#d5d0ae}
.playground-hero .folder-tabs button:hover{box-shadow:inset 0 5px 0 #17140f30}
.playground-hero .folder-tabs button.is-active{z-index:3;background:var(--folder-sheet-color);border-bottom-color:var(--folder-sheet-color);font-weight:900;box-shadow:none}
.playground-hero .folder-tabs button.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:5px;background:var(--folder-sheet-color);z-index:1}
.playground-hero .folder-tabs button:focus-visible{outline:3px solid #fffdf5;outline-offset:3px;box-shadow:inset 0 0 0 3px var(--ink);z-index:4}
.playground-hero .folder-panels{min-width:0}
.playground-hero .tabs-ready .folder-panels{min-height:310px}
.playground-hero .folder-panel[hidden]{display:none!important}
.playground-hero .folder-panel:focus-visible{outline:3px solid var(--ink);outline-offset:5px;border-radius:5px}
.playground-hero .folder-panel .folder-inside{min-height:290px}
.playground-hero .folder-panel .folder-copy{min-width:0}
.playground-hero .folder-panel .folder-mascot{min-width:0}
.playground-hero .folder-panel:not(#folder-panel-desk) .folder-mascot{margin:0;transform:rotate(2deg)}
.playground-hero .folder-panel:not(#folder-panel-desk) .folder-mascot img{border:1px solid #17140f55;border-radius:12px;max-height:250px;object-fit:contain}
.playground-hero .folder:not(.tabs-ready) .folder-panel+.folder-panel{border-top:1px solid #17140f55;margin-top:28px;padding-top:18px}
@media(max-width:800px){
 .playground-hero .folder-tabs button{padding:10px 5px 12px;font-size:10px;line-height:1.3;border-radius:15px 15px 0 0;gap:3px;min-height:46px}
 .playground-hero .tabs-ready .folder-panels{min-height:550px}
 .playground-hero .folder-panel .folder-inside{min-height:0}
 .playground-hero .folder-panel .folder-mascot{width:100%;max-width:280px}
 .playground-hero .folder-panel:not(#folder-panel-desk) .folder-mascot img{max-height:200px}
}
@media(max-width:380px){.playground-hero .folder-tabs button{font-size:9px}}
@media print{
 .playground-hero .folder-tabs{display:none!important}
 .playground-hero .folder-panel[hidden]{display:block!important}
 .playground-hero .tabs-ready .folder-panels{min-height:0}
 .playground-hero .folder-panel .folder-inside{min-height:0}
 .playground-hero .folder-panel+.folder-panel{margin-top:24px}
}