/* Official logo, illustrated navigation, little crypt resource tiles and clear access. */
.side-nav .brand{height:190px;flex:0 0 190px;padding:5px 12px 15px}.side-nav .wordmark{width:166px;max-height:166px;height:166px;object-fit:contain;filter:none;transform:none}.side-nav:before{display:none}.nav-link{padding:9px 12px;gap:11px;font-size:20px;min-height:61px}.nav-art{display:block;flex:0 0 43px;width:43px;height:43px}.illustration-sprite{background-image:url('/assets/navigation-illustrations-v4.png');background-size:400% 200%;background-repeat:no-repeat}.sprite-0{background-position:0 0}.sprite-1{background-position:33.333333% 0}.sprite-2{background-position:66.666667% 0}.sprite-3{background-position:100% 0}.sprite-4{background-position:0 100%}.sprite-5{background-position:33.333333% 100%}.sprite-6{background-position:66.666667% 100%}.sprite-7{background-position:100% 100%}.nav-link.active{box-shadow:0 0 0 2px #93d6d9,0 3px 9px #664b7522}.sign-in-panel{background:#fcf8ffb8;border:1px solid #c7acd9;border-radius:15px;padding:17px 12px 15px;margin:1px 2px 18px;box-shadow:0 5px 14px #59397c0d}.sign-in-panel h4{font:600 11px Inter,system-ui,sans-serif;letter-spacing:2px;color:#65417d;text-align:center;padding:0;margin:0 0 13px}.navigator-login-button{width:100%;display:flex;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:11px 9px;margin:0 0 15px;border:1px solid #f1dfb8;border-radius:99px;box-shadow:0 0 0 1px #5dabb2,0 4px 9px #6650741a,inset 0 1px 0 #ffffff80;background:linear-gradient(#319ca8,#147c8c);color:#fff;font:600 21px/1.1 var(--heading);cursor:pointer}.navigator-login-button span{font:27px Georgia}.navigator-login-button:hover{background:#147c8c}.sign-in-panel>p{font-size:12px!important;line-height:1.4!important;text-align:center;margin-bottom:12px!important}.sign-in-panel>.btn-ghost{display:block;width:100%;min-height:43px;background:#fffaf7;border-color:#b89dcc;color:#583578;font-size:12px}.sign-in-panel .nav-link{font-size:17px;min-height:40px}.journey-note{text-align:right;margin:0 3px 8px;padding:0;color:#5c3775;font:500 20px/1.35 var(--heading);letter-spacing:.1px}.hero{margin-bottom:3px}.hero-motto{display:none!important}
/* Shallow domed crypt facades, with a small stone plinth at the base. */
.stone-grid{gap:24px 21px;padding:5px 4px 12px;align-items:stretch}.stone-grid .stone{flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;min-height:256px;padding:32px 20px 29px;gap:7px;background:linear-gradient(120deg,#fffdf9 15%,#f7eef9 63%,#eee2f4);border:1px solid #c0a178;border-radius:48% 48% 11px 11px / 27% 27% 11px 11px;box-shadow:inset 0 0 0 4px #fffbf5,0 5px 11px #65517413;overflow:visible;isolation:isolate}.stone-grid .stone:before{inset:6px;border:1px solid #d8bb87;border-radius:48% 48% 7px 7px / 27% 27% 7px 7px;background:none;box-shadow:none;z-index:-1}.stone-grid .stone:after{content:'';position:absolute;left:-5px;right:-5px;bottom:-6px;height:12px;border:1px solid #c3aa89;border-radius:3px;background:linear-gradient(#eee4ed,#fffaf4 45%,#dfd0e4);box-shadow:0 3px 6px #694f7515;z-index:0}.stone-grid .stone .resource-emblem,.stone-grid .stone.icon-tea .resource-emblem,.stone-grid .stone.icon-books .resource-emblem,.stone-grid .stone.icon-compass .resource-emblem{background:none!important;width:80px;height:80px;margin:0 auto 4px;border:0;flex-shrink:0}.tile-graphic{display:block;width:100%;height:100%;background-repeat:no-repeat}.graphic-tea,.graphic-books,.graphic-compass{background-image:url('/assets/resource-icons-detail.png');background-size:300% 100%}.graphic-tea{background-position:left center}.graphic-books{background-position:center center}.graphic-compass{background-size:340% 100%;background-position:right center}.stone-grid .resource-copy{position:static;width:100%;display:flex;align-items:center;justify-content:center;flex:1;gap:5px}.stone-grid .stone h3{font:700 27px/1.03 var(--heading);margin:0;color:#4e286d;letter-spacing:-.6px;max-width:95%}.stone-grid .stone p{font:500 18px/1.17 var(--heading);color:#6b4c83;margin:0;max-width:95%}.stone-grid .stone .badge{align-self:center;margin:3px 0 0;font-size:16px;padding:4px 17px}.stone-grid .stone .btn-gold{border-radius:48% 48% 11px 11px /27% 27% 11px 11px;z-index:3}.stone-grid .stone .btn-gold span{right:17px;top:auto;bottom:10px;transform:none;font-size:28px}.stone-grid .stone:hover{background:linear-gradient(120deg,#fffdf9,#f4e9fa 75%,#e2f4f4)}.stone-grid .stone .resource-icon{display:none}.portal-footer{margin-top:35px}
@media(min-width:1600px){.stone-grid .stone{min-height:270px}.stone-grid .stone h3{font-size:29px}.stone-grid .stone p{font-size:19px}}
@media(max-width:1200px) and (min-width:901px){.nav-art{width:38px;height:38px;flex-basis:38px}.nav-link{font-size:19px;padding-left:9px;gap:8px}.side-nav .brand{padding-left:0;padding-right:0}.stone-grid .stone{min-height:250px}}
@media(max-width:900px){.side-nav .brand{height:190px;flex-basis:190px}.journey-note{font-size:20px;text-align:center;margin-bottom:10px}.stone-grid .stone{min-height:250px}.sign-in-panel{margin-top:0}.nav-art{width:46px;height:46px;flex-basis:46px}}
@media(max-width:650px){.journey-note{font-size:19px;margin:3px 0 12px}.stone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;padding-left:2px;padding-right:2px}.stone-grid .stone{min-height:257px;padding:29px 11px 28px;gap:4px}.stone-grid .stone .resource-emblem,.stone-grid .stone.icon-tea .resource-emblem,.stone-grid .stone.icon-books .resource-emblem,.stone-grid .stone.icon-compass .resource-emblem{width:72px;height:72px;margin:0 auto 3px}.stone-grid .stone h3{font-size:23px;line-height:1.05;max-width:100%}.stone-grid .stone p{font-size:17px;line-height:1.12;max-width:100%}.stone-grid .stone .badge{font-size:14px;padding:4px 11px}.stone-grid .stone .btn-gold span{right:10px;bottom:8px;font-size:24px}.resources-heading{font-size:29px;gap:15px}.side-nav .wordmark{width:174px;height:174px;max-height:174px}.navigator-login-button{font-size:22px;min-height:52px}.app{padding-bottom:110px}}
@media(max-width:370px){.stone-grid{grid-template-columns:1fr}.stone-grid .stone{min-height:235px;padding:30px 20px 27px}.stone-grid .stone h3{font-size:28px}.stone-grid .stone p{font-size:19px}}
.nav-link{margin-bottom:3px;min-height:58px;padding-top:7px;padding-bottom:7px}.side-nav>.nav-group{margin-bottom:13px}
.tile-graphic.sprite-7{background-size:440% 200%}
