:is(.shale-foundation,.shale-authenticated) .shale-shell{grid-template-columns:minmax(0,1fr);align-content:start;min-height:100dvh;display:grid}:is(.shale-foundation,.shale-authenticated) .shale-shell-header{background:var(--shale-chrome);color:var(--shale-on-dark);align-items:center;gap:var(--shale-space-3);padding:calc(var(--shale-space-3) + env(safe-area-inset-top,0px)) max(var(--shale-space-4),env(safe-area-inset-right,0px)) var(--shale-space-3) max(var(--shale-space-4),env(safe-area-inset-left,0px));flex-wrap:wrap;display:flex}:is(.shale-foundation,.shale-authenticated) .shale-brand{align-items:center;gap:var(--shale-space-2);color:inherit;min-height:44px;font-size:1.125rem;font-weight:800;text-decoration:none;display:inline-flex}:is(.shale-foundation,.shale-authenticated) .shale-brand-mark{border-radius:var(--shale-radius-control);border:1px solid;place-items:center;width:36px;height:36px;display:grid}:is(.shale-foundation,.shale-authenticated) .shale-shell-caption{font-size:var(--shale-type-meta)}:is(.shale-foundation,.shale-authenticated) .shale-shell-utilities{align-items:center;gap:var(--shale-space-2);flex-wrap:wrap;margin-left:auto;display:flex}:is(.shale-foundation,.shale-authenticated) .shale-shell-utilities label{font-size:var(--shale-type-meta)}:is(.shale-foundation,.shale-authenticated) .shale-shell-utilities select{width:auto}:is(.shale-foundation,.shale-authenticated) .shale-shell-navigation{background:var(--shale-navigation);color:var(--shale-on-dark);padding:var(--shale-space-2) max(var(--shale-space-4),env(safe-area-inset-left,0px))}:is(.shale-foundation,.shale-authenticated) .shale-shell-navigation summary{min-height:44px;padding:var(--shale-space-2);cursor:pointer;border:1px solid var(--shale-on-dark);border-radius:var(--shale-radius-control);font-weight:700}:is(.shale-foundation,.shale-authenticated) .shale-shell-navigation summary span{margin-left:var(--shale-space-2);font-weight:400}:is(.shale-foundation,.shale-authenticated) .shale-destinations{gap:var(--shale-space-2);padding-block:var(--shale-space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}:is(.shale-foundation,.shale-authenticated) .shale-destination{color:inherit;min-height:44px;padding:var(--shale-space-2) var(--shale-space-3);border-radius:var(--shale-radius-control);border:2px solid #0000;flex-direction:column;justify-content:center;text-decoration:none;display:flex}:is(.shale-foundation,.shale-authenticated) .shale-destination:hover{background:var(--shale-navigation-hover)}:is(.shale-foundation,.shale-authenticated) .shale-destination-active{background:linear-gradient(110deg,var(--shale-primary-start),var(--shale-primary-end));border-color:var(--shale-on-dark);text-underline-offset:.2em;font-weight:800;text-decoration:underline}:is(.shale-foundation,.shale-authenticated) .shale-destination small{font-size:var(--shale-type-meta)}:is(.shale-foundation,.shale-authenticated) .shale-shell-identity{display:none}:is(.shale-foundation,.shale-authenticated) .shale-shell-main{min-width:0;padding:var(--shale-space-4) max(var(--shale-space-4),env(safe-area-inset-right,0px)) calc(var(--shale-space-6) + env(safe-area-inset-bottom,0px)) max(var(--shale-space-4),env(safe-area-inset-left,0px));outline-offset:-4px}:is(.shale-foundation,.shale-authenticated) .shale-skip{z-index:10;left:var(--shale-space-4);top:var(--shale-space-2);padding:var(--shale-space-3);background:var(--shale-plane);color:var(--shale-link);position:absolute;transform:translateY(-200%)}:is(.shale-foundation,.shale-authenticated) .shale-skip:focus{outline:3px solid var(--shale-focus);outline-offset:3px;transform:none}@media (width>=48rem){:is(.shale-foundation,.shale-authenticated) .shale-shell{grid-template-rows:auto 1fr;grid-template-columns:10rem minmax(0,1fr)}:is(.shale-foundation,.shale-authenticated) .shale-shell-header{grid-column:1/-1}:is(.shale-foundation,.shale-authenticated) .shale-shell-navigation{padding:var(--shale-space-3)}:is(.shale-foundation,.shale-authenticated) .shale-shell-navigation summary{display:none}:is(.shale-foundation,.shale-authenticated) .shale-destinations{grid-template-columns:minmax(0,1fr)}:is(.shale-foundation,.shale-authenticated) .shale-shell-identity{border-top:1px solid var(--shale-on-dark);margin-top:var(--shale-space-6);padding-top:var(--shale-space-4);overflow-wrap:anywhere;display:block}:is(.shale-foundation,.shale-authenticated) .shale-shell-main{padding:var(--shale-space-6)}}@media (width>=75rem){:is(.shale-foundation,.shale-authenticated) .shale-shell{grid-template-columns:15rem minmax(0,1fr)}:is(.shale-foundation,.shale-authenticated) .shale-shell-navigation{padding:var(--shale-space-6)}}:is(.shale-foundation,.shale-authenticated) .shale-shell-navigation :where(a,summary):focus-visible,:is(.shale-foundation,.shale-authenticated) .shale-brand:focus-visible{outline:3px solid var(--shale-on-dark);outline-offset:3px}@media (width>=48rem){:is(.shale-foundation,.shale-authenticated) .shale-shell-main{padding-right:max(var(--shale-space-6),env(safe-area-inset-right,0px));padding-bottom:calc(var(--shale-space-6) + env(safe-area-inset-bottom,0px))}:is(.shale-foundation,.shale-authenticated) .shale-shell-navigation{padding-left:max(var(--shale-space-3),env(safe-area-inset-left,0px))}}@media (width>=75rem){:is(.shale-foundation,.shale-authenticated) .shale-shell-navigation{padding-left:max(var(--shale-space-6),env(safe-area-inset-left,0px))}}:is(.shale-foundation,.shale-authenticated) .shale-shell-utilities{min-width:0;max-width:100%}:is(.shale-foundation,.shale-authenticated) .shale-shell-utilities select{background:var(--shale-input);color:var(--shale-text);border:1px solid var(--shale-control-border);border-radius:var(--shale-radius-control);min-width:44px;max-width:100%;min-height:44px;padding:var(--shale-space-2)}:is(.shale-foundation,.shale-authenticated) .shale-shell-utilities :focus-visible{outline:3px solid var(--shale-on-dark);outline-offset:3px}:is(.shale-foundation,.shale-authenticated) .shale-destination{overflow-wrap:anywhere;min-width:0}:is(.shale-foundation,.shale-authenticated) .shale-destination-unavailable{color:var(--shale-on-dark)}:is(.shale-foundation,.shale-authenticated) .shale-shell-identity{overflow-wrap:anywhere;padding-block:var(--shale-space-3);display:block}:is(.shale-foundation,.shale-authenticated) .shale-shell-identity p{margin-block:var(--shale-space-2) 0}:is(.shale-foundation,.shale-authenticated) .shale-shell-main:focus-visible{outline:3px solid var(--shale-focus)}